ACTION スマホ

ヘッダーナビゲーション(スマホ ※旧スマホヘッダー)について

設定について

スマホヘッダーの高さは適宜、ご自身で設定する必要がございます。

表示したコンテンツが見切れる場合などは適切な高さを指定しなおしてください(極端な数値はレイアウトや動作が不安定になる場合がございます)

スマホ閲覧時の一部のデザイン設定はPHPによる分岐処理の為、カスタマイザーなどでは反映されません。実機にてご確認ください。

テーマ管理

スマホヘッダーの高さやサイトのタイトル、キャッチフレーズの表示有無などはテーマ管理の「ヘッダー」で変更できます。

ロゴのサイズやキャッチフレーズの表示などによりコンテンツがヘッダーから見切れる場合は適宜調整してください(最小48px)。

カスタマイザー

ロゴ画像

スマホ用のロゴはカスタマイザーの「ロゴ画像/サイトのタイトル」で設定できます。

ロゴ・アイコンロゴ共に、最大の高さを指定することでサイズ調整が可能になりました。

背景色

スマホ閲覧時のヘッダーメニューの背景色はカスタマイザーの「ヘッダーナビゲーション」>「スマホ(SP)」で変更できます。

ヘッダーナビゲーションの固定

画像はEX版のもの

スマホ閲覧時のヘッダーナビゲーションを固定したりスクロールに応じて追尾したりできます。

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

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

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

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

追加メニューについて

テーマ管理のメニュー設定にて「追加メニュー」を設定した場合は強制的にレイアウトが変わります(下部にセンター寄せで表示)。

  • この場合、ロゴやサイトのタイトル及びキャッチフレーズ非表示設定はPC側の内容が反映されます
  • ヘッダーの高さは48px固定になります

アイコンロゴについて

カスタマイザーの「アイコンロゴ設定」を行った場合は、以下のとおりとなります。

デフォルト
左寄せ

アイコンロゴはスマホロゴ設定時又はサイトのタイトル及びキャッチフレーズが共に非表示の場合は表示されません

タブレットの挙動について

WordPressのwp_is_mobile関数及び599px(iPad miniサイズ程度)を基準にして、縦でスマホ、横向きでPCと同じレイアウトとなります。

但し、反映させるロゴやキャッチフレーズ設定は縦横共にスマホ同様となります。

移行はこちら

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

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

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

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

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

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

2

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

3

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

-ACTION, スマホ

【AFFINGER監修】 SEOを考慮したAI記事作成ツール

AFFINGER公式マニュアル

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

- 不明な方はコチラ -

PAGE TOP