ACTION

ヘッダーナビゲーション(旧 ヘッダーエリア)

ヘッダーナビゲーション(旧 ヘッダーエリア)はサイトのタイトルが表示される一番上のエリアを指します。

PC(960px以上)の場合の設定

AFFINGER管理

AFFINGER管理の「ヘッダー」ではヘッダーナビゲーション(旧 ヘッダーエリア)に関する設定があります。

サイト名やキャッチフレーズの表示の有無や位置、ヘッダーの高さなどが設定できます。

ヘッダーの高さ

「PCヘッダーの高さ(px)」では960px以上の閲覧で反映される最低の高さ(min-height)を指定できます。

サイトのタイトルが途中で改行されないようにするには?

ヘッダーナビゲーション(旧 ヘッダーエリア)は2カラムで構成されているため、一定の文字数を超えると改行されます。

「ヘッダーを分割しない」を有効化することで改行されずに表示されます(サイトの幅を超える文字数を除く)

「ヘッダーを分割しない」を有効化すると電話番号及びヘッダー右ウィジェットは非表示になります。

ヘッダーのセンタリング

「ヘッダーを分割しない」を有効化して保存をすると「ヘッダーをセンタリング」を有効化できるようになります。

ウィジェット

ヘッダーナビゲーション(旧 ヘッダーエリア)の右側にテキストを挿入できるウィジェットエリアがあります。

このウィジェットはフッターにも表示されます。表示したくない場合はテーマ管理の「ヘッダー」>”ヘッダー右ウィジェットをフッターに表示しない”を有効化して下さい。

カスタマイザー

カスタマイザーの「ヘッダーナビゲーション」にてカラーや幅などのカスタマイズが行えます。

背景色はカスタマイザーのカラー値を空にすると透過されます

ヘッダーナビゲーションを固定する

※ver20240108以降の機能です

「表示パターン」を固定にすることでヘッダーナビゲーションを固定することができます。

固定時の背景カラーを「背景カラーフィルター」と「透過レベル」で設定できます

  • position:sticky で固定された要素とは被る可能性がございます
  • jsやCSSの圧縮、キャッシュに関するプラグインやカスタマイズ利用時は正常に動作しない場合がございます
  • PC閲覧時(wp_is_mobile() による分岐)のみ
  • 「すごいもくじ」利用時に関してjsの計測による調整のタイムラグが生じる場合がございます

「PCヘッダーメニュー」「ヘッダーインフォメーション」の固定機能(※EX版限定)

EX版では「ヘッダーナビゲーション(PC)」に加え「PCヘッダーメニュー」「ヘッダーインフォメーション」も選択できます。

スマートフォン閲覧時の設定

スマートフォンのヘッダーは以下をご参照ください。

関連(ロゴ/メニュー)

関連

解決しないことは検索もしてみてね

人気の解析ツールをセットにしたお得なパックです。サイトの状況や改善点を視覚化することで目標達成のためやるべきことが明確になります。

  • シンプルでわかりやすいアクセス解析
  • クリック計測・広告管理機能
  • ABテスト機能

今ならお得なキャンペーン中!

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

ver20240115よりレイアウト及びウィジェットエリア名称を一部変更いたしました。 下部にPDF ...

2

https://action-sample.com/ 上のサイトのようなカテゴリーで分けた記事一覧の ...

3

AFFINGERブロックプラグインプラグインを有効化しよう 当テーマは「AFFINGERブロックプラ ...

-ACTION

【AFFINGER監修】 SEOを考慮したAI記事作成ツールで圧倒的、効率化UP

AFFINGER監修 GPTsリストはコチラ

AFFINGER公式マニュアル

パスワードを入力してください

- 不明な方はコチラ -

PAGE TOP