「WordPressで記事を書き始めたけど、画像の挿入方法がわからない…」そんな悩みを抱えていませんか？
ブログ記事において画像は、読者の理解を助け、離脱率を下げる重要な要素です。
2026年現在のWordPressはブロックエディタ（Gutenberg）が標準となり、画像の挿入・編集がとても直感的になりました。
この記事では、画像の基本的な挿入方法から、リンクの追加、サイズ変更、トリミング、さらにはAIツールを活用した画像最適化まで、初心者のあなたでもすぐに実践できる形で解説します。
読み終わる頃には、画像まわりの操作で迷うことはなくなりますよ。
\n\n
WordPressブロックエディタで画像を挿入する基本手順
\n\n
結論から言うと、2026年のWordPressではブロックエディタ（Gutenberg）を使って、わずか数クリックで画像を記事に挿入できます。
以前のクラシックエディタにあった「メディアを追加」ボタンとは操作方法が変わっていますので、最新の手順を確認しておきましょう。
\n\n
画像ブロックを追加して挿入する方法
\n\n
ブロックエディタでの画像挿入は、以下の手順で行います。
\n\n
- \n
- 投稿編集画面で、画像を入れたい場所にカーソルを置く
- 「＋」ボタン（ブロック挿入ツール）をクリックする
- 検索窓に「画像」と入力し、「画像」ブロックを選択する
- 「アップロード」「メディアライブラリ」「URLから挿入」の3つから選ぶ
- 「アップロード」を選び、パソコンから画像ファイルを選択する
\n
\n
\n
\n
\n
\n\n
これだけで記事内に画像が表示されます。
また、エディタ上に直接画像ファイルをドラッグ＆ドロップするだけでもアップロードが可能です。
わざわざブロックを追加しなくても、記事の好きな位置にドロップすれば自動的に画像ブロックが作成されるので、慣れてきたらこちらの方が早いですよ。
\n\n
メディアライブラリから既存の画像を選ぶ方法
\n\n
一度アップロードした画像は、WordPressの「メディアライブラリ」に保存されています。
画像ブロックを追加した後に「メディアライブラリ」をクリックすると、過去にアップロードした画像の一覧が表示されます。
ここから使いたい画像を選択して「選択」ボタンを押すだけでOKです。
\n\n
メディアライブラリでは、右上の検索窓からファイル名で検索したり、日付でフィルタリングすることもできます。
画像が増えてきたら、「Media Library Assistant」などのプラグインを使ってカテゴリ分けしておくと管理が楽になりますよ。
\n\n
URLを指定して外部画像を挿入する方法
\n\n
画像ブロックの「URLから挿入」を使えば、外部サイトの画像URLを直接指定して表示することも可能です。
ただし、外部画像の直リンクは相手サーバーに負荷をかける行為なので、基本的にはおすすめしません。
使用する場合は、フリー素材サイトが提供している埋め込み用URLなど、許可されたものに限定しましょう。
\n\nスポンサードリンク
画像にリンクを追加する方法
\n\n
画像をクリックしたときに別のページへ移動させたい場合は、画像にリンクを設定する必要があります。
アフィリエイトリンクや関連記事への誘導など、ブログ運営では頻繁に使うテクニックです。
\n\n
画像ブロックからリンクを設定する手順
\n\n
- \n
- リンクを追加したい画像ブロックをクリックして選択する
- ツールバーに表示される「リンクを挿入」アイコン（鎖のマーク）をクリックする
- リンク先のURLを入力する
- 必要に応じて「新しいタブで開く」をオンにする
- Enterキーを押して確定する
\n
\n
\n
\n
\n
\n\n
外部サイトへのリンクは「新しいタブで開く」を必ずオンにしておきましょう。
自分のブログから離脱されるのを防ぐためです。
\n\n
メディアファイルへのリンクと添付ファイルのページ
\n\n
画像ブロックの右側パネル（設定サイドバー）には、リンク先として「メディアファイル」と「添付ファイルのページ」という選択肢もあります。
\n\n
| リンク先の種類 | 動作 | おすすめの用途 |
|---|---|---|
| メディアファイル | 画像の原寸大ファイルが開く | 高解像度の写真を見せたい場合 |
| 添付ファイルのページ | WordPress専用の画像ページが開く | 基本的に使わなくてOK |
| カスタムURL | 任意のURLに移動する | アフィリエイト・関連記事誘導 |
| なし | クリックしても何も起きない | 装飾目的の画像 |
\n\n
一般的なブログ運営では「カスタムURL」か「なし」のどちらかを使うケースがほとんどです。
目的に応じて使い分けてみてください。
\n\n
画像サイズを変更・最適化する方法
\n\n
画像のサイズが大きすぎると、ページの表示速度が遅くなり、SEO評価にも悪影響を及ぼします。
2026年のGoogleはCore Web Vitals（ページ体験指標）をますます重視しており、画像の最適化は必須の作業です。
\n\n
ブロックエディタ上でサイズを変更する
\n\n
画像ブロックを選択すると、画像の角や辺にドラッグハンドル（青い丸）が表示されます。
これをドラッグすれば、直感的にサイズを変更できます。
\n\n
また、右側の設定パネルでは以下の方法でサイズ指定ができます。
\n\n
- \n
- 画像サイズのプルダウンから「サムネイル」「中」「大」「フルサイズ」を選択する
- 画像の寸法で幅と高さをピクセル単位で直接入力する
- パーセンテージボタン（25%・50%・75%・100%）で比率指定する
\n
\n
\n
\n\n
ブログ記事内の画像は、幅800〜1200ピクセル程度が一般的な目安です。
これ以上大きな画像はファイルサイズが無駄に重くなるだけなので注意しましょう。
\n\n
画像圧縮プラグインで自動最適化する
\n\n
毎回手動でサイズ調整するのは面倒ですよね。
そこでおすすめなのが、アップロード時に自動で画像を圧縮してくれるプラグインです。
\n\n
| プラグイン名 | 特徴 | 無料枠 |
|---|---|---|
| EWWW Image Optimizer | サーバー内で圧縮。WebP自動変換対応 | 無制限（基本機能） |
| ShortPixel | 高い圧縮率。AVIF形式にも対応 | 月100枚まで |
| Imagify | 3段階の圧縮レベル選択が可能 | 月20MBまで |
\n\n
2026年現在、画像フォーマットはWebPまたはAVIF形式が主流になっています。
従来のJPEG・PNGと比べてファイルサイズを30〜50%削減できるので、対応プラグインを導入しておくことを強くおすすめします。
\n\n
AIツールで画像を生成・最適化する
\n\n
2026年はAIによる画像生成・編集が一般的になっています。
ブログ用のアイキャッチ画像やイラストを作りたい場合、以下のツールが便利です。
\n\n
- \n
- ChatGPT（DALL·E統合）：チャットで指示するだけでブログ用画像を生成できる
- Canva AI：テンプレートベースで簡単にプロ品質のアイキャッチが作れる
- Adobe Firefly：商用利用に安心な画像生成。Photoshopとの連携も強力
\n
\n
\n
\n\n
たとえばChatGPTに「WordPressの画像挿入をイメージした、ブルー系のブログ用アイキャッチ画像を作って」と指示するだけで、数秒でオリジナル画像が完成します。
フリー素材サイトで悩む時間を大幅に短縮できますよ。
\n\nスポンサードリンク
画像のトリミング（切り抜き）方法
\n\n
アップロードした画像の一部だけを使いたい場合は、WordPress内蔵のトリミング機能を使いましょう。
わざわざ別の画像編集ソフトを開く必要はありません。
\n\n
メディアライブラリから画像を切り抜く手順
\n\n
- \n
- WordPress管理画面の左メニューから「メディア」→「ライブラリ」を開く
- 編集したい画像をクリックする
- 画像の下にある「画像を編集」ボタンをクリックする
- 画像編集画面が開くので、画像の上でドラッグして切り抜き範囲を選択する
- 上部の「切り抜き」アイコンをクリックして確定する
- 「保存」をクリックする
\n
\n
\n
\n
\n
\n
\n\n
切り抜き時に、右側の「縦横比」欄で比率を指定することもできます。
たとえばアイキャッチ画像なら16:9、正方形のSNS用なら1:1に設定すると便利です。
\n\n
ブロックエディタ上で簡易的に切り抜く
\n\n
画像ブロックのツールバーにも「切り抜き」ボタンが用意されています。
こちらを使えば、記事編集画面から離れることなく、その場でトリミングが可能です。
\n\n
ツールバーの切り抜きボタンを押すと、アスペクト比（16:9、4:3、1:1など）を選択するオプションが表示されます。
任意の比率を選んでからドラッグで位置を調整し、「適用」をクリックすれば完了です。
ちょっとした微調整にはこの方法が最も手軽ですよ。
\n\n
不要な画像を削除する方法
\n\n
使わなくなった画像をそのまま放置していると、サーバーの容量を無駄に消費してしまいます。
定期的に不要な画像を整理する習慣をつけましょう。
\n\n
記事内の画像ブロックを削除する
\n\n
記事から画像を消すだけなら、とても簡単です。
\n\n
- \n
- 削除したい画像ブロックをクリックして選択する
- ツールバー右端の「⋮」（3点メニュー）をクリックする
- 「ブロックを削除」を選択する
\n
\n
\n
\n\n
もしくは、画像ブロックを選択した状態でShift + Alt + Z（Macの場合はCtrl + Option + Z）のショートカットキーで一発削除することもできます。
ただし、これはあくまで記事上から画像を消しただけです。
メディアライブラリにはファイルが残っているので注意してください。
\n\n
メディアライブラリから完全に削除する
\n\n
サーバーからも完全に画像を消したい場合は、メディアライブラリから削除する必要があります。
\n\n
- \n
- 管理画面の「メディア」→「ライブラリ」を開く
- 削除したい画像をクリックする
- 画像詳細画面の右下にある「完全に削除する」をクリックする
- 確認ダイアログで「OK」を押す
\n
\n
\n
\n
\n\n
一度完全に削除するとゴミ箱にも残らず復元できませんので、本当に不要かどうか確認してから削除しましょう。
複数の画像をまとめて削除したい場合は、ライブラリ表示を「リスト表示」に切り替えて、チェックボックスで複数選択してから「完全に削除する」を実行すると効率的です。
\n\n
未使用画像を一括で見つけて整理するには
\n\n
記事数が増えてくると、どの画像が使われていてどの画像が不要なのか、把握しきれなくなります。
そんなときは「Media Cleaner」というプラグインが便利です。
このプラグインは、どの記事にも使われていない画像を自動で検出してくれます。
\n\n
ただし、テーマやプラグインが内部的に使用している画像を誤検出する場合もあるので、削除前に必ずバックアップを取っておくことをおすすめします。
\n\nスポンサードリンク
まとめ
\n\n
この記事では、WordPressのブログ記事に画像を挿入する方法について、2026年最新のブロックエディタを基準に解説しました。
要点を振り返っておきましょう。
\n\n
- \n
- 画像の挿入は「＋」ボタンから画像ブロックを追加するか、エディタに直接ドラッグ＆ドロップするだけでOK
- 画像リンクはツールバーの鎖アイコンからURLを設定。外部リンクは「新しいタブで開く」を忘れずに
- 画像サイズは幅800〜1200pxを目安にし、WebP/AVIF形式で軽量化するのがベスト
- トリミングはメディアライブラリの「画像を編集」、またはブロックエディタのツールバーから可能
- 不要な画像の削除は記事上の削除とメディアライブラリからの完全削除を区別して行う
- AIツール（ChatGPT、Canva AI、Adobe Firefly）を活用すれば、オリジナルのアイキャッチ画像も簡単に作れる
\n
\n
\n
\n
\n
\n
\n\n
画像の扱い方をマスターすれば、記事のクオリティが格段に上がります。
ぜひ今日から実践してみてくださいね。
