記事

記事内の画像マージンを設定する WordPress

Categories | ブログ(WordPress)

ワードプレスの小技ネタです。

記事内に画像を入れて公開したら「画像と文章の上下マージンが狭くない?」

って経験ないですか。じゃ改行を入れ隙間を作る対処を・・・

いちいちそんな事をしなくても、スタイルシートに画像のマージンを指定すれば

対処出来ます。

2013 0826 400x245 記事内の画像マージンを設定する WordPress

いじるファイルはテーマフォルダ内のstyle.css と、content.php の2つ。

まず content.php の「 <?php the_content(); ?> 」を

ボックス「<div class=”content”>」で囲む。

<div class="content">
<?php the_content(); ?>
</div>

次にstyle.cssにこう記述。

div.content img {
margin-top:36px;
margin-bottom:36px;
border: solid 4px #ffffff;
-moz-box-shadow: 0px 0px 16px #777777;
-webkit-box-shadow: 0px 0px 16px #777777;
box-shadow: 0px 0px 16px #777777;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

※ margin-top/margin-bottom は、自分の好みで増減してください。

また4行目以下は画像に枠を付け影を装飾しました。必要なければ削除してください。

Comment(0) | Trackback(0)

TAGS: / / / | 2013年8月26日 |

ブログ小窓から記事タイトルがはみ出してる

Categories | ホームページ

って、ことなんですが

トップページに設置してあるブログ小窓。

たまに長いブログ記事タイトルが改行され

小窓からはみ出してのを、見て見ぬふりしてました。

2013 0204 300x234 ブログ小窓から記事タイトルがはみ出してる

今しがたスクロールバーを加え

はみ出しを制御しました。

しまい

Comment(0) | Trackback(0)

TAGS: / | 2013年2月24日 |