本文の左右に画像を挿入
画像の配置を「左」「右」に指定
左に配置
- 本文のトップにカーソルをおいて画像を挿入する
※画像が1文字と同じ扱いでベースライン揃えになる
- 「投稿に挿入」ボタンを押す
<a href="http://localhost/wordpress1/wp-content/uploads/2010/09/paper.jpg"><img class="alignleft size-medium wp-image-34" title="書類の山からでてきた英字新聞" src="http://localhost/wordpress1/wp-content/uploads/2010/09/paper-300x225.jpg" alt="英字新聞" width="300" height="225" /></a>
CSSで画像の配置を指定
.alignleft { float: left; margin: 0 10px 10px 0; }
投稿日時の回り込みを解除
p.postinfo { color: #2b76cc; text-align: right; margin: 20px 0 0 0; clear: both; }
右に配置
- 左に配置と同様
- 「投稿に挿入」ボタンを押す
<a href="http://localhost/wordpress1/wp-content/uploads/2010/09/camera.jpg"><img class="alignright size-thumbnail wp-image-37" title="修理中のカメラ" src="http://localhost/wordpress1/wp-content/uploads/2010/09/camera-150x150.jpg" alt="カメラ" width="150" height="150" /></a>