Loading…

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

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, カスタマイズ, 伝えたいこと, 備忘録」同じカテゴリーの記事一覧


関連記事

Windows10不具合

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

Windows10不具合、コルタナと検索窓が表示できない時の対処方法

Windows10がリリースされてもうすぐ半年になります。 その中でも意外と不具合?が多いと言われてもいます。 ですが、 昨年11月のメジャーアップデート(TH1511)によってかなり改善されてコルタ…

もっと読む

桜花見

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

花見の季節・時期ももうすぐ終わり…。地域により異なるが…。

花見の季節が、 花見に時期がもうすぐ終わってしまう…。 幼い頃は、 桜まつりなるものに言ってはいたものの幼心だったせいか、 桜の花見という情緒あふれる日本人ならではの文化を意外と理解できていなかったと…

もっと読む

Windows Update更新プログラムインストール成功

PC Windows10 セキュリティ 不具合 伝えたいこと 備忘録

Windows10でWindows Updateでアップデートできない原因はプリントスプーラーだった

ここ半月くらいWindows Updateがないなぁ…。 なんて思っていて設定からセキュリティと更新で、 「Windows Update」を見るとOfficeOneNote2010の更新プログラム(K…

もっと読む

レーシック手術副作用弊害

伝えたいこと 備忘録 治療

視力回復のレーシック手術の副作用と弊害

レーシック手術が流行ってもう10年くらいになるのでしょうか。 私が学生だった頃は、 一度視力が落ちてしまうと元に戻らない。などと言われていました。 ですが、 レーシック手術・治療によって角膜を適度に削…

もっと読む

目次に戻る

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

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



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

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

言えないことはTwitterで!!



目次に戻る

目次に戻る


コメントを閉じる

comment

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

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