この記事ではAFFINGER6でガイドマップメニューを設置する方法を初心者向けに解説しています。
ガイドマップメニューは下画像のようなステップ形式で表示できるメニューのことです。
AFFINGER6：ガイドマップメニューを表示させる手順
- ガイドマップメニューを作成する
- 表示させたい場所にガイドマップメニューを設置する
ガイドマップメニューを作成する
まずはガイドマップメニューを作成します。
作成するにはWordpressメニューの「外観」→「メニュー」を選択します。
「新しいメニューを作成しましょう。」をクリックすると新しいメニューを作成することができます。
① まず「メニュー名」を入力します。
ガイドメニューやガイドマップメニューなど自分が管理しやすい好きな名前を入力して大丈夫です。
② 「ガイドマップメニュー」の項目にチェックを入れます。
③ 「メニューを作成」を選択します。
次に作成したガイドマップメニューに表示させる記事を設定します。
① メニュー項目を追加します。
固定ページや投稿した記事、カスタムリンクやカテゴリーなどガイドマップメニューに表示させたい記事を選択できます。
表示させたい記事にチェックを入れて「メニューに追加」をクリックすると②の部分に表示されます。
最後に③の「メニューを保存」で保存すればOKです。
ガイドマップメニューの作成が完了したら次に表示させる場所を設定します。
表示させたい場所にガイドマップメニューを設置する
ガイドマップメニューを表示させる場所を設定するには「外観」→「ウィジェット」を選択します。
ここでは「サイドバートップ」に設置してみます。
下画像のように「ガイドマップメニュー」を「サイドバートップ」にドラッグして設置します。
次にガイドマップメニューの表示設定を行います。
| タイトル | タイトルを設定可能 |
| 背景色（第一階層） | 背景色を変更可能 |
| 角を丸くする | メニュー項目を角丸にすることが可能 |
| テキスト色 | テキスト色を変更可能 |
| テキストリンクの下線を消す | テキストリンクの下線を消すことが可能 |
タイトル
タイトルを設定することができます。
矢印部分がタイトルになります。
背景色（第一階層）
ガイドマップメニューの背景色を設定可能です。
背景色を変更するとこんな感じです。
背景色はカスタマイザーからも変更することができます。
「外観」→「カスタマイズ」→「各メニュー設定」→「ガイドメニュー」をを選択します。
角を丸くする
ガイドメニューの項目（第一階層）を角丸の設定をすることができます。
角丸を設定していない表示はこんな感じです。
設定が反映されないと思ったらカスタマイザーを確認してみてください。
「外観」→「カスタマイズ」→「各メニュー設定」→「ガイドメニュー」の「角を丸くする」にチェックが入っているとウィジェットのほうで「角丸にする」のチェックを外した状態でも角丸表示になってしまいます。
テキスト色
テキスト色を変更可能です。
テキスト色を変更するとこんな感じです。
テキストリンクの下線を消す
テキストリンクの下線を消すことができます。
各項目の設定が完了したら保存すればOKです。
AFFINGER6のメニューの作成については別記事でも紹介していますので、そちらの記事も参考にしてみてください。
-
-
AFFINGER6：メニューの作成方法【初心者の為の簡単ガイド】
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６デザインカスタマイズ
この記事がお勧めな方 AFFINGER6で「ヘッダーメニュー」を作成する方法を知りたい方 AFFINGER6で「フッターメニュー」を作成する方法を知りたい方 WordPressの「メニュー」について知 ...
ブログの記事を書くのにAIライティングツールを利用すると効率を上げることができます。
AIなんて難しそう・・・
そう感じて活用しないのは勿体無いです。
気軽に使うのに無料お試しがお勧め♪
現在は多くのAIライティングツールがあります。
そのほとんどが無料お試しでの利用が可能です。
お試し期間が限定のツールもありますが、中には機能制限はありますがずっと無料で利用できるツールもあります。
無料お試しがずっと可能なAIライティングツールをまとめてみたので、是非試してみてください。
\\ 無料お試し利用がずっと可能なAIライティングツール//
-
-
無料お試しがずっと可能なAIライティングツール
「記事作成にAIを活用してみたいなぁ」 「でも料金はかけたくないなぁ」 そんな方に無料お試しがずっと可能なAIライティングツールをいくつか紹介します。 もちろん無料お試しなので、機能をフルに使用するこ ...
AFFINGER6：記事一覧
-
-
AFFINGER6で出来ること【まとめ】-AFFINGER6を徹底解説
2024/11/28
AFFINGER６を使ってみたい！気になる！という方向けに AFFINGER６ってどんなテーマ？ AFFINGER６でどんなことができるの？ AFFINGER６を使うにはどうすればいいの？ といった内 ...
-
-
（通常版）AFFINGER6と（上位版）AFFINGER6 EXの違い【まとめ】
2024/11/28 AFFINGER6（アフィンガー６）
AFFINGER6を購入しようと検討している方や既に通常版のAFFINGER6を使用している方で、その違いが気になる方も多いと思います。 そこで、この記事では（通常版）AFFINGER6と（上位版）A ...
-
-
『SWELL』ってどうなの？-実際に利用したメリットとデメリットをガチレビュー！
2024/11/28 SWELL（スウェル）
SWELLはとても人気の高いテーマです。 この記事はSWELLが気になる方向けにメリットとデメリットを紹介しています。 価格 １７，６００円（税込み） シンプル＆高機能なWordPressテーマ！ 最 ...
-
-
AFFINGER6は初心者が購入しても大丈夫？-初心者にお勧めの理由
2024/11/28 AFFINGER6（アフィンガー６）
AFFINGER6を購入しようと思っている初心者の方は、解らないことが多いからこそ購入に対して不安を感じるかもしれません。 この記事は、実際に知識ゼロからAFFINGER6を使用した私が断言できる内容 ...
AFFINGER6の購入とインストール方法
-
-
【知っておくべき！】AFFINGER6の購入方法と購入プランの選び方-⑤種類から最適を選択！
2024/11/28 AFFINGER6（アフィンガー６）
AFFINGER6を使ってみたい！ という方に ちょっと待ってください！ AFFINGER6を購入する際には複数のプランが存在しますので、自分の取り組み方に合った購入方法を選択した方がお得に購入できま ...
-
-
AFFINGER6（アフィンガー6）のインストール方法-初心者でも安心！購入プランから徹底解説！
2024/10/18 AFFINGER6（アフィンガー６）
初心者でも大丈夫！ AFFINGER6の購入からインストールして使えるようにするまでの手順や注意点を詳しく解説しています。 AFFINGER6を使うまでの手順 AFFINGER6を利用する手順は次のよ ...
-
-
AFFINGER６（アフィンガー６）EX版の購入とアップグレードの方法
2024/11/3 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
この記事ではAFFINGER６の上位版である「AFFINGER６EX」へのアップグレード方法を解説しています。 AFFINGER６EX版にアップグレードする為の条件 AFFINGER６からEX版にアッ ...
AFFINGER6の設定関係
-
-
AFFINGER6導入後にまず何をしたらいいの？-初心者にお勧めの初期設定４項目
2024/10/17 AFFINGER6（アフィンガー６）
「ブログで稼ぎたい！」 って思いブログを始めた初心者の方も多いと思います。 収益化するには何より記事を作成しなければ話になりません。 この記事ではAFFINGER6を始めたばかりの初心者の方向けに、い ...
-
-
AFFINGER6（アフィンガー６）にお勧めのプラグイン【初心者向け】
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
AFFINGER6にお勧めのプラグインを９つ紹介しています。 初心者の方は何を導入すればいいのか解らないと思いますので、是非参考にしてみてください。 プラグインとは？ 「プラグイン」とはワードプレスを ...
-
-
AFFINGER６のアップデート方法（２パターンを解説）
2024/10/28 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
この記事がお勧めな方 AFFINGER６のアップデート方法を知りたい方 AFFINGER６の手動でのアップデート方法が知りたい方 AFFINGER６で自動更新のお知らせを設定する方法を知りたい方 AF ...
-
-
AFFINGER６（アフィンガー６）でGoogleアナリティクスを導入する方法
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
ここではAFFINGER6（アフィンガー６）でGoogleアナリティクスを導入する方法を初心者向けに解説しています。 AFFINGER6（アフィンガー６）では簡単にGoogleアナリティクスを導入して ...
-
-
AFFINGER6：Googleサーチコンソールへの登録方法
2024/7/18 AFFINGER6（アフィンガー６）, AFFINGER６初期設定
Googleサーチコンソールではあなたのサイトが「どんなキーワードで表示されたのか」を確認することができたり、あなたのサイトのページが「どれくらいインデックスされているか」などを調べることができます。 ...
-
-
AFFINGER6のステマ規制対策-広告表記を表示させる方法
2024/7/18 AFFINGER6（アフィンガー６）
この記事ではステマ規制対策としてAFFINGER6（アフィンガー6）で記事に「広告」表記を表示させる方法を解説しています。 ステマ規制とは２０２３年１０月から開始された「ステルスマーケティング」に対す ...
AFFINGER6の使い方
-
-
AFFINGER6の使い方【まとめ】-初心者向けガイド-
2024/11/5 AFFINGER6（アフィンガー６）, アフィンガー６の使い方
この記事はAFFINGER6（アフィンガー6）の使い方を初心者向けに詳しく解説しています。 見出しの作成方法 記事作成の基本！見出し作成や見出しについての記事です。 カテゴリーの作成とカテゴリーページ ...
AFFINGER6のデザインカスタマイズ
-
-
AFFINGER6のカスタマイズ方法-初心者向けガイド-
2024/11/21 AFFINGER6（アフィンガー６）, AFFINGER６デザインカスタマイズ
この記事ではAFFINGER6のカスタマイズ方法を初心者向けに詳しく解説しています。 デザインカードプラグインでサイトデザインを変更する方法 プラグインでサイトデザインを簡単に変更できるようになりまし ...