AFFINGER6：ガイドマップメニューを設置する方法

この記事ではAFFINGER6でガイドマップメニューを設置する方法を初心者向けに解説しています。

AFFINGER6：ガイドマップメニューを表示させる手順

• ガイドマップメニューを作成する
• 表示させたい場所にガイドマップメニューを設置する

ガイドマップメニューを作成する

まずはガイドマップメニューを作成します。

作成するにはWordpressメニューの「外観」→「メニュー」を選択します。

「新しいメニューを作成しましょう。」をクリックすると新しいメニューを作成することができます。

①　まず「メニュー名」を入力します。

ガイドメニューやガイドマップメニューなど自分が管理しやすい好きな名前を入力して大丈夫です。

②　「ガイドマップメニュー」の項目にチェックを入れます。

③　「メニューを作成」を選択します。

次に作成したガイドマップメニューに表示させる記事を設定します。

①　メニュー項目を追加します。

固定ページや投稿した記事、カスタムリンクやカテゴリーなどガイドマップメニューに表示させたい記事を選択できます。

表示させたい記事にチェックを入れて「メニューに追加」をクリックすると②の部分に表示されます。

最後に③の「メニューを保存」で保存すればOKです。

表示させたい場所にガイドマップメニューを設置する

ガイドマップメニューを表示させる場所を設定するには「外観」→「ウィジェット」を選択します。

ここでは「サイドバートップ」に設置してみます。

下画像のように「ガイドマップメニュー」を「サイドバートップ」にドラッグして設置します。

次にガイドマップメニューの表示設定を行います。

タイトル	タイトルを設定可能
背景色（第一階層）	背景色を変更可能
角を丸くする	メニュー項目を角丸にすることが可能
テキスト色	テキスト色を変更可能
テキストリンクの下線を消す	テキストリンクの下線を消すことが可能

タイトル

タイトルを設定することができます。

矢印部分がタイトルになります。

背景色（第一階層）

ガイドマップメニューの背景色を設定可能です。

背景色を変更するとこんな感じです。

背景色はカスタマイザーからも変更することができます。

「外観」→「カスタマイズ」→「各メニュー設定」→「ガイドメニュー」をを選択します。

角を丸くする

ガイドメニューの項目（第一階層）を角丸の設定をすることができます。

角丸を設定していない表示はこんな感じです。

設定が反映されないと思ったらカスタマイザーを確認してみてください。

「外観」→「カスタマイズ」→「各メニュー設定」→「ガイドメニュー」の「角を丸くする」にチェックが入っているとウィジェットのほうで「角丸にする」のチェックを外した状態でも角丸表示になってしまいます。

テキスト色

テキスト色を変更可能です。

テキスト色を変更するとこんな感じです。

テキストリンクの下線を消す

テキストリンクの下線を消すことができます。

各項目の設定が完了したら保存すればOKです。

AFFINGER6のメニューの作成については別記事でも紹介していますので、そちらの記事も参考にしてみてください。

ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。

現在は多くのAIライティングツールがあります。

そのほとんどが無料お試しでの利用が可能です。

お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。

無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。

\\ 無料お試し利用がずっと可能なAIライティングツール//

AFFINGER6：記事一覧

• AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
• （通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
• AFFINGER6を実際に利用したガチ評価-２年以上愛用して感じたメリットとデメリット
• AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由

AFFINGER6の購入とインストール方法

• AFFINGER6の購入方法と購入プランの選び方
• AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
• AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法

AFFINGER6の設定関係

• AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
• AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
• AFFINGER６のアップデート方法（２パターンを解説）
• AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
• AFFINGER6：Googleサーチコンソールへの登録方法
• AFFINGER6のステマ規制対策-広告表記を表示させる方法

AFFINGER6の使い方

• AFFINGER6の使い方【まとめ】-初心者向けガイド-

AFFINGER6のデザインカスタマイズ

• AFFINGER6のカスタマイズ方法-初心者向けガイド-