Loading…

記事内にプロモーションが含まれています。

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

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

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

所要時間目安:1

This session is using  IPv4  is established in

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

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

目次に行く・戻る

メルカリ招待コード:

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

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

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

なので、


この記事を読む方へのオススメ


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

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

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

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

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

あなたにおすすめ

年末年始商戦クリスマス商戦

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

年末年始ボーナス商戦ダイヤモンド特集一覧ちょっと贅沢に艶やかに!!

もう12月になって数日過ぎてしまいました。12月と言ったらボーナス商戦でお店やデパートなど年末年始商戦やクリスマス商戦でセール品や特価品、 そして、お買い得商品などなどいろいろな手で売り上げアップを目…

もっと読む

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

モバイルファーストインデックス

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

モバイルファーストインデックスを導入予定、影響と対応は?

こんにちは!こんばんは!あはようございます!? とまぁ、あいさつは朝昼晩のどの時間帯にこの記事を拝見されても良いように3種類であいさつしましたポリポリ (・・*)ゞ。Googleが何やらモバイルファー…

もっと読む

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

おすすめCANONプリンター複合機

PC 伝えたいこと 設定

おすすめプリンター複合機CANON・EPSONでもなくBROTHERかHP(ヒューレット・パッカード)

現在、多くの家電量販店や価格ドットコムなどで人気機種ランキングや売上数ランキングなどでじょういを占めているCANONとEPSONのインクジェットプリンター。しかし、よくランニングコストを考えると、長期…

もっと読む

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

AMP画像

AFFINGER4Pro WordPress カスタマイズ 備忘録

AMP化したページでカエレバ・ヨメレバ・アプリーチを表示する方法

もうAMP化が騒がれて2年くらいになるのでしょうか・・・。それぞれのテーマによっては標準で対応しているものもありますね。ですが、対応していてもカエレバヨメレバのアフィリエイトコードの変換にはうまくでき…

もっと読む

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

メンテナンス 伝えたいこと 備忘録 時事ネタ

ガソリンが高いトリガー条項は?一番安いガソリンスタンドは?go.go.gs

一昨年・昨年からガソリン代(ガソリン価格)が全国的に上がり高くなっています。その原因はなんなのかはおそらく海外との情勢などが影響しているのだと思われます。 2000年代後半にも、一時期ガソリン価格が1…

もっと読む

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

洗濯乾燥機修理

伝えたいこと 備忘録

洗濯機乾燥機が乾かないのはなぜだったのか

ここ1週間くらいドラム式洗濯乾燥機での乾燥がうまく乾かなくなってきていました。結果から言うと、 埃によるフィルターの詰まり(目詰まり)でもなく、奥側のフィルターの詰まり(目詰まり)でもなく…。 ヒート…

もっと読む

おすすめの記事一部広告

おすすめ!!

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

おすすめ2

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

お小遣い稼ぎにアンケート。

Multiplex 広告

Total233


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを閉じる

comment

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

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