【超簡単】WordPressの画像挿入方法！初心者向けの手順から応用の設定まで

まず初めに、WordPressの記事に新しく画像を挿入する方法を解説します。

新規記事に画像を挿入する場合、WordPressの投稿画面にある「ブロックの追加」から「画像」を選択します。

「アップロード」「メディアライブラリ」「URLから挿入」の3つが表示されるので、「アップロード」を押しましょう。

挿入する画像を選択し、ファイルを開くと記事に挿入されます。

画像が挿入されました。

画像のアップロードは、画像ファイルを直接ドラッグ＆ドロップする方法もあります。

どちらを選択しても問題ないため、お好きな方法を選んでください。

WordPressに画像を挿入しようとすると「HTTPエラー」が表示される場合があります。

エラーの原因はいくつか考えられますが、下記の解決策を試してみてください。

メディアライブラリとは、WordPressにアップロードされた画像を保管している場所のことです。

すでにアップロード済みの画像を記事に挿入する場合、この「メディアライブラリ」という機能を利用します。

WordPressの投稿画面から「ブロックの追加」を選択した後、「メディアライブラリ」を押下してください。

すでにアップロード済みの画像が一覧で表示されるので、挿入する画像を選択しましょう。

メディアライブラリを利用するメリットは、過去にアップロードした画像を再利用できる点です。

またキャプションや代替テキストなど、画像に各種情報を設定することもできます。

WordPressの固定ページに画像を挿入する方法は、新規記事と同じです。

新たな画像を追加したい場合はアップロード、すでにアップロードされている画像を挿入する場合はメディアライブラリを利用しましょう。

横並びで画像を挿入したい場合、WordPressの投稿画面から「カラム」という機能を利用します。

まずは「ブロックの追加」にある「カラム」をクリックしてください。

「50/50」や「33/33/33」など5種類のパターンが用意されているので、任意の表示方法を選択してください。

今回は「50/50」を選択します。

後は通常の画像挿入方法と同様です。

新たな画像を追加する場合はアップロード、すでにアップロード済みの画像を挿入する場合はメディアライブラリを選択してください。

これで、2枚の画像を横並びで表示することに成功しました。

WordPressのブロックエディタには、ギャラリーブロックと呼ばれる機能が存在します。

この機能により、複数の画像を横並びに追加していくことが可能です。

まずは「ブロックの追加」から「ギャラリー」をクリックしましょう。

「メディアライブラリ」を選択し、アップロードされた画像の中からギャラリーに追加したいものにチェックを入れます。

複数の画像を選択可能です。

「ギャラリーの作成」をクリックし、記事に挿入したい画像が選ばれているか確認します。

問題なければ「ギャラリーを挿入」を選択しましょう。

記事内にギャラリーが作成されました。

画像を横並びで挿入したい場合、カラムとギャラリーのどちらを利用すればいいのか悩むかと思います。

画像のサイズを調整したいならカラム、すべて同じサイズで挿入するならギャラリーという基準で選ぶといいでしょう。

WordPressでは挿入した画像にリンクを設定することができます。

自分のサイト内にリンクさせたり（内部リンク）、外部サイトにリンクさせたりすることもできます（外部リンク）。

また、サイト内だけでなく記事内の任意の場所に飛ばすことも可能です（アンカーリンク、ページ内リンク）。

代替テキストとは、記事内で非テキストコンテンツ（画像など）が表示されなかった場合、代わりとなるテキストを表示させる機能のことです。

視覚障害者の方向けの補助テキストという側面もあり、スクリーンリーダーを利用すれば代替テキストを読み上げてくれます。

検索エンジンのクローラーも代替テキストなら情報を認識してくれるため、SEO効果も期待できます。

※クローラー：Web上の情報を自動で収集するプログラムのこと。Googleなどはクローラーを活用することで、記事のクオリティや情報をチェックしている。

まずは通常通り「ブロックの追加」から画像を選択し、「メディアライブラリ」を開きます。

「代替テキスト」に画像の情報を入力しましょう。

最後に画像を挿入すれば完了です。

キャプションとは、画像の下に表示される説明文です。

SEOにはあまり影響はないとされていますので、あくまでも読者に対して画像をわかりやすく伝えるための機能です。

メディアライブラリを開き、画像にキャプションを入力します。

そのまま挿入まで進むと、画像の下に入力したキャプションが表示されます。

WordPressでは、挿入する画像のサイズを変更したり、トリミングしたりすることができます。

WordPressに挿入された画像を削除したい場合、画像を選択した状態でバックスペースキーを押してください。

またWindowsなら「Ctr＋Z」で、アップロードなのかメディアライブラリなのか、選択できる状態へと戻すことができます。

EWWW Image Optimizerは、画像を圧縮してくれるプラグインです。

WordPress内に画像などのコンテンツが増えてくると、サイトの表示速度が遅くなるといった問題が発生します。

結果的に読者の離脱率を高める要因となり、サイトの評価が下がってしまう可能性があります。

EWWW Image Optimizerを導入すれば、新たな画像をアップロードした際に自動でサイズを圧縮してくれます。

また既存の画像に関しても、一括で圧縮することが可能です。

一度プラグインに追加すれば、あとはEWWW Image Optimizerが自動的に適用されます。

サイトの表示速度でお悩みの方は一度利用してみてください。

EWWW Image Optimizerはこちらからダウンロードすることができます。

Meta Sliderとは、WordPressの記事内にスライドショーを追加できるプラグインのことです。

4つのパターンやアニメーションが用意されており、記事のクオリティを一段とアップさせることができるため、おすすめです。

使い方も非常にシンプルで、スライドショーで表示させたい画像を選択し、好みのパターンに調整するだけです。

カルーセル・モードやフェードイン、アニメーションの速度など、イメージ通りのスライドショーを手軽に作成できます。

右上の「スライドを追加」を押下し、スライドショーで表示させたい画像を追加します。

追加した後は保存し、右下のショートコードをコピーして、記事に貼り付けるだけでスライドショーが挿入できます。

ショートコードは、クリックすると自動的にコピーされます。

コピーしたショートコードを記事にペーストします。

スライドショーが表示されました。

カラムやギャラリー機能だけでは物足りない方にぴったりです。

Meta Sliderはこちらからダウンロードできます。

Webにくわしくない初心者でもたった10分で始められるレンタルサーバー「ConoHa WING」。

とっても簡単だから今すぐ始めちゃいましょう。

また下記の記事では、ConoHa WINGを使ってWordPressを開設する方法を、画像付きでくわしく解説しています。

他社のレンタルサーバーをご利用中で、ConoHa WINGにお乗り換えを検討されている方も安心です！

煩雑なレンタルサーバーの移行もかんたんにお乗換えいただけるよう、いくつかのサポートを用意しています。