WordPressテーマ「STINGER3」の画像に枠線を表示するカスタマイズ

WordPress WordPress
この記事は約1分で読めます。

当ブログは、検索エンジン最適化(SEO)に強いと言われているWordPressテーマ「STINGER3」を使用しています。

今回は、その「STINGER3」の投稿ページの画像に枠線を表示し、中央揃えにしたいと思います。

画像に枠線がなく、背景が白色の画像だと、記事本文と画像の境界が分かりにくく、文章が読みにくくなってしまっていたから改善しようと思うわけです。

なお、今回のバージョンは以下です。

  • WordPress 3.9.1
  • STINGER3_ver20140327
スポンサーリンク

スタイルシートの変更

「STINGER3」の記事本文箇所のdivタグは、クラス名が「kizi」なので、CSSファイル(style.css、smart.css)に以下を追記しました。

.kizi img {
	border: solid 1px #ccc;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

クラス名が「kizi」のimgタグについてスタイルを設定し、1ピクセルで枠線を表示し、中央揃えにしています。

これで、記事本文と画像の境界が分かりやすく、文章が読みやすくなりました。

以上です。

参考サイト

【CSS】スタイルシートを使って画像(IMG)を中央揃えにする方法。

スポンサーリンク
スポンサーリンク
WordPress
えふめん

コスパ・効率重視の大阪人。でも口数少なめ。O型だけど割とキッチリ。心穏やかに生きていきたいと日々願っている。

特技:VBAで仕事の効率化。とりあえずググる。

えふめんをフォローする
\よかったらシェアしてね/
この記事が気に入ったら
いいね!しよう
最新情報をお届けします。
俺の開発研究所

コメント

タイトルとURLをコピーしました