WordPressのナビゲーションメニュー

スポンサーリンク
Pocket

 

ナビゲーションの設定方法

最初にWordPressの管理画面から「外観」⇒「メニュー」と進みます。

メニューの設定画面になります。初期状態だと下図のようになっています。

不要な「サンプルページ」を削除します。「サンプルページ」という項目の右端に小さな「▼」マークがあります。これをクリックするとさらにメニューが開きます。開いたら削除をクリックします。

これで不要なページが削除されますが、このままだと反映されません。ここで一度画面の右の「メニューを作成」をクリックします。

メニュー設定という項目が開きますので、「メインメニュー」にチェックを入れて「メニューを保存」をクリックします。これで反映されます。

次に新しく項目を追加してみます。左側の項目に「固定ページ」「リンク」「カテゴリー」という項目があり、小さな「▼」マークがあります。

 

ここからメニューに追加するページを選ぶ事ができます。

  • 固定ページ:固定ページを追加する
  • リンク:特定のページ(投稿)へのリンクを追加する
  • カテゴリー:カテゴリーへのリンクを追加する

特定のページ(投稿ページ)へのリンクを例にやってみます。「リンク」と言う項目の右の▼をクリックしてメニューを開きます。

ここにリンク先のURLと表示する「リンクテキスト」を入力します。次に「メニューに追加」をクリックするとメニューに追加する事ができます。このやり方は「固定ページ」でも「カテゴリー」でも同じです。

追加されたメニューの位置を変更したい場合はドラッグ&ドロップで並びを変更する事もできます。追加したメニューをさらに編集したい場合は最初と同じように追加した「テスト」という項目の右の小さな「▼」をクリックして細かい修正をする事ができます。

 

「ナビゲーションラベル」がメニューバーの表示するテキスト。「タイトル属性」が説明文のような物です。これが基本的な部分ですが、もう一つ重要な部分として、この追加したメニューに親子関係を決める事ができます。

追加したメニューをドラッグ&ドロップで右にずらすと「サブアイテム」と表示されます。

これで「メニューを保存」をクリックすると「ホーム」という部分にカーソルを合わせるとサブメニューが開き、この「テスト」という項目が表示されるようになります。

 

スポンサーリンク

コメントを残す

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

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