現在の接続環境は
です

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

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

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

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

所要時間目安: 1

This session is using  IPv4  is established in

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

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

目次に行く・戻る

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

  • 本日
  • 週間
  • 月間
  1. アイドリングストップシステム異常警告灯表示対処方法 3PV

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

    もっと読む

  2. YouTube動画編集中が変わらない

    YouTube動画編集中が終わらない場合の対処方法 1PV

    もうすでにYouTubeというGoogleの無料動画サービスは周知の事実です。私は、 最近始めてみたのですが…。そんなにアップロードするものはないのですが トホホ・・。画像での説明などで足りないなぁ。…

    もっと読む

  3. WordPressプラグインPush7にてWarning: session_start(): Session cannot be started after headers have already been sent in /home/サーバID/domain/public_html/wp-content/plugins/push7/classes/push7.php on line 59解決方法 1PV

    WordPressプラグインの中に、Push7というプラグインがあります。最新バージョンで3.0.7となっています。これはブラウザなど該当サイトが記事更新などした際に、プッシュ通知をするプラグインです…

    もっと読む

  1. キーレスリモコン破損

    車のキーナンバー確認方法。キーレス紛失や壊れた時 37PV

    初めての経験でした。(汗)…。 キーレスエントリー、キーレスリモコンがついた鍵がエンジンを回す時にボキッと折れてしまいました。(汗)…。 プラスチックの本体部分と鉄のキー部分が分裂してしまいました。 …

    もっと読む

  2. エクストレイルT32運転席側バイザーメッキモール剥がれ修復方法とオススメ両面テープ 33PV

    車の購入後、乗ろうが乗らまいが経年劣化というものは付きものなのですが、特にプラスチック部分や両面テープ部分などは経年劣化がどうしても起きてきてしまいます。 そんな車でも長めにお気に入りの愛車となれば長…

    もっと読む

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

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

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

    もっと読む

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

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

    もっと読む

  2. YouTube動画編集中が変わらない

    YouTube動画編集中が終わらない場合の対処方法 1PV

    もうすでにYouTubeというGoogleの無料動画サービスは周知の事実です。私は、 最近始めてみたのですが…。そんなにアップロードするものはないのですが トホホ・・。画像での説明などで足りないなぁ。…

    もっと読む

  3. WordPressプラグインPush7にてWarning: session_start(): Session cannot be started after headers have already been sent in /home/サーバID/domain/public_html/wp-content/plugins/push7/classes/push7.php on line 59解決方法 1PV

    WordPressプラグインの中に、Push7というプラグインがあります。最新バージョンで3.0.7となっています。これはブラウザなど該当サイトが記事更新などした際に、プッシュ通知をするプラグインです…

    もっと読む

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

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

ちょっとだけショックでしたが、
当時はよくわからずじまいだったのでStinger6を一生懸命カスタマイズしていました。

Stinger7でのメリットはデザインが(管理画面から)簡単に変えられるということでしょうか。
(Stinger6よりもさらに)

関連記事のイメージ画像などが簡単に管理画面で丸くしたりすることが出来るようになっています。

ですが、
Stinger7にテーマを変更して見る勇気もなく…。

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

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

メルカリ招待コード:

Stinger6でもCSSでなんとかなるんじゃないのか!!

と考えて関連記事のイメージ画像を丸くする事ができました。

 

 

 

備忘録として、

関連記事のイメージ画像を丸くする方法を残しておきたいと思います。

 

方法は簡単で…。m(._.*)mペコッ

 

 

 

CSSを以下の様に変更もしくは追加するだけです。

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

 

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

これで上記画像のように関連記事のイメージ画像が丸くなりまいた。

もし、
テーマの変更はこわいなぁ。

と思っていらっしゃる方は、
上記のようにCSSに追加するだけで関連記事イメージ画像を丸くすることができます。

 

是非、
お試ししてみてください。

詳しい方は、そんな簡単なこと書かなくてもわかると思われます。m(__)m

あなたにおすすめ


Multiplex 広告

あなたが訪問してから

0 秒経過 🎉

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

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

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


カウントダウンタイマー

おすすめの記事一部広告

Total559


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

目次に戻る

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

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

目次に戻る

目次に戻る


コメントを表示(0)

コメントを書く

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


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

新着コメント