WordPress

ヘッダーにメニューを加える方法

投稿日:2017年1月9日 更新日:

WordPressではヘッダーに横長のメニューを割と簡単に加えることが出来ます。ちょっと機械的な作業っぽいですが、6つのステップを試してみてください。

*テーマによって、ヘッダーのデザインは多少異なります。

  1. 「外観」ー「メニュー」を選択します。
  2. 「新規メニューを作成」をクリックします。
  3. 「メニュー名」にお好きなメニュー名を英数で付けます。
  4. 「固定ページ」から「すべてを選択」します。
  5. 「メニュー構造」にすべての作成済みのカテゴリーがリストされます。
  6. 「メニュー設定」の「メニューの位置」の「ヘッダー用メニュー」にチェックマークを入れます。

一旦、『メニューを保存』ボタンをクリックして、実際のサイトでヘッダーに加えられたメニューを見てみましょう。

各項目をクリックするとカテゴリーにリンクされているのが確認できますね。
もし、リンクはそのままで、メニューに表示する項目名だけを変更したい場合は「メニュー構造」にある該当カテゴリーをクリックし、「ナビゲーションラベル」の名前を変更します。

メニューに表示したくない項目があれば、同じく「メニュー構造」の該当カテゴリーをクリックして、「削除」します。*カテゴリーは消えませんが、メニューに表示されません。

表示する項目の順番を変更するには「メニュー構造」の各項目をドラッグして入れ替えることが出来ます。

カテゴリー以外の項目をメニューに表示したい場合は、「カスタムリンク」で表示したい項目名とURLとを入れます。「ホーム」、「contact」などカテゴリーにはないもので、メニューに使いたい項目はありますよね。

*フッターにメニューを加えたい場合にも同じステップで、6.の「メニューの位置」で「フッター用メニュー」にチェックマークを入れます。テーマにより異なりますが、通常フッターメニューは小さく表示されます。

スポンサーリンク

-WordPress

関連記事

blog

CSS margin & padding の省略形

CSSのマージンとパディング marginとpaddingは-top, -bottom, -right, -leftと合わせて使いますが、省略形もありますね。 padding-top: 10px; p …

blog

自動でGoogleサイトマップ

SEO!! 昔(15年ぐらい前?)はマニュアルでSitemap.xmlを作成して、Googleに提出してたんですけど、もうそんな時代ではないのですね・・・ ***自動でGoogleサイトマップを作成し …

blog

テーマStingerで外観を変更する

アフィリエイターに人気のあるテーマを「Stinger8」に再変更する方法です。 Stinger8はコチラのリンクページからダウンロードします。http://wp-fun.com/dl/ stinger …

blog

All in One SEOでディスクリプションとMetaタグを追加

ブログ運営に当って、SEO対策は重量です。Google等の検索エンジンにかからなければ、ブログを公開しても誰も見てくれません。そこで、All in One SEO Packプラグインを使って、「ディス …

blog

スマホ表示の幅を修正する

なんて、アホなんやー!? 記事の幅を変更しようと、CSSをいじくっていたら、スマホ表示で幅が画面からはみ出てることに気づきました。スクロールで右にやると記事は全部あるのですが… 一行ごとのスクロールで …

Author Profile
こつこつインフォの筆者こつ子です。
いつも兀々やってます。
出版関係のグラフィックデザイナー。
趣味はWebsiteを作ること、ヨガ、犬と山歩き、フルーツ酒作り。
読んでくれてありがとう〜!
**ご意見はこちらへ**