原稿ノートと写真カード、鉛筆を並べた紙細工のイラスト
解説用イラスト(AI生成)。実際の管理画面ではありません。
この手順でできること

写真の並び・説明・クリック後の動作が揃っています。

作業を始める前に

  • 変更前の画面と設定値を記録し、戻せる状態で作業します。
  • 管理画面の名称や使える機能は、WordPressのバージョン・権限・テーマで異なります。
AT A GLANCE先に、全体の流れを確認
  1. 01写真の順番と役割を決める
  2. 02ギャラリーへ画像を追加する
  3. 03切り抜きと説明を調整する
  4. 04スマホと拡大表示を試す

下の各項目で、判断のポイントと確認方法を説明します。

進め方・判断のポイント 04 STEPS

01

写真の順番と役割を決める

全体像、特徴、細部という順序を考え、似た写真を大量に並べないようにします。施工例なら外観だけでなく、読み手が知りたい使い方や工夫を説明できる写真を選びます。掲載の許可と写り込みを確認し、元データとWeb用データを分けて保管します。写真だけでは分からない背景は文章で添えます。

✓ 完了の目印

写真ごとの役割と掲載順を決めました。

02

ギャラリーへ画像を追加する

編集画面で「ギャラリー」を追加し、メディアライブラリから複数画像を選びます。外側のギャラリーを選ぶと列数や全体の配置を調整できます。1枚の画像を選ぶと、その写真の代替テキストやリンク等を変更します。どちらを選択しているか分かりにくい場合は、リスト表示から親のギャラリーへ戻ります。

✓ 完了の目印

全体と1枚ずつの設定を区別できました。

03

切り抜きと説明を調整する

高さを揃えると一覧は整いますが、縦長写真の大切な部分が切れる場合があります。切り抜きの設定を変えたり、同じ比率の画像を準備したりして確認します。キャプションは写真の場所や内容を補足し、代替テキストはその写真が伝える情報に合わせます。無関係な検索語を繰り返し入れないようにします。

✓ 完了の目印

重要な部分が切れず、写真の意味も伝わります。

04

スマホと拡大表示を試す

小さい画面で列数がどう変わるか、画像が重くないかを確認します。写真を押したときの動作は、リンク先や拡大機能の設定で変わります。画像ファイルを直接開くのか、拡大表示するのか、何もしないのかを揃えます。大きく表示する必要がない写真は、操作できそうな見た目だけを付けないようにします。

✓ 完了の目印

写真の一覧とクリック後の動作を確認しました。

終わったら確認すること

  • 写真の並び・説明・クリック後の動作が揃っています。
  • 変更したページと、そこへつながる一覧・メニューをログアウトした状態で確認します。

途中で困ったときは

写真ごとに高さが違います。

切り抜きの設定と元画像の比率を確認します。揃えると構図が欠ける場合もあるため、重要な部分が見えることを優先します。

1枚消すと元画像も消えますか?

ギャラリーから画像ブロックを削除する操作と、メディアライブラリからファイルを完全削除する操作は別です。削除場所を確認してください。

参照した公式資料

画面や条件が異なる場合は、ご利用環境と公式の最新案内を確認してください。

手順確認日 2026.10.30 / 読む時間は目安です。操作に必要な時間は環境によって異なります。

管理画面の項目を調べる

入力欄の意味・操作・確認方法を、項目ごとに確認できます。

投稿/固定ページ → 編集 → ブロック →メディア → ライブラリ/メディアファイルを追加 →