現在の接続環境は
です

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

Windows10サポート終了まで
国民総株主
¥1,650 （2024/11/30 16:49時点 | Amazon調べ）
Amazon
楽天市場
Yahooショッピング
メルカリ

プロモーションを含みます

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

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

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

所要時間目安：約1分

This session is using　 IPv4 　is established in

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

カーメンテナンスWAKO'S

2025年1月13日 (月曜日)↓における週間月間人気記事トップ３は？↓

  • 本日
  • 週間
  • 月間
  1. エクストレイルフォグランプの光軸調整後

    エクストレイルフォグランプが下を向きすぎている光軸調整方法 2PV

    人気車種のSUVで日産エクストレイルT32型のフォグランプは、光軸が下を向きすぎているためせっかくLEDフォグランプにしたりHIDにしたりしてもその恩恵をあまりかんじられません。要は、ボンネットが少し…

    もっと読む

  2. アイドリングストップシステム異常警告灯表示対処方法 1PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に（自動的に）アイド…

    もっと読む

  3. エクストレイルT32ヘッドライト光軸調整方法 1PV

    エクストレイルT32やエクストレイルT33などでは純正LEDヘッドライトが採用されているグレードや車種があります。メーカーオプションのLEDヘッドライトだと光軸調整が難しいと思われる方のいらっしゃるか…

    もっと読む

  1. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 38PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  2. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 32PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  3. アイドリングストップシステム異常警告灯表示対処方法 22PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に（自動的に）アイド…

    もっと読む

  1. エンジンスターターリモコン

    カーメイトのエンジンスターターでエラー15表示と対処方法 38PV

    夏冬に特に重宝するのが、エンジンスターターです。 メーカーはCARMATEやCOMTECユピテルなど各社ありますが、一番のオススメはリモコンから多くの情報を得ることができるカーメイト製品です。 なぜか…

    もっと読む

  2. カーナビテレビが見れなくなったICカードが正常に動作しませんでした

    ナビテレビが見れなくなった時ICカードが正常に動作しませんでした対処方法 32PV

    本日ではなく昨日になってしまいますが、それまでカーナビで地デジ対応のナビで突然エンジンをかけなおしたら・・・・・・。 「ICカードが正常に動作しませんでした。販売店にお問い合わせください。」 なんてい…

    もっと読む

  3. アイドリングストップシステム異常警告灯表示対処方法 22PV

    2010年前後以降の車に搭載されていることの多いアイドリングストップシステム。各自動車メーカーによって呼び名は異なりますが、機能としては信号待ちが長い時や停止時間が長い時などに勝手に（自動的に）アイド…

    もっと読む

今日は2025年1月13日です。

目次に行く･戻る

2025年1月13日 (月曜日)本日の人気記事トップ１０

メルカリ招待コード：

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

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

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

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

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

バレンタインまであと…VALENTINEはどんなPresent（プレゼント）でどのように過ごされますか？

バレンタインプレゼントは以下などの豊富なキャンペーン商品から選ぶと良いと思います。

おすすめ！！

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

詳細ページへ

No.1シェアAmazon

おすすめ2

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

詳細ページへ

楽天市場

ブログサービスが始まってから:

0

カウントダウンタイマー

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

🎉 Counting Up! 🎉
Loading...
閉店セール

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

閉店セールの店に行ってみた最大80%オフなら一度は行くでしょぉ

約1ヶ月半くらい前に、とあるお店から何月何日をもって閉店しますので、30%から最大80%オフの閉店セールを行ないます。そんなこと書かれていたら行っちゃうでしょぉ。とりあえずは…。だって、最大80%オフ…

もっと読む

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

Stinger7のように関連記事画像を丸く

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

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

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

もっと読む

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

目次作成と設定方法Table of Contents Plus（TOC+）による

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

ブログに目次表示動画解説付きでTable of Contents Plus（TOC+）の設定方法

これまでは、ブログにおいて目次表示は要らないかなぁなんて思っていました。 ですが、 多くのサイトの方々が導入されているということとSEO的にも若干良いということなのと、訪れていただいたユーザーのユーザ…

もっと読む

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

RSSフィード画像

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

RSSにアイキャッチ画像を出力する方法Stinger6、Stinger7、StingerPLUS+版

以前、RSSにアイキャッチ画像を出力する方法という記事を書きました。     普通の？RSSフィードに（PINGOOなど）にはアイキャッチがちゃんと表示されていました。 ですが、B…

もっと読む

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

インターネット セキュリティ 伝えたいこと 備忘録 光コラボ 時事ネタ

光ファイバー通信速度が301Tbpsになるかも10Gbpsの3万1000倍

現在のインターネット光ファイバー通信速度は各社によって異なります。1Gbpsだったり10Gbpsだったりプランにもよりますが最大通信速度として謳われているのは10Gbpsです。しかも、10Gbpsとい…

もっと読む

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

Windows10ポップアップ通知

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

Windows10無償アップグレード期間過ぎてもWindows10にアップグレードする方法

Windows10の無償アップグレード期間が残すところ約1ヶ月となりました。そこで、Windows7やWindows8.1を今のところまだ使用したい。 けれど、今後のことを考えるとWindows10へ…

もっと読む

あなたが訪問してから

⏰ 0 秒経過 🎉

あなたが訪問してから

0 秒

おすすめの記事一部広告


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

Multiplex 広告

Total481


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

目次に戻る

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

この記事タイトルとURLをコピー

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

目次に戻る

目次に戻る

コメントを閉じる
  1. トップページの記事のイメージキャプチャ画像を丸くする方法 | WordPressデビュー津々浦々 より:
    2016年4月12日 4:57 AM

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

    返信

comment

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


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