固定ページのヘッダーをカスタマイズ

BusinessPressテーマの固定ページのヘッダーのカスタマイズ方法を解説します。標準では、アイキャッチ画像にページ名が重ねられます。

標準の固定ページのヘッダー

それをユーザーの心を掴むように、文字を変えるようにカスタマイズすることもできます。

固定ページのヘッダーカスタマイズ後
目次

固定ページのヘッダーのカスタマイズ方法

手順は以下のようになります。

  1. 標準のヘッダーを非表示にする
  2. カバーブロックを使ってヘッダーを作成する

標準のヘッダーを非表示にする

  1. 固定ページの編集画面を開く
  2. 固定ページタブをクリック
  3. ページタイトルを表示しないにチェックマーク
  4. タイトルなし時に、余白を削除しますにチェックマーク
  5. 更新ボタンをクリック

これで標準のヘッダーが非表示になります。

カバーブロックでヘッダーを作成

固定ページの一番上部に、カバーブロックを追加して設定します。

背景画像の設定

カバーブロックの設定

使用する画像を選択した後に、幅を全幅にする。これで背景画像が大きくなって見栄えが良くなります。

文字の設定

カバーブロックの設定

あとは重ねる文字を入力して、文字の装飾を行なえば完了です。

  • 太文字にする
  • 文字サイズの調整
  • 文字色を白に変更

ページ名だけの時よりも、ユーザーの目を惹いたり心を掴みやすくする効果があります。

目次