1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

WordPress Output Advent Calendar 2022

Day 17

【WordPress】ナビゲーションメニューを設定する

Last updated at Posted at 2022-12-16

前回の記事

前回の記事では、ウィジェットの作成する方法を確認しました。

今回は、ナビゲーションメニューを設定をしていきます。

僕のAdvent Calendarを読み終わった人が、
「へぇ簡単なんだなぁ〜 自分もWordPress使ってサイト作ってみようかな〜」って思うあなたがそこにいたのなら、、、、
読むだけで、頭の中WordPress化しちゃったんだよッ!!!!

ナビゲーションメニューについて

ナビゲーションメニューとは、ヘッダーやフッターに配置して、訪問者にWebサイトのコンテンツをわかりやすく案内するツールです。
image.png

設定方法

外観>メニューを開いて、まずメニューのセット名をつけます。

メニューにタイトルを設定する

image.png
image.png
メニュー設定を見て分かる通り、固定ページを新規に作成した際に、自動的にナビゲーションメニューに追加することができます。

メニュー項目を追加する

メニュー構造が決まったら、メニューの中に、どんな項目を追加するかを決めていきます。
image.png
固定ページから表示するページを選択できます。
image.png
メニューに追加ボタンを押すと、メニュー構造の中に組み込まれます。
image.png
カスタムリンクは、任意のURLへリンクを貼ることができます。
image.png
image.png
このような形で、メニュー構造を確定しました。
この状態で、Webサイトを確認してみましょう。
image.png
選択したメニュー項目が並んでいることがわかります。

おわりに

今回の記事で、ナビゲーションメニューを設定しました。ここまで設定できれば、だいぶWebサイトとして形は様になっているはずです。
次回からは、さらに見栄え良く、訪問者が使いやすいサイトにしていく、設定やツールを施していきましょう。

1
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?