カテゴリー: カスタマイズ

画像にキャプションをつけてみました。
スタイルは下記のように

.wp-caption {border: solid 1px #aaaaaa;
text-align: center;
padding-top: 5px}

画像の編集は挿入した後からでも編集が可能です。
画像をクリックして出てくる画面の「画像を編集」ボタンをクリックし、変更してから「更新」をクリックします。

投稿情報（この例ではカテゴリ）の回り込みの解除をしておかないと、投稿情報が右に回り込んだままになります。
これを解除するには、投稿情報のところで、回り込みの解除を指定します。

/*投稿情報*/
p.postinfo {color:#808080;
font-weight: bold;
text-align: rignt;
margin: 20px 0 0;
clear: both}

プラグインを使って、ソーシャルボタンを下位に表示させるようにしたので、画像をアップロードすると回り込んでしまいましたので、次のスタイルを、スタイルシートに追加しました。

.wp_social_bookmarking_light{clear: both}

本文に画像を表示するには、画像の配置を「左」や「右」に指定します。
スタイルシートは次のように設定します。

.alignleft {float: left;
margin-right:10px;
margin-bottom: 10px}

.alignright {float: right;
margin-left: 10px;
margin-bottom: 10px}

記事の段落の右端に余白がいりますね。ついでになおしておきます。

/*記事の段落*/
div.post {margin-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}

画像を中央に配置するには、スタイルシートを次のように設定しました。画像投稿時に「中央」を選んだ場合です。

/*記事内の画像*/
.aligncenter {display: block;
margin-left: auto;
margin-right: auto}

div.post img {border: none}