好きなことをコツコツ情報発信していくブログ

パソコン

【初心者向け】WordPressでブログのメニューを作成する方法

投稿日:

初心者 WordPress ブログ メニュー 作成

こんにちは!はなこです。

ブログを始めて約1年が経ちました。

はなこ
そうだ!ブログを始めてみよう!

そんな軽いノリで始めてみたは良いものの、思いのほかWordPressの設定作業が難しく…。

そもそもブログを書き始めるまで、長い月日が経ってしまいました。

ブログを始めてみて、一番最初に悩んだのがブログのメニューを作成すること」

ネットを調べると色々情報はあるのですが、どうもこういう世界に苦手意識があるせいか今一つピンと来ず…。

カメの歩みながらなんとか作成することができました!

今となってはかなり初歩的なところですが、そんなところさえ初心者には悩ましいところなのです。

ということで、この記事ではWordPressブログでメニューを作成する手順を紹介していきたいと思います。

 

そもそもブログのメニューって?

 

 

当ブログ「今日の歩幅」を見てみると、ブログの下の方のこんなところに表示されているものです。

 

メニューにはどんなものが必要なの?

「必ずこれを用意すべし!」と言うものは特にありません。

サイトによって様々ですが、一般的なブログではこんな顔ぶれをよく見かけます。

トップページ

ホーム画面に戻るためのリンクです。

トップページは ”ブログの顔” !!

ある記事を読んだ後に

ぽん吉
これってどんなブログなんだろう?

そう思った人が ”ブログの顔” に移動するために大事なリンクです。

 

お問合せ

ブログの読者が、そのブログの管理人にメッセージを送るためのページです。

ぽん吉
このブログ面白いですね!
うし
この記事のこれってどういうこと?

メッセージを送る人も、メッセージの内容も様々です。

 

サイトマップ

サイトの構成を表すものです。

このブログにはどんなカテゴリの記事があるのか一目で判断することがあります。

ぽん吉
フムフム。「子育て」「旅行」「おでかけ」ね。
はなこ
そのサイトを表した地図みたいなものですね!

 

プライバシーポリシー

プライバシーポリシーは、個人情報などの取り扱いについて記された文章のことです。

はなこ
いただいた個人情報は○○以外に使用しません!

ざっくりと、こんな雰囲気の文章です。

 

実際にメニューを作ってみる

メニューを作るステップは大きく以下の通りです。

  1. 固定ページを作成する
  2. メニュー構造を作成する
  3. メニュー項目を追加する
  4. メニュー設定をする
  5. メニューを保存する

では一つずつ手順を見てみましょう!

 

固定ページを作成する

WordPressの左側のメニューの中から「固定ページ」をクリックします。

固定ページの記事一覧が表示されますので、「新規追加」をクリックします。

お問合せ、サイトマップ、プライバシーポリシーは既に作成していましたので、今回はここに「プロフィール」を追加していきます。

 

タイトルに「プロフィール」と入力し、本文に自己紹介文を自由に入力します。

自己紹介文を入力したら、右側の「公開」ボタンをクリックします。

 

固定ページの記事一覧に「プロフィール」が追加されました!

 

メニュー構造を作成する

WordPressの左側のメニューの中から「外観」を選択し「メニュー」をクリックします。

 

「メニュー構造」の「メニュー名」に「メニュー1」と入力し、「メニューを作成」ボタンをクリックします。

ここではメニュー名を「メニュー1」としていますが、WEB上に公開されるものではありませんので、どんな名前でも構いません。

 

「メニュー1」のメニュー構造が作成されました!

 

メニュー項目を追加する

「メニュー項目を追加」欄の固定ページの中から、ブログのメニューに表示させたいものにレ点をつけます。

今回は、プライバシーポリシー、プロフィール、お問合せ、サイトマップのすべてにレ点をつけました。

レ点をつけたら、「メニューに追加」ボタンをクリックします。

 

「メニュー1」のメニュー構造の中に、レ点をつけた固定ページが表示されました。

 

ブログのメニューは、メニュー構造に表示されている一番上から順に表示されます。

並び順を変えたい時は、メニュー構造の中から移動させたいメニュー名を選択し、ドラッグすることで並び順を変更することができます。

ここでは、プロフィール、サイトマップ、プライバシーポリシー、お問合せの順に、順番を並び替えました!

 

さらに、ブログのメニューには必須!のトップページも追加していきます。

「メニュー項目を追加」欄の「カスタムリンク」右の「▼」をクリックして、カスタムリンクの設定欄を表示させます。

 

「URL」にブログのトップページのURLを入力し、「リンク文字列」に「トップページ」と入力して「メニューに追加」ボタンをクリックします。

 

「メニュー1」のメニュー構造の中にトップページが追加されました!

 

トップページはブログのメニュー内で先頭に表示させたいので、順番を変更しました。

 

メニュー設定をする

「メニュー設定」欄から、パソコンとスマホでそれぞれ設定したいメニュー位置を選択し、レ点を入力します。

私は、「ヘッダー用メニュー」、「フッター用メニュー」、「スマートフォン用メニュー」、「スマートフォンフッター用メニュー」を選択しました。

メニューを保存する

「メニューを保存」ボタンをクリックします。

画面上部に「メニュー1を更新しました。」というメッセージが表示されます。

はなこ
ブログのメニュー作成が完了しました!

 

最後に

いかがでしたでしょうか?

ブログを構成するもののなかでもかなり重要なのが「メニュー」

一度作成してしまえばそんなに難しくないのですが、初心者にとっては大変なんですよね。汗

まだまだあんな機能やこんな機能でブログをカスタマイズしていきたい!という熱い思いや構想はあるものの、分からないことだらけで、進捗がまぁ遅い遅い…。汗

カメの歩みでも一つひとつ調査してやっていくしかありません!精進あるのみですね。

この記事が少しでも私のような初心者ブロガーさんのお役に立てば幸いです。

 

-パソコン

Copyright© , 2020 All Rights Reserved.