LoginSignup
2
2

More than 5 years have passed since last update.

【WordPress】固定ページの親子関係をサイドバーに表示

Posted at

【WordPress】固定ページの親子関係をサイドバーに表示

固定ページの親子関係を利用するとコンテンツに階層構造を持たせることが出来る。
こちらの使い方をメモ。

今回はこちらの右サイドバーの赤枠部分に親子関係を持った固定ページの目次的なのを表示したい。
サイドメニュー前表示_赤枠.png

・まず親ページを作成。
親ページ (1).png
サイドバー表示時の挙動を考慮して順序を100と設定。

・次に子ページを作成。これを長男とする。
子ページ長男 (1).png
こちらは順序を110とする。

・次も子ページを作成。これを次男とする。
子ページ次男 (1).png
こちらは順序を120とする。

・最後に孫ページを作成。
孫ページ (1).png
こちらは順序を111とした。

・次にサイドバーの設定をする。
管理メニューの外観から、ウィジェットを選択。
サイドバー (1).png
ウィジェットの固定ページをサイドバーに持って行き、並び順を「ページ順序」に設定し、保存。

・サイトを表示するとサイドバーに先ほど設定した固定ページの親子関係が出現。
親子関係に従ってインデントされてますね!
サイドバー表示赤枠.png

並び順は投稿時に指定した「順序」に従っています。

2
2
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
2
2