本文の左右に画像を挿入

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

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


※画像が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>
CSSで画像の配置を指定
.alignright {
  float: right;
  margin: 0 0 10px 10px;
}