管理画面の投稿・固定ページの一覧をドラッグ&ドロップで並べ替えできるWordPressプラグイン「Nested Pages」

管理画面の投稿・固定ページの一覧をドラッグ&ドロップで並べ替えできるWordPressプラグイン「Nested Pages」

管理画面の投稿・固定ページの一覧をドラッグ&ドロップで並べ替えできるWordPressプラグイン「Nested Pages」

Nested Pagesは、管理画面上で投稿や固定ページの一覧をドラッグ&ドロップで並べ替えできるようになるWordPressプラグインです。

並べ替えだけでなく、一覧ページ上で空の子ページを作成したり、ページを複製することも可能です。

スポンサードリンク

Nested Pagesのインストール

インストール手順は以下の通りです。

  • Nested Pagesをダウンロードします。
  • ダウンロードしたファイルを展開し wp-content/plugins にアップロードします。
  • 管理画面の[プラグイン]ページで、Nested Pagesを有効化します。

Nested Pagesの設定

WordPress管理画面の[設定] – [Nested Pages]で、Nested Pagesの設定を変更できます。まずは、[General]タブで全般設定を行いましょう。

Nested Pagesの設定
Menu Name メニューの表示名
Display Options 表示設定
Menu Sync ナビゲーションメニューとの同期設定
Allow Page Sorting 管理者以外へのソートの許可
Reset Plugin Settings 設定のリセット
Reset User Preferences ユーザー毎に保存された階層の開閉状態をリセット

[Post Types]タブでは、Nested Pagesを有効化する投稿タイプを指定できます。デフォルトでは固定ページのみが有効化されているので、他の投稿タイプでも使いたい場合はチェックを入れます。

投稿タイプの選択

選択した投稿タイプの右側にある[Settings]をクリックすると、さらに詳細な設定を行えます。

投稿タイプ毎の詳細設定
Replace Default Menu デフォルトのメニューとNested Pagesのメニューを置き換え
Remove Default Link デフォルトメニューの非表示
Disable Sorting ソートの無効化
Disable Nesting ネストの無効化
Assign Page for Listing 選択したページに新規追加リンクと投稿数を表示
Display Thumbnails サムネイルの表示
Configure Standard Fields クイック編集から標準機能を除外
Sort Options ソートオプション

Nested Pagesの使い方

Nested Pagesを有効化した投稿タイプの一覧ページにアクセスすると、以下のように見た目が変わっています。

Nested Pagesを有効化

タイトルの左側にある三本線マークをドラッグ&ドロップすることで、好きな位置へページを移動できます。

ページの並べ替え

ページにマウスホバーすると、[Quick Edit(クイック編集)]や[View(ページの表示)]のリンクが表示されます。その横にあるメニューボタンをクリックすると、空の子ページを追加したり、ページを複製したりすることもできます。

子ページの追加やページの複製

テーマにも並び順を反映させる

テーマ内でWP_Query等で投稿一覧を表示させている場合にもNested Pagesの並び順を反映させるには、orderbyとorderのパラメータを追加します。以下のようにorderbyを”menu_order”、orderを”ASC”にすると、管理画面と同じ順番で並ぶようになります。

$args = array(
  'post_type' => 'post',
  'posts_per_page' => 10,
  'post_status' => 'publish',
  'orderby' => 'menu_order',
  'order' => 'ASC'
);
$wp_query = new WP_Query($args);

あとがき

投稿を並べ替えることができるプラグインといえば、以前にも「Post Types Order」や「Simple Page Ordering」を紹介しました。これらのプラグインは割とシンプルな機能でしたが、Nested Pagesは細かく設定できて高機能ですね。

ここまで複雑な機能は必要ないという場合は、Post Types OrderやSimple Page Orderingもぜひチェックしてみてください。

この記事が気に入ったら
いいね!してね♪

Twitter で
スポンサードリンク

関連記事

コメントを残す

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