WordPressのブログ記事に画像を挿入する方法

「WordPressで記事を書き始めたけど、画像の挿入方法がわからない…」そんな悩みを抱えていませんか？
ブログ記事において画像は、読者の理解を助け、離脱率を下げる重要な要素です。
2026年現在のWordPressはブロックエディタ（Gutenberg）が標準となり、画像の挿入・編集がとても直感的になりました。
この記事では、画像の基本的な挿入方法から、リンクの追加、サイズ変更、トリミング、さらにはAIツールを活用した画像最適化まで、初心者のあなたでもすぐに実践できる形で解説します。
読み終わる頃には、画像まわりの操作で迷うことはなくなりますよ。

WordPressブロックエディタで画像を挿入する基本手順

結論から言うと、2026年のWordPressではブロックエディタ（Gutenberg）を使って、わずか数クリックで画像を記事に挿入できます。
以前のクラシックエディタにあった「メディアを追加」ボタンとは操作方法が変わっていますので、最新の手順を確認しておきましょう。

画像ブロックを追加して挿入する方法

ブロックエディタでの画像挿入は、以下の手順で行います。

投稿編集画面で、画像を入れたい場所にカーソルを置く
「＋」ボタン（ブロック挿入ツール）をクリックする
検索窓に「画像」と入力し、「画像」ブロックを選択する
「アップロード」「メディアライブラリ」「URLから挿入」の3つから選ぶ
「アップロード」を選び、パソコンから画像ファイルを選択する

これだけで記事内に画像が表示されます。
また、エディタ上に直接画像ファイルをドラッグ＆ドロップするだけでもアップロードが可能です。
わざわざブロックを追加しなくても、記事の好きな位置にドロップすれば自動的に画像ブロックが作成されるので、慣れてきたらこちらの方が早いですよ。

メディアライブラリから既存の画像を選ぶ方法

一度アップロードした画像は、WordPressの「メディアライブラリ」に保存されています。
画像ブロックを追加した後に「メディアライブラリ」をクリックすると、過去にアップロードした画像の一覧が表示されます。
ここから使いたい画像を選択して「選択」ボタンを押すだけでOKです。

メディアライブラリでは、右上の検索窓からファイル名で検索したり、日付でフィルタリングすることもできます。
画像が増えてきたら、「Media Library Assistant」などのプラグインを使ってカテゴリ分けしておくと管理が楽になりますよ。

URLを指定して外部画像を挿入する方法

画像ブロックの「URLから挿入」を使えば、外部サイトの画像URLを直接指定して表示することも可能です。
ただし、外部画像の直リンクは相手サーバーに負荷をかける行為なので、基本的にはおすすめしません。
使用する場合は、フリー素材サイトが提供している埋め込み用URLなど、許可されたものに限定しましょう。

スポンサードリンク

画像にリンクを追加する方法

画像をクリックしたときに別のページへ移動させたい場合は、画像にリンクを設定する必要があります。
アフィリエイトリンクや関連記事への誘導など、ブログ運営では頻繁に使うテクニックです。

画像ブロックからリンクを設定する手順

リンクを追加したい画像ブロックをクリックして選択する
ツールバーに表示される「リンクを挿入」アイコン（鎖のマーク）をクリックする
リンク先のURLを入力する
必要に応じて「新しいタブで開く」をオンにする
Enterキーを押して確定する

外部サイトへのリンクは「新しいタブで開く」を必ずオンにしておきましょう。
自分のブログから離脱されるのを防ぐためです。

メディアファイルへのリンクと添付ファイルのページ

画像ブロックの右側パネル（設定サイドバー）には、リンク先として「メディアファイル」と「添付ファイルのページ」という選択肢もあります。

リンク先の種類	動作	おすすめの用途
メディアファイル	画像の原寸大ファイルが開く	高解像度の写真を見せたい場合
添付ファイルのページ	WordPress専用の画像ページが開く	基本的に使わなくてOK
カスタムURL	任意のURLに移動する	アフィリエイト・関連記事誘導
なし	クリックしても何も起きない	装飾目的の画像

一般的なブログ運営では「カスタムURL」か「なし」のどちらかを使うケースがほとんどです。
目的に応じて使い分けてみてください。

画像サイズを変更・最適化する方法

画像のサイズが大きすぎると、ページの表示速度が遅くなり、SEO評価にも悪影響を及ぼします。
2026年のGoogleはCore Web Vitals（ページ体験指標）をますます重視しており、画像の最適化は必須の作業です。

ブロックエディタ上でサイズを変更する

画像ブロックを選択すると、画像の角や辺にドラッグハンドル（青い丸）が表示されます。
これをドラッグすれば、直感的にサイズを変更できます。

また、右側の設定パネルでは以下の方法でサイズ指定ができます。

画像サイズのプルダウンから「サムネイル」「中」「大」「フルサイズ」を選択する
画像の寸法で幅と高さをピクセル単位で直接入力する
パーセンテージボタン（25%・50%・75%・100%）で比率指定する

ブログ記事内の画像は、幅800〜1200ピクセル程度が一般的な目安です。
これ以上大きな画像はファイルサイズが無駄に重くなるだけなので注意しましょう。

画像圧縮プラグインで自動最適化する

毎回手動でサイズ調整するのは面倒ですよね。
そこでおすすめなのが、アップロード時に自動で画像を圧縮してくれるプラグインです。

プラグイン名	特徴	無料枠
EWWW Image Optimizer	サーバー内で圧縮。WebP自動変換対応	無制限（基本機能）
ShortPixel	高い圧縮率。AVIF形式にも対応	月100枚まで
Imagify	3段階の圧縮レベル選択が可能	月20MBまで

2026年現在、画像フォーマットはWebPまたはAVIF形式が主流になっています。
従来のJPEG・PNGと比べてファイルサイズを30〜50%削減できるので、対応プラグインを導入しておくことを強くおすすめします。

AIツールで画像を生成・最適化する

2026年はAIによる画像生成・編集が一般的になっています。
ブログ用のアイキャッチ画像やイラストを作りたい場合、以下のツールが便利です。

ChatGPT（DALL·E統合）：チャットで指示するだけでブログ用画像を生成できる
Canva AI：テンプレートベースで簡単にプロ品質のアイキャッチが作れる
Adobe Firefly：商用利用に安心な画像生成。Photoshopとの連携も強力

たとえばChatGPTに「WordPressの画像挿入をイメージした、ブルー系のブログ用アイキャッチ画像を作って」と指示するだけで、数秒でオリジナル画像が完成します。
フリー素材サイトで悩む時間を大幅に短縮できますよ。

スポンサードリンク

画像のトリミング（切り抜き）方法

アップロードした画像の一部だけを使いたい場合は、WordPress内蔵のトリミング機能を使いましょう。
わざわざ別の画像編集ソフトを開く必要はありません。

メディアライブラリから画像を切り抜く手順

WordPress管理画面の左メニューから「メディア」→「ライブラリ」を開く
編集したい画像をクリックする
画像の下にある「画像を編集」ボタンをクリックする
画像編集画面が開くので、画像の上でドラッグして切り抜き範囲を選択する
上部の「切り抜き」アイコンをクリックして確定する
「保存」をクリックする

切り抜き時に、右側の「縦横比」欄で比率を指定することもできます。
たとえばアイキャッチ画像なら16:9、正方形のSNS用なら1:1に設定すると便利です。

ブロックエディタ上で簡易的に切り抜く

画像ブロックのツールバーにも「切り抜き」ボタンが用意されています。
こちらを使えば、記事編集画面から離れることなく、その場でトリミングが可能です。

ツールバーの切り抜きボタンを押すと、アスペクト比（16:9、4:3、1:1など）を選択するオプションが表示されます。
任意の比率を選んでからドラッグで位置を調整し、「適用」をクリックすれば完了です。
ちょっとした微調整にはこの方法が最も手軽ですよ。

不要な画像を削除する方法

使わなくなった画像をそのまま放置していると、サーバーの容量を無駄に消費してしまいます。
定期的に不要な画像を整理する習慣をつけましょう。

記事内の画像ブロックを削除する

記事から画像を消すだけなら、とても簡単です。

削除したい画像ブロックをクリックして選択する
ツールバー右端の「⋮」（3点メニュー）をクリックする
「ブロックを削除」を選択する

もしくは、画像ブロックを選択した状態でShift + Alt + Z（Macの場合はCtrl + Option + Z）のショートカットキーで一発削除することもできます。
ただし、これはあくまで記事上から画像を消しただけです。
メディアライブラリにはファイルが残っているので注意してください。