本文の左右に画像を挿入

画像の配置を「左」「右」に指定

左に配置

• 本文のトップにカーソルをおいて画像を挿入する

※画像が１文字と同じ扱いでベースライン揃えになる

• 「投稿に挿入」ボタンを押す

<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>

CSSで画像の配置を指定

.alignright {
  float: right;
  margin: 0 0 10px 10px;
}