写真と文章を差し替える

固定ページの見本写真と仮の文章を、公開に使う内容へ差し替えます。ページの構成はそのままに、WordPress標準のブロックエディターで内容だけを更新します。

目次
  1. パターンの編集を始める
  2. 差し替える
  3. 写真カルーセルの場合
  4. 縦書きの数字・英字を調整する
  5. 見本の画像・文章を使うとき
  6. 完了を確認する
  7. つまずいたとき

掲載する文章と、使用許可を確認した画像を用意してください。作業には固定ページを編集できる権限が必要です。

パターンの編集を始める

挿入したパターンがひとまとまりで選ばれる場合は、右側の「ブロック」設定にある「パターンを編集」を押し、内側の画像・見出し・段落を選びます。このボタンがない場合は、すでに通常のブロック編集状態です。リストビューからも対象を選べます。

項目を増やすときは、1枚のカードなど項目全体のグループを複製します。項目全体を選んで削除・並べ替えを行い、画像と本文が分離していないことを確認してください。専用ブロックに追加・削除・並べ替えの操作欄がある場合は、そちらを使います。

差し替える

  1. WordPress管理画面で「固定ページ」>「固定ページ一覧」を開き、編集するページを選びます。
  2. 見出しまたは段落を選び、文章を入力します。見出しの順序と、ボタンやリンクの行き先も確認します。
  3. 差し替える「画像」または「カバー」ブロックを選び、ブロックツールバーの「置換」から「メディアライブラリ」または「アップロード」を選びます。
  4. 画像を選んだら、右側のブロック設定で代替テキストを入力します。装飾だけの画像は空欄にします。
  5. 変更を保存し、画面上部の「表示」からPCとスマートフォンのプレビューを確認します。WordPressのバージョンによっては「プレビュー」と表示されます。

写真カルーセルの場合

  1. パターン全体が選ばれる場合は「パターンを編集」を押し、内側の「写真カルーセル」ブロックを選び、「写真を追加」または「選択写真を差し替え」を選びます。
  2. 写真のボタンで対象を選び、「前へ」「次へ」で順番を整えます。
  3. 右側の「写真の表示」で左右・上下の位置を調整します。スマートフォンだけ変える場合は「SPの表示位置を調整」を使います。
  4. 写真を削除するときは対象を選び「この写真を削除」を押します。保存し、再読込後に順序・表示位置を確認します。公開画面では再生・停止と画像の見える範囲も確認してください。

パターン一覧のカルーセル見本には写真操作欄を表示しません。挿入後の編集画面で操作します。画像の暗さは「オーバーレイ」の設定も確認してください。

縦書きの数字・英字を調整する

2.1.0以降のしずりの縦書き見出し・説明文では、数字と英字は基本的に一文字ずつ正立します。2桁程度の数字を1文字分にまとめたいときは対象文字を選択し、ツールバーの「縦書きの文字組み」から「縦中横」を選びます。英単語などを横倒しにしたいときは「横倒し」を選びます。「標準に戻す」を選ぶと基本の向きへ戻ります。

文字の追記・削除・貼り付け後は、指定が意図した範囲に付いているか確認し、保存・再読込とPC/SPの表示を確かめます。

見本の画像・文章を使うとき

人物・施設・仕事風景、会社名、数値、制度、募集条件は見本です。実在の自社社員・施設・導入実績として扱わず、公開前に自社の事実に合う内容へ差し替えてください。動的な投稿一覧・募集一覧には、そのサイトに登録したデータが表示されます。

同梱画像は商品フォルダー内のURLを使用する場合があり、挿入時にメディアライブラリへ自動登録されるとは限りません。運用する画像はメディアライブラリへ登録して差し替えます。商品フォルダーの画像は、テーマやPluginを削除すると表示できなくなります。

差し替える画像の利用権限と人物の掲載許諾を確認してください。同梱素材の条件は商品に付属する案内に従います。素材単体の再配布や、第三者素材の利用を新たに許可するものではありません。

完了を確認する

  • 仮の会社名、文章、数値、画像が残っていない
  • 画像が引き伸ばされず、必要な部分が見えている
  • 画像の内容と代替テキストが一致している
  • ボタンと本文内リンクが意図したページへ進む
  • 公開済みページは、保存後にログアウト状態でも表示を確認できた

つまずいたとき

  • 画像を選べないときは、画像の上にある文章ではなく、内側の「画像」または背景になっている「カバー」ブロックを選び直します。
  • スマートフォンで人物や文字が切れるときは、画像の比率や焦点位置を調整し、PC表示も再確認します。
  • 「写真カルーセル」は通常の「画像」ブロックと操作が異なります。「写真を追加」が表示される場合は、ブロック内の専用操作を使います。