この記事ではAFFINGER6でガイドマップメニューを設置する方法を初心者向けに解説しています。
ガイドマップメニューは下画像のようなガイド式のメニューです。
AFFINGER6：ガイドマップメニューを表示させる手順
- ガイドマップメニューを作成する
- 表示させたい場所にガイドマップメニューを設置する
ガイドマップメニューを作成する
まずはガイドマップメニューを作成します。
作成するにはWordpressメニューの「外観」→「メニュー」を選択します。
「新しいメニューを作成しましょう。」をクリックすると新しいメニューを作成することができます。
① まず「メニュー名」を入力します。
ガイドメニューやガイドマップメニューなど自分が管理しやすい好きな名前を入力して大丈夫です。
② 「ガイドマップメニュー」の項目にチェックを入れます。
③ 「メニューを作成」を選択します。
次に作成したガイドマップメニューに表示させる記事を設定します。
① メニュー項目を追加します。
固定ページや投稿した記事、カスタムリンクやカテゴリーなどガイドマップメニューに表示させたい記事を選択できます。
表示させたい記事にチェックを入れて「メニューに追加」をクリックすると②の部分に表示されます。
最後に③の「メニューを保存」で保存すればOKです。
ガイドマップメニューの作成が完了したら次に表示させる場所を設定します。
表示させたい場所にガイドマップメニューを設置する
ガイドマップメニューを表示させる場所を設定するには「外観」→「ウィジェット」を選択します。
ここでは「サイドバートップ」に設置してみます。
下画像のように「ガイドマップメニュー」を「サイドバートップ」にドラッグして設置します。
次にガイドマップメニューの表示設定を行います。
| タイトル | タイトルを設定可能 |
| 背景色（第一階層） | 背景色を変更可能 |
| 角を丸くする | メニュー項目を角丸にすることが可能 |
| テキスト色 | テキスト色を変更可能 |
| テキストリンクの下線を消す | テキストリンクの下線を消すことが可能 |
タイトル
タイトルを設定することができます。
矢印部分がタイトルになります。
背景色（第一階層）
ガイドマップメニューの背景色を設定可能です。
背景色を変更するとこんな感じです。
背景色はカスタマイザーからも変更することができます。
「外観」→「カスタマイズ」→「各メニュー設定」→「ガイドメニュー」をを選択します。
角を丸くする
ガイドメニューの項目（第一階層）を角丸の設定をすることができます。
角丸を設定していない表示はこんな感じです。
設定が反映されないと思ったらカスタマイザーを確認してみてください。
「外観」→「カスタマイズ」→「各メニュー設定」→「ガイドメニュー」の「角を丸くする」にチェックが入っているとウィジェットのほうで「角丸にする」のチェックを外した状態でも角丸表示になってしまいます。
テキスト色
テキスト色を変更可能です。
テキスト色を変更するとこんな感じです。
テキストリンクの下線を消す
テキストリンクの下線を消すことができます。
各項目の設定が完了したら保存すればOKです。