ep.23スマホでメニュー設定をしよう!

0からのワードプレス
この記事は約5分で読めます。
はるきち
はるきち

よーし!今回は

今まで作成した固定ページを

メニューとして設定して実際に

配置してみるよ〜!

新おっすー
新おっすー

今までいくつか

固定ページを作成したけど

何もサイト自体には

変化が無かったから

「どうなってんの?」

ってずっと思ってたよ!w

はるきち
はるきち

だよね!w

でも、今回で今までの苦労が

形として実るから

安心して!w

新おっすー
新おっすー

今回の為のずっと

伏線だったのか…w

はるきち
はるきち

そういう事!!w

それじゃ本題にいきまーす!

新おっすー
新おっすー

よろしくでーす!

メニュー設定

グローバルナビゲーションメニューって何?

グローバルナビゲーションメニューとは

webサイトにおいて

全てのページで

必ず表示され

主にヘッダー部分に表示される

メニューの事を指します!

グローバルナビゲーションメニューの呼び方

グローバルナビゲーションメニューって

長すぎて

呼んだり、書くには

めんどくさいですよねw

その為(おっすーはそう思うw)

呼び方にもいくつか種類があります!

  • グローバルメニュー
  • グロナビ
  • ナビゲーションメニュー
  • ナビゲーション
  • グローバルナビメニュー
  • etc…

言い出したらキリがないですね!w

このように、人やその時によって

呼び方が

多少変化するので

今まで1度も聞いた事がない

人からしたら

分かりにくい部分があるのかなぁ

と個人的には思っています!

新おっすー
新おっすー

こんがらがるから

なるべく統一してくれよ〜!w

メニューの表示場所の種類

↑の画像のように

ワードプレスにおいて

メニューの表示場所の種類は

テーマにより多少違いは出るものの

Cocoonの場合には全部で6箇所あります!

詳しくみていってみましょう!

ヘッダーメニュー&ヘッダーモバイルメニュー

赤枠内のこの部分が

ヘッダーメニュー、ヘッダーモバイルメニューの部分です!

ヘッダーモバイルメニューとは

その名の通り

スマホ、携帯電話の端末での

ヘッダーメニューということです!

ヘッダーモバイルボタン

上部赤枠の部分の事を

ヘッダーモバイルボタンと言います!

こちらもその名の通り

スマホ、携帯電話などの端末のみ

表示されます!

フッターメニュー

赤枠内の部分の事を

フッターメニューと言います!

主に、プライバシーポリシーや利用規約等

縁の下の力持ち的なページを

表示したりします!

フッターモバイルボタン

赤枠部分を

フッターモバイルボタンと言います!

個人的には、ヘッダーモバイルボタンより

フッターモバイルボタンの方が

使いやすいと思うので

こちらをオススメします!

モバイルスライドインメニュー

赤枠部分を

モバイルスライドインメニュー

と言います!

こちらもスマホ、携帯電話などのみ

表示されるメニューです!

基本的には、フッターモバイルボタン等の

メニューをタップすると

スライドインして表示される

メニューの事を指します!

デフォルトの状態だと

ヘッダーメニューの項目が

設定されている事が多いかな

と思います!

メニューの設定方法

それではこれまでに作成した

これら4つの固定ページを

各々のメニューに設定してみたいと

思います!

メニューの設定手順

ユーザー名またはメールアドレス、パスワードを入力して

ログインしましょう!

三メニュー(ハンバーガーメニュー)

タップしましょう!

外観をタップして

メニューをタップしましょう!

赤枠内、新しいメニューを作成しましょう。

タップしましょう!

メニュー名の部分には

メニューAなどの分かりやすいお名前を(これは表示されません)

そして、赤枠内

メニューを作成

タップしましょう!

項目が4箇所ありますが

今回は1番上の赤枠内

固定ページの部分に

今まで作成したものが表示

されています!

メニューAに、どの固定ページを

振り分けるか考え

チェックを入れた後

右下の赤枠内

メニューに追加をタップしましょう!

メニューAを赤枠内

6項目の内どこに設置するか

チェックして

右下のメニューを保存

タップして終了です!

まとめ

新おっすー
新おっすー

うおっ!!

今まで作成した固定ページが

メニューとして

サイトに表示されてる!

はるきち
はるきち

おめでとう〜!!

一気にwebサイト感が

出たでしょ!?

新おっすー
新おっすー

うん!!

今までの苦労が

すごい報われた気がする!w

はるきち
はるきち

これで俄然やる気出てきた?

新おっすー
新おっすー

めっちゃ出てきたよ!

よーし!

このままアドセンス審査まで

突っ走るぞ〜!

はるきち
はるきち

後は記事数増やして

アドセンス審査を

受けてみるだけだね!w

コメント

タイトルとURLをコピーしました