WordPress記事中の画像について、サイズを調整する方法の解説記事です。
WordPress、記事中の画像サイズを変更する方法
画像を追加する
![メディアを追加](https://i1.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/f996b32c558b856b643d75167ebda62a.png?resize=800%2C499&ssl=1)
メディアを追加
記事の投稿画面で、「メディアを追加」をクリックしましょう。
画像をアップロード
![ファイルを選択](https://i2.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/4aadf49523610ca95f9262dd9892a3bc.png?resize=800%2C339&ssl=1)
ファイルを選択
上記のような画面になるので、「ファイルを選択」から画像をアップロードします。
添付ファイルの詳細
![代替テキスト・タイトル・キャプション・説明](https://i1.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/fcb379aff0f6f8c6b400ebec2fd69990.png?resize=800%2C729&ssl=1)
代替テキスト・タイトル・キャプション・説明
画像をアップロードすると、上記のような画面になります。
画面の右側に「添付ファイルの詳細」として、
- 代替テキスト
- タイトル
- キャプション
- 説明
などの入力欄があります。
添付ファイルの表示設定
![添付ファイルの表示設定](https://i2.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/6f84ea0440056dcdc6bc047f3580f4bb.png?resize=800%2C722&ssl=1)
添付ファイルの表示設定
右端のスクロール―バーを下に移動すると、
- 代替テキスト
- タイトル
- キャプション
- 説明
よりも下に、「添付ファイルの表示設定」があり、
- 配置
- リンク先
- サイズ
の項目があります。
サイズを選択する
![サイズ](https://i2.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/1a1d6e2e21b2cef0ab8b8016df81d788.png?resize=800%2C728&ssl=1)
サイズ
「サイズ」の部分をクリックすると、ドロップダウンから
- サムネイル
- 中
- 大
- フルサイズ
などの項目が選択できるようになっています。
画像サイズ比較
同じ画像をサイズ別で表示します。
サムネイル
![サイズ:サムネイル](https://i1.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/f7babcec4c1f80c46e624d8d84e00bb7-300x212.png?resize=300%2C212&ssl=1)
サイズ:サムネイル
中
![サイズ:中](https://i2.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/f7babcec4c1f80c46e624d8d84e00bb7-500x353.png?resize=500%2C353&ssl=1)
サイズ:中
大
![サイズ:大](https://i0.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/f7babcec4c1f80c46e624d8d84e00bb7-800x565.png?resize=800%2C565&ssl=1)
サイズ:大
フルサイズ
![サイズ:フルサイズ](https://i2.wp.com/skill.u-ff.com/wp-content/uploads/2021/10/f7babcec4c1f80c46e624d8d84e00bb7.png?resize=989%2C699&ssl=1)
サイズ:フルサイズ
このブログは、Cocoonというテーマを使用しています。
Cocoonでは、本文の表示領域が幅800pxしかありません。
そのため、「フルサイズ」を選んでも、「大」と同じ800pxに縮小表示されます。
まとめ
WordPressでは、画像をアップロードするときに、複数のサイズの画像が自動生成されます。
「メディアを追加」するときに、「添付ファイルの表示設定」>「サイズ」から画像の表示サイズを選択できます。
このページは移転しました。