固定ページのヘッダーを変更する方法(カタナ、カマクラ)
固定ページ(トップページ以外の各ページ)のヘッダーはこの部分です。
このページでは、この固定ページのヘッダーの編集方法を紹介します。
※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の数字を変更すれば文字サイズが小さくなったり大きくなったりします。
編集終わり
テンプレートは「Arkhe」を使用していますので、「Arkhe」ユーザーにも参考になると思います。