メニューの作成

メニューの作成

当テーマでは以下の5種類のメニューが作成できます。同じ内容を表示することも、それぞれ分けることも可能です。メニューはPC閲覧時なのか、スマートフォンなのかでも使い勝手が変わりますのでそれに応じたメニューを設定してあげるとより効果の高いサイトが出来ます。

  1. PC用のヘッダーメニュー
  2. フッターメニュー(ヘッダーウイジェット位置のリンク)
  3. スマートフォン(タブレット)用アコーディオンメニュー※Bタイプあり
  4. スマートフォン(タブレット)用アコーディオンメニュー
  5. スマートフォン(タブレット)用アコーディオンメニュー

基本的なメニュー作成の流れ

 

各メニューの設定方法

PC用のヘッダーメニュー

 

フッターメニュー(ヘッダーウイジェット位置のリンク)

 

スマートフォン(タブレット)用アコーディオンメニュー※Bタイプあり

 

スマートフォン(タブレット)用アコーディオンメニュー

 

スマートフォン(タブレット)用アコーディオンメニュー

 

AFFINGER4 STINGER PRO ヘッダー メニュー

PC閲覧時のヘッダーメニューをセンター寄せにしたい

2018/5/28  

メニュー全体をセンター寄せにする方法です。 「外観」>「style.css」 /*media Queries PCサイズ(960px以上) ------------------------------ ...

AFFINGER4 STINGER PRO メニュー

スマホ用フッターメニューの追加

2018/5/28  

スマートフォンで閲覧した時に少しスクロールすると下からメニューが表示されるオプションの設定方法です。 [toc] スマホ用フッターメニューの作成方法 メニューの準備 まずは「外観」>「メニュー」にて専 ...

AFFINGER4 micata3 STINGER PRO メニュー

スマートフォンメニューの追加設定

2018/5/28  

ここではスマートフォン及びタブレットのアコーディオンメニューについて説明します。 スマートフォンメニューの新機能 追尾式メニューの追加 今回のverより、スマートフォンメニューに追尾式の「Bパターン」 ...

AFFINGER4 micata3 STINGER PRO メニュー

メニューの基本設定

2018/5/28  

メニューを設定する メニュー項目は管理画面の「メニュー」より設定できます。 テーマ3シリーズでは全て、 ヘッダー用メニュー フッター用メニュー(設定でヘッダー上部の右エリアにも表示可能) サイド用メニ ...

Copyright© STINGER's MANUAL , 2020 All Rights Reserved Powered by AFFINGER5.