zenbackのイメージ画像を丸くする方法

更新日:


本日の人気記事BEST10

所要時間目安: 約 1

zenbackイメージ画像を丸くする

WordPress テーマ 伝えたいこと 備忘録

zenbackイメージ画像を丸くする

つい先の投稿で関連記事のイメージ画像を丸くする方法を投稿しました。

WordPressのテーマでStinger6がリリースされた頃に私はWordPressにてブログを始めてみました。 そう思っていたら、Stinger7がおおよそ1ヶ月半後に

ですが、
それだけですと全体的なバランスが取れないことに気づきました^^;

なので、

目次に戻る

zenbackという関連記事?などを表示するツール?サービスのキャプチャ画像を丸くする方法です。

同じくCSSをいじります。



スポンサーリンク

修正・追加するCSSは以下です。

自分の関連する記事のイメージ画像を丸くするCSS

#zenback-widget #zenback-related-article .zenback-module-item.hasthumb .zenback-module-item-image {
 float: none;
 width: auto;
 height: 110px;
 margin: 0;
 BORDER-RADIUS: 100%;
 }

 

お知らせのイメージ画像を丸くするCSS

#zenback-widget #zenback-news-hasimage .zenback-module-item-image, #zenback-widget #zenback-ad-hasimage .zenback-module-item-image {
 height: 110px;
 margin: 0;
 width: auto;
 text-align: center;
 float: none;
 BORDER-RADIUS: 100%;
 }

 

スポンサーリンク

お知らせのイメージ画像の下の広告イメージ画像(logly)を丸くするCSS

#logly-lift-869470 .logly-lift-ad-image-inner img {
 position: absolute;
 max-width: none;
 max-height: none;
 border-style: none;
 BORDER-RADIUS: 100%;
 }

 

zenbackイメージ画像を丸くする

これで上記画像のように、
zenbackでのキャプチャされてきたイメージ画像は全部丸くできました。

あとは、
どこか抜け目がないかどうかなのですが…。

また、
気づいた際に追加投稿します。

自分への備忘録として残しておきたいと思います。

もし、
参考になる方がいらっしゃれば幸いです。

-WordPress, テーマ, 伝えたいこと, 備忘録

関連記事一部広告

スポンサーリンク

+ クリックで展開します

おすすめ!!

加圧シェイプで24時間無意識運動状態が可能!! 引き締め効果で魅力的なシルエットをサポート!! 運動している時だけでなく、仕事やプライベート就寝中にも!! 通気性がよく、体の動かしやすい伸縮性のある素材です!! 常に体が引き締まって、着心地いい!! 毎日着たい方用にセットも充実!!

女性必見のバストアップにおすすめ!!

マンガでの商品説明を販売ページに採用しています。 商品のメリットや良さが伝わりやすいです。 ★知名度と信頼度!ニュースアプリや芸能人ブログでも話題! (インスタグラム SmartNews yahoo アメーバ crooz 楽天) ●知名度が高く購入率の高い商品です。 ●ニュースサイトの紹介でも話題となり、有名タレント、モデル等にも使用して頂きブログなどでも紹介されている信頼度の高い商品です。 ●まとめ買いが多いのが特徴です。

関連記事

DeNAウェルク問題

インターネット 伝えたいこと 備忘録 時事ネタ

DeNAウェルクwelq問題記者会見長い3時間にも及ぶが各メディアから同じ質問…。

DeNAのWELQ問題に関すること 非常に長い記者会見でした。 見ているだけで疲れましたし、各マスコミの記者が同じような質問ばかりで飽き飽きする内容も多いかと思われます。 はじめの1時間だけを見れば概・・・続きを読む

純国産ブラウザKinza

PC インターネット ブラウザChrome 伝えたいこと 備忘録

国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応

2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb(ウェブ)ブラウザがあることを知りました。 その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです・・・続きを読む

フリー素材モデル茜さや

インターネット 伝えたいこと 備忘録

フリー素材モデルが誰なのか調べてみた…。

ここのところ(ここ数年)よく見かけるアイキャッチ画像があると思います。 そんなアイキャッチ画像や文章の途中に画像を表示したりして、読者にアクセントをつけて飽きさせない効果もあると言われる画像(フリー素・・・続きを読む

Windowsプロダクトキー確認方法

PC Windows10 備忘録

Windows10,Windows8.1プロダクトキー確認方法

多くの場合WindowsOSはメーカー製品のPCにプリインストールされていることがほとんどだと思います。 (自作パソコンを除いてです。) Windows7ですとコマンドでプロダクトキーの確認をするコマ・・・続きを読む

目次に戻る

よろしかったらシェアよろしくお願いします。



この記事が良かったら
いいね!お願いします(#^.^#)

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



  • この記事を書いた人
  • 最新記事

izumi

プロフィールページ詳細

はじめまして、izumiの旦那です。医療ミスにより長胸神経麻痺になってしまい若干の障害がありブログをさせていただいています。共同運営(しばらくは単独になると思います。)になりつつありますがよろしくお願いいたします。

Follow Me !

Copyright© WordPressデビュー津々浦々 , 2019 All Rights Reserved Powered by AFFINGER5.