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と同じレイアウトとなります。

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

移行はこちら

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

あなたにおすすめ

「もしも」の時に自動でサイトを閉鎖する

「サイトタイマー」プラグインは予め設定した期日でサイトをメンテナンス(閉鎖)状態にするプラグイン。

閉鎖後も表示しておきたいページの指定や2段階のアナウンスなども設定できます。

イベントサイトや自身の万が一にサイトを自動で閉鎖できるプラグインです(延長も1クリックです)。

ここが便利

  • 予め設定した期日でサイトをメンテナンス(閉鎖)状態
  • 閉鎖で表示するアナウンスは2段階で設定可能
  • 閉鎖後も表示したいページを指定することも可能。
期限付きで自動でメンテナンス状態にするWordPressプラグイン
期限付きで自動でメンテナンス状態にするWordPressプラグイン

セール対象商品 4,980円 → 3,980円 ご利用には別売のACTION(AFFINGER6)が ...

on-store.net

オススメ記事

no image 1

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

2

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

3

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

-ACTION, スマホ

無料配布キャンペーン中!

詳しくみる

AFFINGER公式マニュアル

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

- 不明な方はコチラ -

PAGE TOP