Loading…

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

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

本日の人気記事BEST10

所要時間目安:1


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

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

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

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

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, テーマ, 伝えたいこと, 備忘録」同じカテゴリ人気記事


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

おすすめの記事一部広告

関連記事

Windows10の日ロゴ画像

PC Windows10 伝えたいこと 備忘録

Windows10無償アップグレード終了後大幅なアップデートで不具合はないか…。

Windows10が昨年2015年7月29日に正式にリリースされて、先日マイクロソフトはWindow…

もっと読む

福島第一原発排気筒100兆ベクレル

伝えたいこと 備忘録 時事ネタ

原発排気筒の中は100兆ベクレル!って…。本当なの!?倒壊リスクなど。

今はもう…。 原発と言うと、 東日本大震災の時の甚大な日本に及ぼした天災による被害のひとつであるとい…

もっと読む

乙武洋匡さん

Twitter 伝えたいこと 備忘録 時事ネタ

乙武洋匡さんもTwitter裏アカウント使ってたの…。「純愛エロメガネ」らしい

(アイキャッチ画像出典元:乙武洋匡さん公式Twitterより:https://twitter.com…

もっと読む

WordPress

Stinger6 Stinger7 WordPress カスタマイズ カスタマイズ 伝えたいこと 備忘録

WordPress記事中最初のH2見出し前に広告を自動挿入方法

WordPressで記事の途中に思い通りの広告などをショートコードなどによって、 挿入する方法はいく…

もっと読む

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

おすすめ!!

世界中でNo.1のシャアを誇るAmazonでのお得なお買い物でお得をしよう!!ネット通販なので、もちろん24時間年中無休です。健康商品から食品、車カスタマイズ商品、大手家電メーカー商品やパソコンの自作サプライ商品、その他アマゾン・プライムでは映画やドラマなど多くの作品や番組を見ることができます。マスクなど衛生商品も今では必須アイテム。一番信用できて一番商品数の多いAmazonでの買い物が絶対にオススメ!!

おすすめ2

楽天による季節特集です。それぞれの季節ごとにお得なお買い物商品やお得な旅行商品、その他にもAmazon同様に国内最大の買い物ポータルサイトです。楽天をメインにお買い物されている方はポイントやSPUも貯まりさらにお得に!!楽天カードや宇佐美系列のガソリンスタンドでも楽天ポイントが今では貯まります。それらのポイントを貯めてお得にお買い物や旅行商品その他にもパソコンサプライや車カスタマイズ商品など楽天も充実しています。

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



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

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

言えないことはTwitterで!!



目次に戻る


コメントを閉じる

comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください