WordPress でブログ記事を執筆する「投稿」の方法について、数回に分けて解説するシリーズ記事です。

当記事は「投稿」に画像を挿入する場合のポイントとして次の 2 点を解説いたします。

  • 代替テキストの設定
  • キャプションの設定

投稿の大まかな流れ、投稿画面への遷移ついては次をご覧ください。

[投稿の基本][Classic Editor] 概要
WordPress でブログ記事を制作する機能「投稿」について、数回に分けじっくりと解説いたします。今回は「概要」です。
WordPress の"ワ"の字から

また、「投稿」画面から「メディア」に画像を追加する方法は次をご覧ください。

[入門] 「メディア」に画像を登録 (アップロード) する
画像はブログを彩る重要な要素です。当記事ではWordPressに画像を登録(アップロード)する方法を解説いたします。
WordPress の"ワ"の字から

「添付ファイルの詳細」について

各種設定は「添付ファイルの詳細」から行うことができます。
前回の「投稿に画像を挿入する」と重複いたしますが、この「添付ファイルの詳細」までの遷移を解説いたします。

[投稿の基本][Classic Editor] 画像の挿入
WordPress で最初に覚えたい機能が「投稿」です。当記事では本文に画像を挿入する方法について解説いたします。
WordPress の"ワ"の字から

管理画面にログインし、投稿画面に遷移してください。

本文の入力欄上、図 1 に示す位置に「メディアに追加」ボタンがあります。
この「メディアに追加」ボタンをクリックしてください。

図 1 : WordPress 投稿 「メディアに追加」
図 1 : WordPress 投稿 「メディアに追加」

すると「メディアライブラリ」が表示されます。

次に、「メディアライブラリ」に表示された画像の中からいずれかをクリックしてください。
すると、図 2 のように画像にチェックマークが表示されます。

図 2 : WordPress 投稿 メディアライブラリ 画像を選択
図 2 : WordPress 投稿 メディアライブラリ 画像を選択

図 2 の左側に「添付ファイルの詳細」が表示されています。

図 3 では「添付ファイルの詳細」に着色しました。

図 3 : WordPress 投稿 メディアライブラリ 添付ファイルの詳細
図 3 : WordPress 投稿 メディアライブラリ 添付ファイルの詳細

当記事ではこの「添付ファイルの詳細」を操作いたします。

代替テキスト / キャプションの設定

「代替テキスト」や「キャプション」は「画像がどのようなものであるか説明」するものです。


「添付ファイルの詳細」には画像のプレビューや名称、大きさなどが表示されています。

図 4 : WordPress 投稿 添付ファイルの詳細 上部
図 4 : WordPress 投稿 添付ファイルの詳細 上部

「添付ファイルの詳細」をにスクロールすると、図 5 に示す入力欄が表示されます。
各入力欄の解説は後述いたします。

図 5 : WordPress 投稿 添付ファイルの詳細 中部
図 5 : WordPress 投稿 添付ファイルの詳細 中部

適当な文を入力すれば「代替テキスト」や「キャプション」の設定を行うことができます。
当記事では図 6 のように入力しました。

図 6 : WordPress 投稿 メディアライブラリ 画像を選択
図 6 : WordPress 投稿 メディアライブラリ 画像を選択

最後に図 7 に示す「投稿に挿入」ボタンをクリックしてください。

図 7 : WordPress 投稿 メディアライブラリ 「投稿に挿入」ボタン
図 7 : WordPress 投稿 メディアライブラリ 「投稿に挿入」ボタン

すると、「代替テキスト」や「キャプション」が設定された状態の画像が記事に挿入されます。

図 8 : WordPress 投稿に画像を挿入
図 8 : WordPress 投稿に画像を挿入

設定項目について

図 9 の各設定項目について解説いたします。

図 9 : WordPress 投稿 添付ファイルの詳細 中部
図 9 : WordPress 投稿 添付ファイルの詳細 中部

タイトル

画像のタイトルです。
記事に表示されない管理用の情報です。

キャプション

画像の説明文です。
キャプションは通常画像の下に表示されます。

代替テキスト

画像の代わりとなる代替情報です。

キャプションとは異なり、通常画面に表示されません。
例えば画像を表示できない場合に代替テキストを表示したり、音声読み上げブラウザで読み上げます。

説明

画像の説明文です。
記事に表示されない管理用の情報です。

おわりに

うぇぶろう

「代替テキスト」や「キャプション」は SEO 対策の基本としてとても大切 なことです。

設定方法は「添付ファイルの詳細」の対応する欄を適切に入力することでしたね。

見た目の変化は少ないのですが、こういった地道なことを積み重ねいくことで次第に効果がでてくるということを、どうぞご理解ください。