固定ページのヘッダーを変更する方法(カタナ、カマクラ)

この記事に関するテンプレート:カタナカマクラ

固定ページ(トップページ以外の各ページ)のヘッダーはこの部分です。

このページでは、この固定ページのヘッダーの編集方法を紹介します。

※Arkheのテーマを使用しています。

バクマツミナモトトヨトミテンプレートの固定ページのヘッダーを変更する方法はこちら↓

固定ページのヘッダー画像の変更(バクマツ、ミナモト、トヨトミ)

この記事に関するテンプレート:バクマツ、ミナモト、トヨトミ これらのテンプレートは固定ページ(トップページ以外の各ページ)に、ヘッダー画像が設定されています。 …

背景画像を変更する方法

固定ページの背景画像を変更するためには以下の手順を行います。

固定ページ→編集したい記事を選択→アイキャッチ画像をクリック

アイキャッチ画像
取扱業務ページのアイキャッチ画像部分

ヘッダーにしたい画像を選んでアイキャッチ画像を変更してください。

画像幅は横長である必要があります。

1800px×150pxくらいの画像を用意しましょう。

文字色を変更する方法

現状では「取扱業務」などの固定ページのタイトル文字色は白色です。

背景画像を変えたことで他の色に変更したい場合もあると思いますので、文字色の変更方法を紹介します。

外観→カスタマイズ→追加CSS

以下のCSSを追加してください。(黒色になるようにカラー指定しています。)

.c-pageTitle__main {
color:#000000;
}

固定ページの文字色を変更

これで変更終了です。

文字色の16進数はカラーピッカー外部リンクから選ぶと楽です。

文字サイズを変更する方法

文字サイズを変更する方法も紹介します。

文字色と同じく追加CSSに「font-size:40px;」のCSSを追加してください。

.c-pageTitle__main {
color:#000000;
font-size:40px;
}

文字色を黒、文字サイズを40pxに指定

40pxの数字を変更すれば文字サイズが小さくなったり大きくなったりします。

編集終わり

テンプレートは「Arkhe」を使用していますので、「Arkhe」ユーザーにも参考になると思います。