現在の接続環境は
です

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

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

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

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

メルカリ招待コード:

所要時間目安: 1

This session is using  IPv4  is established in

今日は2025年9月6日です。

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

目次に行く・戻る

2025年9月6日 (土曜日)↓における週間月間人気記事トップ3は?↓

  • 本日
  • 週間
  • 月間
  1. 純国産ブラウザKinza

    国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応 2PV

    2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb(ウェブ)ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…

    もっと読む

  2. エクストレイルT32オススメなPIAA製PN82エアエレメント交換 2PV

    これまでにいくつかの車のメンテナンスに関するものを投稿してきました。ほぼ車のメンテナンスに関するものがほとんどなのですが・・・。 エアコンフィルター交換。 プラグ交換。 その他のカスタマイズ。 LED…

    もっと読む

  3. Windows10

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

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

    もっと読む

  1. 燃費改善にエアフィルター交換エアーエレメント交換

    車の燃費が悪い原因を改善し良くする一つの方法オススメのエアフィルター交換 2PV

    最近の車ではプリウスをはじめとしたハイブリッドカーが多くなってきています。しかし、どんな車でも吸気系統と排気系統はあります。 両方大事ですが、排気系統はマフラーを交換するくらいしかありません。またマフ…

    もっと読む

  2. PHPコードウィジェットをプラグイン使わずにウィジェット作成方法 2PV

    WordPressの管理画面の外観にてウィジェットを選択すると、テーマによりですがどこにウィジェットを追加可能なのかがわかります。WordPressのデフォルトであるウィジェットやテーマ独自のウィジェ…

    もっと読む

  3. 純国産ブラウザKinza

    国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応 2PV

    2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb(ウェブ)ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…

    もっと読む

  1. PHPコードウィジェットをプラグイン使わずにウィジェット作成方法 2PV

    WordPressの管理画面の外観にてウィジェットを選択すると、テーマによりですがどこにウィジェットを追加可能なのかがわかります。WordPressのデフォルトであるウィジェットやテーマ独自のウィジェ…

    もっと読む

  2. 純国産ブラウザKinza

    国産Webブラウザ「Kinza3.2.0」の最新版リリースでMacにも対応 2PV

    2年くらい前に純国産ブラウザにとても安心できる「Kinza」というweb(ウェブ)ブラウザがあることを知りました。その後、順調に進化し続けて6月15日に最新版の「Kinza」がリリースされたようです。…

    もっと読む

  3. エクストレイルT32オススメなPIAA製PN82エアエレメント交換 2PV

    これまでにいくつかの車のメンテナンスに関するものを投稿してきました。ほぼ車のメンテナンスに関するものがほとんどなのですが・・・。 エアコンフィルター交換。 プラグ交換。 その他のカスタマイズ。 LED…

    もっと読む

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

えーっと…。

カスタマイズというものは、
やってもやってもどこか抜け目があってしまうというものなのか…。(´~`ヾ) ポリポリ・・・

関連記事のイメージ画像を丸くする方法

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

を記事としてまとまめした。

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

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

そしたら、

トップページのイメージ画像は変わっていないことに気づき…。

トップページのイメージキャプチャ画像(アイキャッチ画像)を(も)丸くしなきゃっ。

ということで、

トップページにアイキャッチ画像(イメージ画像)を丸くする方法のCSSです。

#topnews dt img {
 width: 100%;
 BORDER-RADIUS: 100%;
 }

 

これだけでトップページのアイキャッチ画像・イメージ画像を丸くすることが出来ます。

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

 

上記のような風になればOKです。

はぁ、
もしかして、まだどこかにあるかもしれない…。

カスタマイズって大変だなぁ。

ということは、
テーマを作っている方々はもっと大変…。o(´^`)o ウー

すごいなぁ…。

あなたにおすすめ


Multiplex 広告

あなたが訪問してから

0 秒経過 🎉

入学入社まであと…入学入社祝いはどんなPresent(プレゼント)でどのように過ごされますか?

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

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


カウントダウンタイマー

おすすめの記事一部広告

Total769


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを表示(1)
  1. […] トップページの記事のイメージキャプチャ画像を丸くする方法 […]

コメントを書く

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


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

新着コメント