Loading…

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

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

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

本日の人気記事BEST10

所要時間目安:1


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

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

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


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

おすすめの記事一部広告

    Multiplex 広告

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


関連記事

マイクロカプセルとゲリラ雷雨ゲリラ豪雨水害

伝えたいこと 備忘録

ここ10年のゲリラ豪雨やゲリラ雷雨、経験したことのない水害(雨)に思うこと

ここのところ毎年のように水害による被害が、日本のどこかで起こっています。全国的にどこで台風被害や突然のゲリラ雷雨やゲリラ豪雨と言われるものすごい勢いの雨に見舞われることが数多くの地域で、しかも頻繁に起…

もっと読む

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

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

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

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

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

もっと読む

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

乙武洋匡さん

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

乙武洋匡さんもTwitter裏アカウント使ってたの…。「純愛エロメガネ」らしい

(アイキャッチ画像出典元:乙武洋匡さん公式Twitterより:https://twitter.com/h_ototake) 先日、おとといかな…。 Twitter(ツイッター)に裏アカウント(通称:裏…

もっと読む

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

Windows10で使えなくなった筆ぐるめなどアプリケーションを使えるようにする

PC Windows10 不具合 伝えたいこと 備忘録 設定

Windows10起動しない使えないアプリを起動する方法(筆ぐるめなど)

Windows10が発売、リリースされてもう1年4ヶ月弱が経とうとしています。 その間に大幅なアップデートが2回ほどありました。 1回目は昨年2015年11月のth1511です。この時の大幅なアップデ…

もっと読む

目次に戻る

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

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



この記事が良かったら
いいね!お願いします(#^.^#)

せきららの
最新情報をお届けします

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

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

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