家事・子育ての合間にブログ・アフィリエイト・メルマガで収入を得る!

WordPressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

miiko
WRITER
 
Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法
この記事を書いている人 - WRITER -
miiko
初心者さんのブログ運営をサポートしています。 Wordpress作成・ブログ記事の書き方・レポートや特典の作り方・メルマガ配信など、初心者さんの『困った(>_<)』をサポートします。
詳しいプロフィールはこちら

 

今回は、Wordpressのメニュー(ヘッダーナビ)の作成方法についてご紹介します。

 

グローバルメニュー

 

WordPressのメニューはヘッダーナビやグローバルナビとも言われ、ユーザーにサイト全体の構造をわかりやすくしたり、求めている情報を探しやすくしたりする役割があります。

 

グローバルナビがあることで、ユーザーが迷うことなく求めているコンテンツに辿り着くことができるだけでなく、あなたのブログをインデックスする際に、クローラーもスムーズに巡回しやすくなります。

SEO対策にもなりますね(*’▽’)

 

インデックスについては、こちらの記事でご紹介しています。

検索結果に表示されるために必要なインデックスとは?

 

 

では、メニュー(ヘッダーナビやグローバルナビ)を作成していきましょう。

 

 

メニュー(ヘッダーナビやグローバルナビ)の作成方法

 

管理画面の①【外観】から②【メニュー】を選択します。

 

 

 

新規メニューの追加

 

画面が切り替わったら、編集するメニューを選択の右にある

【新規メニューを作成】をクリックします。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

①【メニュー名】(わかりやすい名前)を入力します。

②【メニューを作成】をクリックします。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

新しいメニューが作成されました。

 

 

メニュー構造の追加

 

新しいメニューを作成したら、メニュー(ヘッダーナビ・グローバルナビ)に表示したいコンテンツを追加していきましょう。

固定ページ・投稿・カスタムリンク・カテゴリーの中の横のある▼をクリックします。

(ここでは固定ページから追加していきます。)

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

①メニュー(ヘッダーナビ・グローバルナビ)に表示したい【コンテンツにチェック】を入れ、②【メニューに追加】をクリックします。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

チェックを入れた項目が、追加されました。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

メニュー(ヘッダーナビ・グローバルナビ)の並び替え

 

次に、追加したコンテンツの表示順を並び替えしていきます。

ブログの表示画面では上にあるコンテンツから順に左から表示されます。

 

一番上にある『お問い合わせ』を一番下(表示画面で右端)に並び替えしていきます。

並び替えをするには、移動させたいコンテンツをクリックして、移動させたい場所までドラッグ&ドロップします。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

その他のコンテンツも、同様の方法で並び替えをしてください。

 

 

並び替えのもう一つの方法として、移動させたいコンテンツ横の▼をクリックし、移動横の

『ひとつ下へ・ひとう上へ』でも、並び替えをすることができます。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

こちらの方法は、ひとつずつの移動になるので、個人的にはドラッグ&ドロップのほうが早いかなぁと思います。

 

 

メニュー(ヘッダーナビ・グローバルナビ)の設定

 

メニューの追加と並び替えが済んだら、ブログに表示させましょう。

メニュー設定の①【 】にチェックを入れ、②【メニューを保存】をクリックします。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

これで、ブログ上部(ヘッダー部分)に、メニュー(ヘッダーナビ・グローバルナビ)が表示されます。

 

 

画面左上の【ライブプレビューで管理】をクリックして、表示を確認してみましょう。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

メニュー(ヘッダーナビ・グローバルナビ)が表示されていますね。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

この、ライブプレビューで管理右のメニューからも、メニューの編集が可能です。

 

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

プレビュー(カスタマイズ)画面での設定方法

 

プレビュー画面での設定は、操作するごとにプレビューに反映されるため、ブログ画面を確認しながら操作することができます。

 

プレビュー画面で設定するには、管理画面の①【外観】→②【カスタマイズ】から行うことができます。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

メニューの作成や、追加・並び替えの方法は先ほどと同じです。

【メニュー】をクリックします。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

■メニューの新規作成

【メニューを新規作成】から、新しいメニューを作成できます。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

■メニューの並び替えと設定

編集したいメニューを選択し、編集します。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

先ほど同様、ドラッグ&ドロップして、並び替えができます。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

全ての編集が済んだら、画面上に戻り【公開・下書きとして保存】をクリックし保存します。

Wordpressにメニュー(ヘッダーナビ・グローバルナビ)を作成する方法

 

 

 

まとめ

 

メニュー(ヘッダーナビ・グローバルナビ)は設置できましたか?

 

見やすさ・探しやすさなど、ユーザーの利便性を考えると、メニュー(ヘッダーナビ・グローバルナビ)は、欠かせないものですよね。

 

WordPressは同じ操作をする画面や、操作画面に辿り着くまでの道順が複数あるため、慣れるまでは迷路のようでややこしいですが、慣れてしまえば、それが便利だったりします。

 

【外観】→【メニュー】

【外観】→【カスタマイズ】

どちらでも、メニューの設定が行えますので、操作しやすい画面を選んでメニュー(ヘッダーナビ・グローバルナビ)を作ってみてください(*’▽’)

 

 

 

最後までご覧いただきありがとうございます。

ポチッと応援してもらえると嬉しいです(*'▽')

このエントリーをはてなブックマークに追加 ブログランキング・にほんブログ村へ

 

メルマガ登録

 

 

この記事を書いている人 - WRITER -
miiko
初心者さんのブログ運営をサポートしています。 Wordpress作成・ブログ記事の書き方・レポートや特典の作り方・メルマガ配信など、初心者さんの『困った(>_<)』をサポートします。
詳しいプロフィールはこちら

- Comments -

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Copyright© みーこの自宅でネットビジネス , 2018 All Rights Reserved.