ナナピコのアフィリエイトと旅行記ブログ。

世界中いつでも好きな場所で仕事出来たらいいなと夢見る30代主婦のライフブログ。これまで行った旅行の記録&サイト運営・アフィリエイトの記録など。

ワードプレス アフィンガー アフィリエイト テーマ カスタマイズ

アフィリエイト関連 アフィンガー

【アフィンガー】テーマ反映したらまずはメニュー設定をした方が良い。

投稿日:

前記事のヘッダー画像どーん!と加えてもう一つ、テーマ反映して おや?と思うところがありました。

それはメニューです。

各メニューの設定をしないと表示がちょっと変。

前のテーマの時は、メニューを1つ作成し、ヘッダーにのみ反映させていました。

その状態でアフィンガー4を反映させたところ、各所のヘッダフッタメニューがこんな表示に。

↓PCヘッダーはまあ普通です。
アフィンガー メニュー設定

↓PCフッター 唯一の固定ページであるprofileのみ表示されてる。なぜ・・
アフィンガー メニュー設定

↓スマホ上部。右上の緑の四角をタップするとメニューが出るのですがここもなぜかprofileだけ表示されてました。
ワードプレス アフィンガー メニュー設定

↓スマホ下部。ここもPCフッターと同様、唯一の固定ページであるprofileだけが・・・
ワードプレス アフィンガー メニュー設定

だいぶ、「?」な状態でしたので早速直してみました。

「外観→メニュー」内で各メニューを作成する。

アフィンガー4では

  • ヘッダーメニュー
  • フッターメニュー
  • サイド用メニュー

と、さらにスマホ用の

  • ヘッダーメニュー
  • ミドルメニュー
  • フッター用メニュー

があり、それぞれきちんと設定しないと表示がおかしくなるようです。

まずは他のテーマの時と同様に、メニューを作ります。

私の場合は、PCやスマホのメインメニュー用に1つ、スマホのミドル&フッター用にもう1つ、合計2つ メニューを作りました。

外観→メニューを選択。
ワードプレス アフィンガー メニュー設定
ここでメニューに入れたい項目を作ります。
ワードプレス アフィンガー メニュー設定
メニューが完成したら、そのメニューをどこに表示するのかをチェックボックスに入れます。
ワードプレス アフィンガー メニュー設定

で、保存すればオッケー!!

・・・と思ったら、あれ?反映されてない。

これだけだとPCは反映されたのですがスマホのミドルメニューやフッターメニューが全く変わっておらず。

なんで〜!?と思ったら。

アフィンガーではAFFINGER4管理内でも、メニュー設定をしないといけなかったのです。

AFFINGER4管理 メニューでも設定を確認する。

AFFINGER管理内に、メニュー設定という項目があります。
ワードプレス アフィンガー メニュー設定
ここで、以下にチェックボックスを入れるとスマホのアフィンガーオリジナルのメニューが反映されます。
ワードプレス アフィンガー メニュー設定

晴れて各メニューがいい感じに!

上記設定完了し、各メニューが以下のように完成しました〜!

PCヘッダー
アフィンガー メニュー設定

PCフッター
ワードプレス アフィンガー メニュー設定

スマホTOP。右上の四角をタップするとこれが表示されます。
ワードプレス アフィンガー メニュー設定

スマホミドル。ちょっとうるさいので、このあと項目を4つに変更しました。
ワードプレス アフィンガー メニュー設定

スマホフッター。一番下に表示されている4つの項目のやつです。ミドルと同じメニューを使用しています。
ワードプレス アフィンガー メニュー設定

なんだかスマホフッターのデザインだけサッパリした感じですけども。

概ね満足な感じになりました〜!

-アフィリエイト関連, アフィンガー
-, ,

Copyright© ナナピコのアフィリエイトと旅行記ブログ。 , 2017 AllRights Reserved Powered by AFFINGER4.