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 楽天) ●知名度が高く購入率の高い商品です。 ●ニュースサイトの紹介でも話題となり、有名タレント、モデル等にも使用して頂きブログなどでも紹介されている信頼度の高い商品です。 ●まとめ買いが多いのが特徴です。

関連記事

Windows10スタートアップフォルダ

Windows10 カスタマイズ 伝えたいこと 備忘録

Windows10でスタートアップ登録してアプリ自動起動する方法すべてのユーザと自分のみがユーザの場合

かれこれWindows10がリリースされてあと約2ヶ月で早いもので2年になってしまいます。昨年の夏にはAnniversaryUpdateのメジャーアップデートがあり、その前にはリリースされた2015年・・・続きを読む

Windows10

PC Windows10 カスタマイズ 伝えたいこと 備忘録 設定

Windows10アップデート後に勝手に再起動するのを止める方法

もうWindows10が発売リリースされて1年半くらい経ちました。 一昨年のリリース元年の11月にはth1511の大幅アップデートがあり、昨年の夏8月2日にもAnniversaryUpdateがありま・・・続きを読む

Noto Sans CJKフォントインストール後画像

PC Windows10 カスタマイズ 伝えたいこと 備忘録

Windows10のフォントが汚いので変更方法

Windows10は、リリースされてからもうすぐ(3ヶ月で)1年になろうとしてます。 Windows10のデフォルトのフォントは汚いので、システムフォントを変更する方法です。 すでに多くの人はご存知か・・・続きを読む

スマイルゼミトーク

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

スマイルゼミのタブレット学習評判と機能が家族内でLINEみたい

ここ最近のことなのですが…。最近の小学生や中学生は、インターネットやタブレットを使った学習方法があるようです。ある意味、現在では当たり前のようでもあります。私の甥っ子姪っ子がスマイルゼミという昔の進研・・・続きを読む

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



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

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

言えないことはTwitterで!!



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

izumi

プロフィールページ詳細

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

Follow Me !

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