Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressのページをドラッグ&ドロップで整理・並べ替えする方法

WordPressの初期設定では、バックエンドの管理画面でもサイトのフロントエンドでも、ページはアルファベット順に表示されます。しかし、別の順番にしたい場合は、自分で変更する必要があります。

WordPressにはビルトインでこれを行う方法がいくつか用意されているが、最もシンプルな方法ではないと思う。私たちは、ドラッグ&ドロップ機能でページの並べ替えをより簡単にするプラグインを見つけました。

この投稿では、ドラッグ&ドロップ機能を使ってWordPressのページを整理したり、並び替えたりする方法を紹介します。

How to Organize or Reorder WordPress Pages With Drag and Drop

WordPressページの並び替えが必要な場合

メニュー項目の並べ方が決まっている場合は、WordPressのページを並べ替える必要があるかもしれません。例えば、あなたのブログに「Start Here」ページがある場合、おそらくそれを最初のメニュー項目のひとつにしたいでしょうし、最後の項目にはしたくないでしょう。

こうすることで、新規訪問者は簡単に見つけることができ、WordPressサイトについて詳しく知ることができ、より効率的にナビゲートすることができます。

The Start Here menu item in WPBeginner's menu

WordPressで新しいページを作成すると、自動的にアルファベット順に並べられます。これは、公開日: に基づいてリストされるブログ投稿とは異なります。

ですから、すでに「会社概要」、「ブログ」、「お問い合わせ」などのページがあり、「Start Here」ページを追加する場合、そのページはメニューの最後に表示されます。

WordPressのページを整理するもうひとつの理由は、ページの重要度や編集頻度に基づいてグループ分けしたい場合です。こうすることで、管理エリアから重要なページを素早く見つけて更新することが簡単になります。

WordPressサイトのページの順番を変更したい場合は、このまま読み進めてください。ドラッグ&ドロップで簡単にできる4つの方法をご紹介します。

下のクイックリンクから読みたいセクションにジャンプできます:

注: このチュートリアルではWordPress.comではなくWordPress.orgを使用しています。いくつかの方法はWordPress.comでも使えますが、無料版を使用している場合、最初の方法ではプラグインを使用できません。

WordPress.orgとWordPress.comの違いについては、比較表でさらに詳しくご覧いただけます。

方法1:シンプルなページ順序でWordPressのページを整理する(プラグインによる方法)

最初の方法は、Simple Page Orderingを使うことです。この無料プラグインは、WordPressのページを並べ替えることができるドラッグ&ドロップ機能を有効化することができ、ページ属性を持つカスタム投稿タイプにも対応しています。

整理するページが多い初心者の方には、この方法をお勧めします。

まず、管理エリアにWordPressプラグインをインストールし、有効化する必要があります。有効化したら、ページ ” すべてのページに移動します。ページのリストにマウスオーバーすると、カーソルが4つの矢印のアイコンに変わり、WordPressのページをこのように並べ替えることができます:

Reordering WordPress pages with Simple Page Reordering

方法2:注文ページ属性を変更してWordPressページを並べ替える(プラグインなし)

WordPressのページを並べ替えるもう一つの方法は、ページ属性設定で各ページの順番番号を調整することです。ただし、この方法は各ページを個別に編集する必要があるため、ページ数が少ない場合にのみお勧めします。

WordPressダッシュボードで、ページ ” すべてのページに移動します。そして、「クイック編集」をクリックします。

Clicking the Quick Edit button in the WordPress Pages page

その後、「Order」(「Template」ドロップダウンメニューの上)が表示されます。初期設定では、すべてのページの順番は「0」になります。

ページの優先順位を正しく設定するには、各ページに固有の番号を割り当てるようにしてください。例えば、7つのページがあり、‘Home’ページを最初にしたい場合は、その順番を’1’に設定します。次の優先順位が「Start Here」ページなら、その順番は「2」、といった具合です。

数字が小さいほど優先順位が高くなります。どのページも’0’を使ってはいけません。なぜなら、WordPressがそのページを管理エリアとナビゲーションメニューで最初に表示させるからです。

更新が完了したら、「更新」ボタンをクリックします。

Changing the page order with quick edit in WordPress

これが、最初の方法で紹介したSimple Page Orderingプラグインが実際に行っていることです。ページを並べ替えると、プラグインは自動的に順番の番号も変更します。

Gutenbergブロックエディター内でもページの順番を変更することができます。ページ」サイドバーで、「ページ属性」セクションまでスクロールダウンしてください。

ここでは、注文番号を変更したり、必要に応じてページを親ページのサブページとして割り当てることができます。番号を挿入したら、「更新」または「公開」ボタンをクリックしてください。

Changing a page's order in the Page Attributes settings inside the block editor

1と2の方法を実行すると、ナビゲーションメニューにもページの順番が反映されるはずです。しかし、そうならない場合は、3か4の方法を試してみてください。

方法3:フルサイトエディターでWordPressのメニュー項目を整理する(ブロックテーマ)

WordPressのブロックテーマを使用している場合、フルサイトエディターでWordPressのページをメニューで整理することもできます。

まず、WordPressのダッシュボードから外観 ” エディターに アクセスします。

Selecting the Full-Site Editor from the WordPress admin panel

フルサイト編集サイドバーに選択できるメニューオプションのリストが表示されます。

ナビゲーション」をクリックするだけで、WordPressのページをナビゲーションメニューで整理することができます。

Selecting the Navigation button in Full Site Editor

次のページでは、すべてのページのリストが表示されます。

ナビゲーションの隣にある鉛筆の「編集」ボタンをクリックします。

Clicking the Edit button to modify the navigation menu with Full Site Editor

メニュー」ブロックをクリックして、ブロックツールバーが表示されるようにしてください。

その後、「編集」ボタンをクリックする。

Editing the page list block in Full Site Editor

公開するすべてのページを自動的に表示するバージョンから、「ページ一覧」ブロックを切り離すかどうかを尋ねるポップアップが表示されます。こうすることで、リスト内のページを追加、削除、並べ替えすることができます。

続けて「Detach」をクリックする。

Detaching the page list block from the navigation menu in Full Site Editor

あとはブロック内のメニュー項目をクリックするだけ。

次に、ツールバーの右矢印と左矢印を使用して、ページの順序を並べ替えます。

Reordering the page list using the toolbar in WordPress Full Site Editor

ブロック設定のサイドバーでも、メニュー項目の横にある3点ボタンをクリックすれば、同じことができる。

すると、項目を上下に移動したり、サブメニューを追加したり、メニューからページを削除したりするオプションが表示されます。

Reordering the WordPress pages in the block settings sidebar using the Full Site Editor

メニューの見た目に満足したら、「保存」ボタンをクリックします。

方法4:メニューエディターを使ってWordPressのメニュー項目を並べ替える(クラシックテーマ)

クラシックWordPressテーマを使用している場合、メニューエディターを使ってメニュー内のWordPressページを再編成することができます。

まずは外観 ” メニューから 始めましょう。まだメニューを作成していない場合は、WordPressでナビゲーションメニューを追加する方法のガイドをお読みください。

メニュー項目を並べ替えるには、このようにページをドラッグ&ドロップすればいい:

Dragging and dropping menu items in the WordPress Menu Editor

あるいは、メニュー項目の矢印記号をクリックすることもできる。

すると、ページを上、下、上、または親ページの下に移動するオプションが表示されます。

Rearranging the menu structure in the WordPress Menu Editor

メニュー構成に満足したら、「メニューを保存」をクリックするだけです。

ボーナス:WordPressブログのホームページで投稿日を並び替える方法

WordPressのページの並び替えについてはすでに説明しましたが、ブログの投稿の並び替えはどうでしょうか?

WordPressサイトにブログページがある場合、その投稿が自動的に時系列逆順(新しい投稿から新しい投稿へ)に並んでいることに気づくかもしれない。

これは、ユーザーがあなたの最新のコンテンツを見ることができるので、初期設定ではすでに良い設定になっています。しかし、特別なイベントを宣伝するときなど、特定の投稿を常に強調表示させたい場合もあるでしょう。

このような場合は、WordPressでブログ投稿の順番を簡単に変更する方法をステップバイステップでご紹介します。

このチュートリアルでは、投稿タイプオーダープラグインを使用し、functions.phpファイルにコードを追加する方法から、WooCommerceを使用して商品ページを再編成する方法まで、WordPressの投稿を再編成するいくつかの方法について説明します。

この投稿が、ドラッグ&ドロップでWordPressのページを整理したり並べ替えたりする方法を学ぶのに役立てば幸いです。高コンバージョンのランディングページの解剖学と WordPressで最高の人気投稿プラグインに関する専門家の洞察記事もご覧ください。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

15件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Dennis Ras

    Thanks for this handy plugin. How do I move pages around from the second “page” on the page menu? Only 25 page entries show on the firs “page” and I need to move a page from the second “page”.

    • WPBeginner Support

      You would want to use the screen options in the top right to increase the number of posts listed to allow you to move that post between the pages :)

      管理者

  3. ELizabeth

    I’m new to using wordpress, I’m trying to organize all my pages but the drop down that should say parent is missing. Is there a plugin I need to download? I have been using elementor to create my pages, could that be causing the issue?

    • WPBeginner Support

      Possibly, you would want to reach out to Elementor’s support to see if this is a known issue.

      管理者

  4. Ken Weatherford

    This is exactly what I was looking for. The order of pages in the admin Pages was driving me nuts. I had many pages I may not use for now, but my actual site pages were buried in five lists of pages…over 92 pages.

    This plugin is the bomb!

  5. Trevor

    Perfect and thanks.

  6. M. Ramirez

    Regarding the answer that says “you cannot put posts in a menu. However, you can put posts in categories and then put each category as a menu item in your navigation menu”… can I use a post as a menu entry within a menu item?

  7. M. Ramirez

    If I change the order of a page, does the url of the page change? Do I need to work on redirecting my pages so that they can be found on search engines?

  8. Robin

    Hi could someone on staff direct me to an article (if one exists) that will help me find a plugin to organize my posts better. I don’t even know what to search for in my plugin search box, but basically I want to have several items on my menu such as
    cuisine, travel, crafts, etc.
    Then when I create a blog post relevant to that menu topic, I want to post it under that menu title. I was wondering is it possible to not only do this, but also put the post on a main feed on the front page as well? So the post would show up under the menu area and also the main feed.
    I’ve seen other blogs that do this on their sites to some degree, however I’m on the “shoe-string” budget plan right now and need to figure out a way to NOT hire a developer to do this for me.
    Any help would be fantastic…
    Thanks so much!

    • WPBeginner Support

      You cannot put posts in a menu. However, you can put posts in categories and then put each category as a menu item in your navigation menu. For example, you can see how added categories in the menu under blog. Simply go to Appearance » Menus and then click on categories tab in the left hand column to expand it. Select a category you want to add to the menu and save your menu. Now create a new post and file it under that category. Hope this helps.

      管理者

  9. tinalear

    This video is completely useless to me because it jumps right in saying “we’ll go to the “plugins” and bla bla bla” HOW DO YOU GET TO THE PLUGINS ? My wordpress site doesn’t have it. Totally frustrating.

  10. dlockguitarstudio

    I updated to the new WP version, and installed simple page ordering. I’ve also logged out/back in. There’s no handle to drag/drop in pages, and I can’t reorder in page attributes either. What to do?

  11. John

    Another great plugin is WorderbyPress

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。