記事の本文に画像を挿入

画像の配置を「中央」に指定

  • 挿入する画像を用意する(640 ✕ 480px)

サムネイルのサイズを指定
  • 「設定」→「メディア」


  • 「大」サイズは、使用しないので「0」にする



サムネイル画像は、中サイズ画像の中心からトリミングされる

画像挿入

  • 「記事編集」から「メディア追加」を選択



  • 挿入する画像サイズが、中(300px)より小さい場合は、そのまま「フルサイズ」がされます


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


HTMLソースを確認

<a href="http://localhost/wordpress1/wp-content/uploads/2010/09/flower.jpg"><img class="aligncenter size-medium wp-image-30" title="庭に咲いたオレンジ色の花" src="http://localhost/wordpress1/wp-content/uploads/2010/09/flower-300x225.jpg" alt="オレンジ色の花" width="300" height="225" /></a>
  • クラス名「aligncenter」ができますが、CSSを指定しなければ中央揃えにはなりません
/* image in .post */
.aligncenter {
  display: block;
  margin: 0 auto;
}


画像の枠線はCSSで消す
/* reset */
img {
  border: none;
}