AFFINGER5

【AFFINGER5】ヘッダー用メニュー(横列)の設定や文字色を変える方法

【AFFINGER5】ヘッダー用メニュー(横列)の設定や文字色を変える方法

 

AFFINGER5(アフィンガー5)のPC版ヘッダーメニューについて、この記事のようなロゴの下に表示する見た目ではなく、ロゴの横に表示することができます。

ヘッダーメニュー(横列)の画像

 

こんな感じ↑

 

当記事では、PC版のヘッダーメニューをロゴの横に表示するために必要な「ヘッダー用メニュー(横列)」の設定方法について、これから詳しく解説させていただきます。

また、意外と知られていない「ヘッダー用メニュー(横列)の文字色を変更する方法」についても合わせてご紹介するので興味のある人はぜひ最後まで読んでみてください。

 

早速記事を見てみましょう!

 

AFFINGER5ヘッダー用メニュー(横列)の設定方法

EWWW Image Optimizerのインストール方法

 

AFFINGER5ヘッダー用メニュー(横列)の設定方法は下記の手順通りに進めれば設定ができます。

 

ヘッダー用メニュー(横列)の設定方法

  1. 「アフィンガー管理」→「メニュー」をクリック
  2. メニュー設定の項目の2箇所をチェック
  3. 「外観」→「メニュー」をクリック
  4. 新しいメニューを作成する
  5. メニュー名とメニュー位置を設定する
  6. メニュー項目を設定する

 

詳しい流れを画像つきで解説しますね。

 

トモキ
画像の通りに設定をしていけば誰でも簡単・確実に設定できますよ。

 

step
1
「アフィンガー管理」→「メニュー」をクリック

「アフィンガー管理」→「メニュー」をクリック

まずは管理画面より「アフィンガー管理」→「メニュー」の順番でクリックしてください。

 

step
2
メニュー設定の項目の2箇所をチェック

メニュー設定の項目の2箇所をチェック

次は、上の画像を参考に、メニュー設定の中の項目2つにチェックを入れてください。

  • PC用メインメニューを表示しない
  • ヘッダー用メニュー(横列)を有効化(960px以上)

 

step
3
「外観」→「メニュー」をクリック

「外観」→「メニュー」をクリック

次は、管理画面左側の「外観」→「メニュー」の順番でクリックしましょう。

 

step
4
新しいメニューを作成する

新しいメニューを作成する

画面が変わったら、上の画像を参考に「新しいメニューを作成する」をクリック。

 

step
5
メニュー名とメニュー位置を設定する

メニュー名とメニュー位置を設定する

メニュー名とメニューの位置を設定しましょう。

  • メニュー名は自由でOK
  • メニュー位置は「ヘッダー用メニュー(横列)」にチェックが入るよう設定

ここまでできたら、一度「メニューを保存」のボタンをクリックして保存して下さい。

 

step
6
メニュー項目を設定する

メニュー項目を設定する

ここまで進むと、左側の「メニュー項目を追加」が設定できるようになっているはずです。
カテゴリーや固定ページなどメニューに表示したいものを設定し「メニューを保存」をクリックしましょう。

 

あとはサイトを確認し、メニューがしっかりと横列表示になっていれば成功ですよ。

 

 

AFFINGER5のヘッダー用メニュー(横列)の文字色を変える方法

 

AFFINGER5のヘッダー用メニュー(横列)の文字色を変える方法はとっても簡単!

 

【 外観 → カスタマイズ → 基本エリア設定 → ヘッダーエリア → 「電話番号とヘッターリンク」の箇所を設定 】

 

この手順で設定をすればOKです。

 

AFFINGER5のヘッダー用メニュー(横列)の色を変える方法

 

ヘッダーメニューなんだから、【 外観 → カスタマイズ → メニューのカラー設定 】で設定すればいいと思いがちですが、ちょっと普通ではない場所で設定ができるのでわかりにくいですよね。

 

AFFINGER5のヘッダー用メニュー(横列)の設定方法はこれで以上!
続きでは、今後また何かしらの設定で困った時に悩まず解決できる対処法を説明していきますね。

 

AFFINGER5のカスタマイズに困った時の対処法

 

AFFINGER5は、設定が難しかったり解決方法を調べてもなかなかわからず困ることもあるかと思います。
そこで、ここからは「AFFINGER5で困った時に解決する方法3点」を紹介させて頂きますね。

 

カスタマイズに困った時の対処法

  1. 公式マニュアルをみる
  2. 誰かにきく
  3. 「設定お悩み解決サービス」を利用する

 

カスタマイズに困った時の対処法その①公式マニュアルをみる

 

AFFINGER5は公式より設定方法などがまとめられたマニュアルサイトがあります。
基本的な設定内容はこの公式マニュアルにだいたい書かれているので、まずは公式マニュアルをチェックしてみるといいですよ。

 

公式マニュアルの確認方法はアフィンガー5(AFFINGER5)のマニュアル確認方法という記事で詳しくまとめているので、こちらを参考にしてください。

CHECK!!
【設定でお困りの方へ】アフィンガー5(AFFINGER5)のマニュアル確認方法を紹介
【設定でお困りの方へ】アフィンガー5(AFFINGER5)のマニュアル確認方法を紹介

続きを見る

 

 

カスタマイズに困った時の対処法その②誰かにきく

 

一番簡単に解決する方法はこれです。
AFFINGER5を使っていて、なおかつちょっと詳しい人に聞くと簡単に解決する可能性が高い。

 

トモキ
お仕事や趣味とかでも、詳しい人に聞くのが一番わかりやすいし解決もしやすいですよね。

 

ただ「AFFINGER5に詳しい方が見つからない」という大きな問題があります。
ということで、AFFINGERユーザーが見つからなく質問できないという方は、次の項目の対処法をどうぞ。

 

 

カスタマイズに困った時の対処法その③「設定お悩み解決サービス」を利用する

 

AFFINGER5設定お悩み解決サービスとは、設定でわからないところがあったり困っていることがあったときに、私宛に連絡をくれれば内容を確認して解決方法をお伝えするサービスです。

 

AFFINGER5に詳しい知り合いがいない方は、私に頼ってください!

 

ちなみに、カスタマイズについて詳しくなり頑張っていたら公式サイトに紹介された実績があったり、

アフィンガー公式サイトに掲載された証拠

 

過去に設定関連で質問にお答えし解決してきた実績もあります。

初期設定サポートの回答DM

 

トモキ
設定に関して大体のことは解決できる自信があります。

 

ただ、質問については少額ですが料金をいただいております。
(本業が忙しく、プライベートの時間を削ってでも質問に答えたりしているため、お時間や手間に対する対価をもらうようにしております...)

 

詳しい内容や料金についてはAFFINGER5(アフィンガー5)の設定お悩み解決サービスについての記事でまとめているので、こちらで確認をお願いいたします。

 

CHECK!!
AFFINGER5(アフィンガー5)の設定お悩み解決サービスについて
AFFINGER5(アフィンガー5)の設定お悩み解決サービスについて

続きを見る

 

以上、AFFINGER5のカスタマイズに困ったときは、当記事で紹介した

  1. 公式マニュアルをみる
  2. 誰かにきく
  3. 「設定お悩み解決サービス」を利用する

をお試しください。

 

当記事が参考になれば幸いです。

 

-AFFINGER5
-

Copyright © TOMOKIBLOG , All Rights Reserved.