WordPress記事中の画像について、サイズを調整する方法の解説記事です。
WordPress、記事中の画像サイズを変更する方法
画像を追加する

メディアを追加
記事の投稿画面で、「メディアを追加」をクリックしましょう。
画像をアップロード

ファイルを選択
上記のような画面になるので、「ファイルを選択」から画像をアップロードします。
添付ファイルの詳細

代替テキスト・タイトル・キャプション・説明
画像をアップロードすると、上記のような画面になります。
画面の右側に「添付ファイルの詳細」として、
- 代替テキスト
- タイトル
- キャプション
- 説明
などの入力欄があります。
添付ファイルの表示設定

添付ファイルの表示設定
右端のスクロール―バーを下に移動すると、
- 代替テキスト
- タイトル
- キャプション
- 説明
よりも下に、「添付ファイルの表示設定」があり、
- 配置
- リンク先
- サイズ
の項目があります。
サイズを選択する

サイズ
「サイズ」の部分をクリックすると、ドロップダウンから
- サムネイル
- 中
- 大
- フルサイズ
などの項目が選択できるようになっています。
画像サイズ比較
同じ画像をサイズ別で表示します。
サムネイル

サイズ:サムネイル
中

サイズ:中
大

サイズ:大
フルサイズ

サイズ:フルサイズ
このブログは、Cocoonというテーマを使用しています。
Cocoonでは、本文の表示領域が幅800pxしかありません。
そのため、「フルサイズ」を選んでも、「大」と同じ800pxに縮小表示されます。
まとめ
WordPressでは、画像をアップロードするときに、複数のサイズの画像が自動生成されます。
「メディアを追加」するときに、「添付ファイルの表示設定」>「サイズ」から画像の表示サイズを選択できます。
コメント