Loading…

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

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

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

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

所要時間目安： 約 1 分

This session is using　 IPv4 　is established in

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

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

カーメンテナンスWAKO'S

目次に行く･戻る

メルカリ招待コード：

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

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

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

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

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

「WordPress, テーマ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧

あなたにおすすめ

https化

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

HTTPS化(SSL)しなければならないのかなぁ。自動でなって…。

つい本日GoogleのブログサービスBloggerのダッシュボードを見たところ、 全員が対象で4月末にはhttpsに変更になるようです。 去年から有名な海外SEO情報ブログの記事では拝見していましたが…

もっと読む

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

24時間営業深夜営業

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

24時間営業ファミレスは転換期なのか?見直している企業など

そもそも24時間営業という店舗や企業が出てきたのは、バブルがはじける少し前かバブルがはじけてから多くの企業が海外進出のグローバリゼーション化（グローバル化）と共に多くなってきました。そこで、当時はセブ…

もっと読む

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

紅葉

php WordPress テーマ

WordPressテーマカスタマイズしてみた。

WordPressのテーマをカスタマイズしてみました。 カスタマイズしてみた内容は、 ちょっと試行錯誤し過ぎて明確には覚えていないのですが…。バックグラウンドの色の変更。新しい記事の表示件数の変更。（…

もっと読む

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

熊本城

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

熊本城石垣崩れるが復元可能ロンブー淳さんお手伝いしたいと。

昨日の熊本地震にて、 震度7という大きな揺れの地震で歴史的建造物であり3大名城（4大名城とも言われるが）である熊本城の石垣が壊れた・崩れてしまいました。熊本城の別名「銀杏城（ぎんなんじょう）」。ちなみ…

もっと読む

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

HDDが壊れそうか否か健康状態確認

PC 伝えたいこと 備忘録

CrystalDiscinfoでHDDが壊れそうかどうか確認方法と対処方法

以前と言っても先月末くらいからパソコンから異音が出始めました。 異音の種類によってもどこら壊れそうなのか概ねの判断・推測ができます。 以前の記事が以下です。 これらのことを行っても異音が解消されない場…

もっと読む

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

Windowsプロダクトキー確認方法

PC Windows10 備忘録

Windows10,Windows8.1プロダクトキー確認方法

多くの場合WindowsOSはメーカー製品のPCにプリインストールされていることがほとんどだと思います。（自作パソコンを除いてです。） Windows7ですとコマンドでプロダクトキーの確認をするコマン…

もっと読む

おすすめの記事一部広告


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

Multiplex 広告

おすすめ！！

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

詳細ページへ

No.1シェアAmazon

おすすめ2

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

詳細ページへ

楽天市場

Googleニュース

  • 新しい記事はありません
    • Total248


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

    目次に戻る

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

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

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

    目次に戻る

    目次に戻る

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

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

      返信

    comment

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

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

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

    トップページの記事のイメージキャプチャ画像を丸くする方法 トップページのアイキャッチ画像を丸くする方法