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でのキャプチャされてきたイメージ画像は全部丸くできました。

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

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

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

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

あなたにおすすめな関連記事

: STINGER PLUS+ Stinger6 Stinger7 WordPress カスタマイズ伝えたいこと備忘録
サイドバーのウィジェットにタイトルを表示させずに追加する方法
テーマにもよりますが、サイドバーにデフォルト（はじめから）で追加されている状態のウィジェットがあると思います。もちろん、サイドバーにウィジェット追加用に多くのテーマは作られていると思います。ですが…
もっと読む

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

: 伝えたいこと時事ネタ車
エクストレイル20Xtt特別仕様車ハリアー最大値引きはいくらなのか
ハリアーもエクストレイルも今年の来月６月には、マイナーチェンジをむかえます。両者ともに値引率、値引きしてもらうには絶好の時期でもあります。そこで、ハリアーとエクストレイルについてディーラーにて値引き…
もっと読む

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

: AFFINGER4Pro WordPress カスタマイズテーマ伝えたいこと備忘録
AMP対応ショートコード（自作）をAFFINGER4で増やす方法
アイキャッチ画像：AFFINGER4公式HP（https://the-money.net/）のスクリーンショットです。 AFFINGER4では標準でAMP対応機能が備わっています。そんな中で、自分で…
もっと読む

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

: 伝えたいこと備忘録時事ネタ
大和君発見良かった。尾木ママブログに批判殺到みたいだが…。
この1周間北海道の7才の男児の大和君が本日（6月3日）の早朝に無事に発見されました。良かった！！しかし、この発見される数日前に教育評論家で「ホンマでっかTV」などで有名になった尾木ママこと尾木直樹…
もっと読む

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

: 伝えたいこと備忘録時事ネタ
平成になって何日目？今日でちょうど10000日目記念日!!
今は日本の元号では平成です。昭和から平成になった日が1989年1月8日です。私はまだまだ思春期になる頃か少しだけ手前だった頃のことです。あれからもうなんと10000日が経ったとは…。平成生まれの子達が…
もっと読む

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

: WordPress カスタマイズ備忘録
jetpackの自動出力されるCSSを無効化で出力しないようにする方法
WordPressの有名なプラグインはいくつかあります。そんな中のひとつで多機能（ある意味重い？）なプラグインでjetpackがあります。使っている機能は人それぞれかと思われますが、私はphotonと…
もっと読む