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

所要時間目安：約1分

This session is using　 IPv4 　is established in

Stinger7の様に関連記事画像をStinger6でも丸くする方法

トップページの記事のイメージキャプチャ画像を丸くする方法

この記事は2016年4月12日のものです。現在は状況が異なる可能性がありますのでご注意ください。

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

目次に行く･戻る

+本日の人気記事TOP10+

メルカリ招待コード：

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

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

Stinger7の様に関連記事画像をStinger6でも丸くする方法

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

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

なので、

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

同じくCSSをいじります。

アドセンス336pxPC閲覧記事下表示1つ目コード

修正・追加する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 クイックタグ登録不具合
WordPress投稿にクイックタグを登録方法。
早速ですが、クイックタグ登録してみた。テキストエディタにした時に、いくつかボタン表示にてタグが登録されていました。それを辿ってfunction.php内でクイックタグの部分を探して、同じよう…
もっと読む

インフィード広告アドセンス

: 伝えたいこと備忘録時事ネタ
東京オリンピック開催日まであと何日?リオ五輪の開催日までと共に
（アイキャッチ画像出典元毎日新聞：https://mainichi.jp/graphs/20160408/hpj/00m/050/004000g/3）以前、全日本男子バレーボールの世界最終予選大会につ…
もっと読む

インフィード広告アドセンス

: インターネット伝えたいこと備忘録時事ネタ
トランプ大統領が大統領令を発令出来る!?アメリカンジョークなWebサービスIs Now Illegal
アメリカのトランプ大統領が就任して間もなく、移民政策やメキシコとの国境に壁を作るなどの大統領令を発令しました。前大統領の元オバマ大統領も就任直後に大統領令にサインをしたのを覚えています。そこで、アメリ…
もっと読む

インフィード広告アドセンス

: PC カスタマイズツールブックマークレット伝えたいこと備忘録
引用元＜blockquote＞＜/blockquote＞タグを自動生成するブックマークレット選択したテキスト部分のみ
ブログをやっている方やサイト運営されている方って、必ずと言っていいほど引用することが出てくると思います。毎回毎回、引用部分をコピペして引用元サイトのURLリンクなどを何度かの操作をして作るのって面…
もっと読む

インフィード広告アドセンス

: 伝えたいこと備忘録
おすすめの電気シェーバーBrownシリーズ9と洗浄液
日々の朝のルーチンワークのひとつに男性と女性ではそれぞれ女性の場合にはメイクする（化粧する）。男性の場合には髭を剃る（または電気シェーバーで髭剃りをする）とあります。男性でも女性でも髭の濃さは人それぞ…
もっと読む