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

更新日:


本日の人気記事BEST10

所要時間目安: 約 1

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

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

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

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

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

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

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

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



スポンサーリンク

目次に戻る

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

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

 

 

 

備忘録として、

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

 

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

 

 

 

スポンサーリンク

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

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

 

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

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

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

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

 

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

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

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

関連記事一部広告

スポンサーリンク

+ クリックで展開します

おすすめ!!

加圧シェイプで24時間無意識運動状態が可能!! 引き締め効果で魅力的なシルエットをサポート!! 運動している時だけでなく、仕事やプライベート就寝中にも!! 通気性がよく、体の動かしやすい伸縮性のある素材です!! 常に体が引き締まって、着心地いい!! 毎日着たい方用にセットも充実!!

女性必見のバストアップにおすすめ!!

マンガでの商品説明を販売ページに採用しています。 商品のメリットや良さが伝わりやすいです。 ★知名度と信頼度!ニュースアプリや芸能人ブログでも話題! (インスタグラム SmartNews yahoo アメーバ crooz 楽天) ●知名度が高く購入率の高い商品です。 ●ニュースサイトの紹介でも話題となり、有名タレント、モデル等にも使用して頂きブログなどでも紹介されている信頼度の高い商品です。 ●まとめ買いが多いのが特徴です。

関連記事

MicrosoftブラウザEdge

PC Windows10 ブラウザChrome 伝えたいこと 備忘録

これからのブラウザはEdgeでもいいのかもGoogle日本語入力が使えるようになったから。でも、やっぱりChrome…。

この間というか先日Windows10のおいてGoogle日本語入力を、Windows10標準のブラウザであるEdgeで使えるようにしてからですが、 意外とEdgeもレンダリング速度が速い?とも思ってし・・・続きを読む

Googleで働きたい7才少女への返信レター

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

Googleで働きたい!と手紙を書いたら、Googleのボスから返事がきた!

なんとも愛らしいというのでしょうか、子供の夢や思いまでをも大切にする素晴らしい社風とでもいうのでしょうか・・・・・。 7才の少女が、「Googleで働きたい!」とGoogleのボスである社長(CEO)・・・続きを読む

インフィード広告挿入方法

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

インフィード広告を記事一覧の間に表示させる方法

今月初頭に(上旬)アドセンスの広告表示方法に通常のコンテンツ連動型広告にプラスで、インフィード広告と記事内広告が解禁されました。 以前に、トップページの記事一覧にきれいにアドセンス広告を挿入する方法を・・・続きを読む

RSSフィード画像

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

正式版!?検証中です。RSSにアイキャッチ画像を出力する方法Stinger6、Stinger7、StingerPLUS+

先程の記事にて、試してみたのですがBloggerのRSSフィードには・・・・・・。 やはり、アイキャッチ画像はひょうじされずそのまま「image」となっていました。 がーんガ━━(= ̄□ ̄=)━━ン!・・・続きを読む

目次に戻る

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



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

WordPressデビュー津々浦々の
最新情報をお届けします

言えないことはTwitterで!!



  • この記事を書いた人
  • 最新記事

izumi

プロフィールページ詳細

はじめまして、izumiの旦那です。医療ミスにより長胸神経麻痺になってしまい若干の障害がありブログをさせていただいています。共同運営(しばらくは単独になると思います。)になりつつありますがよろしくお願いいたします。

Follow Me !

Copyright© WordPressデビュー津々浦々 , 2019 All Rights Reserved Powered by AFFINGER5.