「ヘッダー画像ってどうやって作るの？」
「SIRIUS2のヘッダー画像ってどうやって設定するの？」

 

ここではSIRIUS2のヘッダー作成機能を含めたヘッダー画像の作り方と設定方法を解説しています。

SIRIUS2のヘッダー設定方法

作成したヘッダー画像をサイトに表示させるための設定方法をご説明いたします。
「全てのページで共通のヘッダー画像」・「パートごとにヘッダー画像を変更する」パターンがありますので、それぞれ見てみましょう！

 

「全てのページで共通のヘッダー画像」の設定方法

「全てのページで共通のヘッダー画像」を設定するには、次の2つの手順で設定・微調整します。

 

• STEP

  「全体設定」でヘッダー画像を指定する

   

  編集画面上部リボンバーの「全体設定」をクリックし、表示設定の欄の「ヘッダー画像」で作成したヘッダー画像を指定します。

   

   

  これですべてのページにヘッダー画像が設定されました。

  プレビューで確認してみましょう。

   

  細かな表示設定を変更するには、STEP2をご覧ください。

• STEP

  ヘッダー表示設定の微調整

   

  ヘッダー画像に関する微調整は次の手順で行いましょう。

  まずはSTEP1で表示させた「全体設定」の画面の左下に現れる「レイアウト」から「レイアウト設定」画面を呼び出します。

   

   

  「レイアウト設定」の画面の左下の「ヘッダー」を選択すると、ヘッダー画像に関する設定を変更することが可能です。

 

パートごとにヘッダー画像を表示・非表示・変更する方法

「トップページだけヘッダー画像を表示させたい」、「個別ページやカテゴリーページのみ別のヘッダー画像にしたい」、あるいは「その時々でヘッダー画像を変えたり、非表示にしたい」など様々な要望があると思いますが、SIRIUS2ならすべてのパターンに対応しています。
それでは見てみましょう。

 

• STEP

  レイアウト設定画面を開く

  記事編集画面上部の「全体設定」をクリック(画像の1)し、現れるメニューの左下の「レイアウト設定」をクリック(画像の2)すると、レイアウト設定画面を開きます。

• STEP

  パート別に設定する

  「レイアウト設定」では、「カテゴリーページ」・「エントリーページ」・「独立ページ」・「スマホ用サイト」ごとにヘッダー画像を表示・非表示を選べます。(スマホ用サイトは別途設定していない場合、生成されないので無視しても大丈夫です。)

   

   

  上記画像の例では、「カテゴリー」のヘッダー画像を指定していますが、「カテゴリー」の横の「エントリー」・「独立ページ」・「スマホ」を選ぶと、該当するページテンプレートのヘッダーの扱いをどうするか設定できます。

 

 

その都度ヘッダーを変更したり、非表示にする方法

上記の方法は、テンプレートの概念が理解できていれば一括でヘッダー画像を管理できるため便利ですが、ややこしく感じる方も多いと思います。
そんなときは、難しい事は考えずに、ページを作るごとに毎回表示設定するのがシンプルなのでおすすめです。

 

ページごとにヘッダー画像の表示・非表示を切り替える手順

ページごとにヘッダー画像の表示・非表示を切り替える設定は、「ページの設定」で行います。

 

ページごとに異なるヘッダー画像を設定する

ページごとに異なるヘッダー画像を設定するには、上記の「ページごとにヘッダー画像の表示・非表示を切り替える手順」でヘッダー画像を表示する設定にしたうえで、「ページ設定」上で新たなヘッダー画像を読み込ませましょう。