スマホ メニュー

スマホスライドメニュー

メニューを表示するには予めメニュー設定にて該当メニューを作成、有効化する必要があります。(確認する

スマホスライドメニューはスマホ(600px以下)で表示されるメニューです。

メニュー設定で任意のメニューに対して「スマホスライドメニュー」を有効化して下さい。

https://exanpme.com/#example のような同一ページ内のHTMLアンカーのリンクは仕様上動作致しません。

カスタマイズ

アイコン・左右の変更

アイコンのデザインやメニュー位置はテーマ管理の「メニュー」>”スマホスライドメニュー”で変更できます。

コンテンツの挿入

また、メニュー内にウィジェットでコンテンツを挿入できます。

スライドメニューでは読み込み時にスクロールの高さの取得をjsにて行っています。そのため、読み込みに時間がかかるもの、要素の高さが不確定なものなどを設置すると動きに支障が出る可能性がございます。(原則としては通常メニューをご利用いただき、挿入コンテンツは自己判断でお願い致します※ショートコードやscriptなど内容によっては正常に表示されません。)

表示がおかしい、崩れる場合は内包しているウィジェット及びコンテンツを1つづつ削除頂き、原因となる要素を使用しないようお願い致します。

カラーの変更

カスタマイザーの「メニュー」>「スマホスライドメニュー/検索」にてカラーや表示パターンなどをカスタマイズできます。

一部の設定はカスタマイザー上では確認できません(実際の端末で反映されます)

追加メニューについて

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

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

スライドメニュー内のカテゴリウィジェットリンクは「スライドメニュー内のテキストリンク色」「スライドメニュー内リンクのボーダー色」と連動しています。

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

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

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

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

さらに詳しくみる

AFFINGERデザインカード

オススメ記事

no image 1

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

2

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

3

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

-スマホ, メニュー

人気のアクセス解析セットはコチラ

AFFINGER公式マニュアル

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

- 不明な方はコチラ -

PAGE TOP