WordPressに画像を挿入する際の設定をまとめておきます。
画像の挿入方法と詳細は投稿・ページヘのメディア挿入 – WordPress Codexで確認して下さい。
Contents
添付ファイルの詳細
添付ファイルの詳細では、画像の「タイトル」「キャプション」「代替テキスト」「説明」を設定できます。但し、URLの変更はできません（画像URLはアップロード後に変更できない）。
添付ファイルの詳細
| タイトル | ファイル名 |
|---|---|
| キャプション | 画像の下に表示されるテキスト |
| 代替テキスト | alt属性（画像の代替テキスト） |
| 説明 | 画像の説明 |
全て任意ですが、「代替テキスト」は必ず入力して下さい。
画像のSEOについては、検索エンジン最適化（SEO）スターター ガイド – Search Console ヘルプの「画像を最適化する」が参考になります。
タイトル
アップロードした画像のファイル名がそのままタイトルになります（日本語にも対応）。
このタイトルは「title属性」ではありませんが、URLの一部として表示されます。僕は日本語ファイル名のままアップロードしていますが、できれば英語表記の方が望ましいと思います。
ちなみに、タイトルを削除した画像は、メディア一覧で「（タイトルなし）」で表示されます。
メディアのタイトル
キャプション
キャプションに入力したテキストは、画像の下に表示されます（リンクを貼ることも可能）。
但し、キャプションを設定すると、ショートコードで画像に「wp-caption」、文字に「wp-caption-text」のCSSが適用されます。テーマによっては自動で装飾が施されるので注意して下さい。
CSSを編集できる方は、自分でカスタマイズすることも可能です。
キャプションを設定するとここに文字が表示されます
代替テキスト
代替テキストに入力したテキストは、「alt属性」として使われます。
設定しても外見は変わりませんが、ソースに画像の説明「alt=””」が追加されます。Googleも画像 – Search Console ヘルプで代替テキストの入力を推奨しています。SEO効果もあります。
alt属性
説明
説明は、入力してもソースには表示されません。外見も変わりません。
画像のメモとして使う及び管理画面でメディアを検索した時に探しやすい様に設定しおくだけです（説明に入力したテキストも検索対象になる）。
説明に入力した文字も検索対象
添付ファイルの表示設定
添付ファイルの表示設定では、画像の「配置」「リンク先」「サイズ」を設定できます。
添付ファイルの表示設定
| 配置 | コンテンツ領域における画像の位置 |
|---|---|
| リンク先 | 画像がクリックされた時の転送先 |
| サイズ | アップロード時に生成された各種サイズから選択 |
配置
画像の配置は、「左」「中央」「右」「なし」から選択できます。
左右に表示させた場合は、空き領域にテキストが折り返し表示されます（パンダの画像は左に設定しています）。中央に表示させた場合は、左右にテキストが表示されません。なしは配置が指定されていません。
左となしは配置が似ていますが、テキストの回り込みに違いがあります。また、左右の配置は少し癖があるので、使う時は注意して下さい。一度スマホ画面の表示も確認されることをおすすめします。
リンク先
画像のリンクは、「なし」「メディアファイル」「添付ファイルのページ」「カスタムURL」から選択できます。お好みで設定して下さい。必要なければなし推奨です。
メディアファイルは、下記の様にサムネを掲載しておき、フルサイズのオリジナル画像を表示させたい時に使うと便利です。また、カスタムURLは、他のページへリンクさせる時に使うと便利です。
サイズ
サイズは、「サムネイル」「中」「大サイズ」「フルサイズ」から選択できます。
各種画像のサイズは、設定「メディア」から変更可能です。画像をアップロードした際、ここで設定した大きさの画像が自動で生成される様になります。必要なければ全て0推奨です。
メディア設定
ちなみに、画像サイズの設定は変更後にアップロードされた画像にしか適用されませんが、プラグインRegenerate Thumbnailsを使えば、変更前の画像も簡単に再生成することができます。
更に細かい画像の設定
詳細と表示だけでも十分ですが、ビジュアルエディターでは更に細かい設定が可能です。
ビジュアルエディターで画像をクリックし、「編集アイコン」を選択します。
ビジュアルエディターの画像編集
上級者向け設定を開くと、一般の設定以外にも「title属性」「rel属性」「リンクを新ウィンドウまたはタブで開く」「画像CSSクラス」「リンクCSSクラス」を設定できます。
画像の上級者向け設定
必要なければ、特に入力する必要はありません。
最後に
WordPressでは、画像を挿入する時に細かい設定が可能です。
覚えるのが少し面倒かもしれませんが、大事なのは自分のルールを決めておくことだと思います。例えば、僕は画像を挿入する時に下記のことを注意しています。
- 分かりやすいファイル名に変更する
- ブログサイズに調整する
- WordPressにアップロードする
- 代替テキストを入力する
- キャプションを入力する（任意）
- 画像の配置は基本的に「中央」寄せにする
- 画像にリンクはつけない
絶対設定すべきなのは、「ファイル名」「サイズ調整」「代替テキスト」の3つです。
後は、自分のサイトに合わせて、必要な項目を設定して下さい。
最近のコメント