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で投稿やページごとに異なるサイドバーを作成して表示する方法を紹介する。

How to Display Different Sidebar for Each Post and Page in WordPress

WordPressで異なるサイドバーが必要な場合とは?

多くのWordPressテーマには、便利なウィジェットやコンテンツを追加できるサイドバーが初期設定されています。例えば、多くのサイトではサイドバーに検索バーを追加したり、最近の投稿のリストを表示したりします。

WordPressテーマにサイドバーがある場合、初期設定では投稿日、ページ、カテゴリー、アーカイブページすべてで同じように表示されます。

しかし、特定のWordPress投稿日やページで異なるサイドバーウィジェットを表示したい場合があります。

例えば、人気投稿のサイドバーに異なるコンテンツを表示したり、特定のページに関連性の高い広告を表示したりすることができます。

ページのコンテンツによってお問い合わせフォームを使い分けることもできる。

それでは、WordPressで投稿とページごとに異なるサイドバーを作成して表示する方法を見ていきましょう。以下のクイックリンクから、使いたい方法にジャンプしてください:

方法1:WordPressで投稿とページごとに異なるサイドバーを表示する(簡単)

もしあなたのテーマがサイドバーウィジェットをサポートしているなら、Lightweight Sidebar Managerを使って簡単に複数のサイドバーを作成することができます。このカスタム・サイドバー・プラグインを使えば、好きなだけサイドバーを作成し、投稿やページに割り当てることができます。

また、カスタム投稿タイプに追加したり、特定のカテゴリーを持つ異なるページや投稿すべてにサイドバーを割り当てることもできます。

最初に行う必要があるのは、Lightweight Sidebar Managerプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化した後、外観 ” サイドバーに行く必要があります。最初のサイドバーを作成するには、「新規追加」ボタンをクリックしてください。

Adding custom sidebars to your WordPress website

新規WordPressサイドバーのタイトルを入力できるようになりました。これはあくまで参考ですので、お好きなものをお使いください。

そうしたら、「Sidebar To Replace」ドロップダウンメニューを開き、サイドバーを表示する場所を選びます。表示されるオプションはWordPressテーマによって異なる場合があります。

Replacing the built-in sidebar provided by your WordPress theme

これで、包含ルールや除外ルールを作成することで、サイドバーの外観をコントロールできるようになりました。

インクルード・ルールを作成するには、’Display On’ ドロップダウンを開き、サイドバーを使用したいページ、投稿、カスタム投稿タイプ、カテゴリーを選択するだけです。

例えば、404エラーページ、投稿者アーカイブ、ブログページなど、特定のページにサイドバーを追加することができます。

Adding a custom sidebar to the WordPress 404 page

もう一つのオプションは、’特定のページ/投稿/タクソノミー’を選択して、特定のページ、投稿、カテゴリーのサイドバーを使用することです。

これにより、ページ、投稿、カテゴリーを入力するボックスが追加されます。

Creating a custom sidebar for WordPress categories

さらに包含ルールを作成するには、「表示追加」ルールボタンをクリックするだけです。

新しい包含ルールを作成するセクションが追加されます。

Adding display rules for custom sidebars in WordPress

もしお望みであれば、代わりに除外ルールを作成することができます。例えば、トップページ以外のすべてのページでサイドバーを表示したい場合です。

また、WordPressサイト上のサイドバーの外観を正確にコントロールするために、包含ルールと除外ルールを組み合わせることもできます。

サイドバーの場所の除外ルールを作成するには、「除外ルールを追加」ボタンをクリックするだけです。

Displaying different sidebars for pages and posts in WordPress

新規’Do Not Display On’セクションでドロップダウンメニューを開き、このサイドバーを使用しないページまたは投稿を選択します。

上記と同じ手順で、特定のカテゴリーを持つWordPressページからサイドバーを除外することもできます。

Displaying different sidebar for each page and post in WordPress

WordPressブログでサイドバーを表示する場所を決めた後、ユーザーによって異なるコンテンツを表示したい場合があります。

例えば、会員制のサイトであれば、訪問者とログイン中の会員とで異なるサイドバーを使用するかもしれません。

これを行うには、’ユーザー’ドロップダウンを開き、ドロップダウンメニューから権限グループを選択します。これで、この特定のユーザー権限を持つグループだけがサイドバーを見ることができます。

Displaying different sidebar widgets on each WordPress page or post

最後に、オプションで説明を入力することもできます。これはWordPressダッシュボードにのみ表示されるので、複数著者のWordPressブログで他の管理者やユーザーと情報を共有するのに良い方法です。

サイドバーをたくさん作るのであれば、このフィールドを使ってメモや役立つリマインダーを残すこともできる。

Adding a helpful description to a custom sidebar in WordPress

入力した情報に問題がなければ、「公開する」をクリックするだけです。

それが終わったら、外観 ” ウィジェットに行く。デフォルトでテーマがサポートしているすべてのウィジェットエリアと、前のステップで作成した新しいサイドバーが表示されます。

Adding content to a sidebar or similar widget-ready area

他のウィジェット・セクションと同じように、サイドバーにウィジェットを追加することができます。

ステップバイステップの手順については、WordPressウィジェットの追加と使用方法のガイドを参照してください。

Adding content to a custom WordPress sidebar

サイドバーの設定に満足したら、「更新」をクリックする。

これで、WordPressブログにアクセスすると、新しいサイドバーが表示されます。

An example of a custom WordPress sidebar, created using a plugin

さらにテーマ・サイドバーを作成するには、この手順を繰り返すだけです。

方法2:ページビルダープラグインで別のサイドバーを作成する(どのWordPressテーマでも使える)

もしあなたのテーマにサイドバー機能がない場合でも、ドラッグ&ドロップのページビルダー・プラグインを使えば、さまざまなサイドバーを作ることができる。

SeedProdは、WordPressのための最高の、最も初心者フレンドリーなランディングページビルダープラグインです。このプラグインを使えば、コードを書くことなく、どんなタイプのカスタムページでも作成することができます。

また、プロ仕様のサイトキットやテンプレートが多数用意されており、ドラッグ&ドロップのビルダーを使って簡単に編集や微調整ができます。

カスタムページをデザインする際、サイドバーのあるレイアウトを選ぶことができます。

Choose a Layout with a Sidebar

そして、サイドバーに表示したいブロックを見つけ、ドラッグ&ドロップで追加するだけ。

SeedProdは、オプトインフォーム、ソーシャルプロフィール、カウントダウンタイマー、お問い合わせフォームボタン、様々なコンテンツブロックなど、強力なページビルダーに期待されるブロックや機能をすべて備えています。これにより、WordPressブログ用のパワフルでユニークなサイドバーを簡単に作成することができます。

Drag the Blocks You Wish to Use Right onto the Sidebar

サイト上でSeedProdページビルダープラグインを使用する方法については、WordPressの各カテゴリーにカスタムサイドバー、ヘッダー、またはフッターを作成する方法とWordPressでカスタムページを作成する方法についてのガイドを参照してください。

WordPressサイドバーのカスタマイズ方法をさらに詳しく見る

WordPressのサイドバーをさらに改善し、ユーザーにとってより便利なものにしたいですか?WordPressチュートリアルをご覧ください:

この投稿が、WordPressで各投稿やページに異なるサイドバーを追加する方法を学ぶのにお役に立てば幸いです。また、WordPressでカスタムInstagramフィードを作成する方法や、サイト編集に最適なブロックテーマのエキスパートピックもご覧ください。

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

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

  1. Jiří Vaněk

    I have a technical section on my blog, which is the majority, and I write technical articles on various topics. The minority part is private, where I write my own opinions on anything (politics, personal life, sports). In elementor, I created a different header and a different footer for both sections so that it was graphically separated. I just needed to finish another menu. I will try your instructions so that both the technical and personal sections have a completely different structure. Thank you very much for the instructions.

  2. Ralph

    Wow! I never knew i could have different sidebars!
    This is great feature for different categories for my use. Thank you for this guide i will definitely put it to good use!

    • WPBeginner Support

      You’re welcome, glad we could share how to set this up :)

      管理者

  3. poonam

    thank you so much

    • WPBeginner Support

      You’re welcome :)

      管理者

  4. Rashmi

    Thanks for sharing such an interesting article

    • WPBeginner Support

      You’re welcome!

      管理者

  5. Rajat

    thankyou for sharing this information

    • WPBeginner Support

      You’re welcome!

      管理者

  6. Folake Taylor

    Unfortunately, this plug-in did not work with my version of WP.

  7. Finn G

    can you use this to add sidebar images to both sides of the page and have different images on different pages?

    thanks

    • WPBeginner Support

      You can use this to have a different image on different pages but for the sidebars of your site normally, it would depend on the specific theme you are using for if they have a second sidebar for the other site or if one would need to be added with a page builder or custom code.

      管理者

  8. Muhammadd Farhan

    Wow, you just saved my day! looking for this solution and I got exactly what I need. Thank you for the post.

    • WPBeginner Support

      Glad our guide was helpful :)

      管理者

  9. Jim Joshua Oba

    Hello! My Sidebar has disappeared. It was displaying before it got missing. However, i din’t change the theme.

    The message reads “Your theme has 1 widgets area but this particular page doesn’t display it”.

    • WPBeginner Support

      You would need to reach out to your theme’s support for displaying the widgets properly on that page.

      管理者

  10. Ken Mbesa

    This is exaaaaactly what I needed for my portfolio website.

    Thanks WP Beginner. You guys are the best, always!

    I have been a huge user of your resources for over three years now, and your website is one of my most opened bookmarks in all my browsers (in fact, it’s usually just open even when am not using it looking for WP info ;-)).

    • WPBeginner Support

      Glad our guides are helpful and continue to be helpful :)

      管理者

  11. Polly

    Mine is a very basic website but this worked like a charm. Thank you

    • WPBeginner Support

      You’re welcome, glad our article was helpful :)

      管理者

  12. M.IFTIKHAR

    Hi ! I have a problem in my wordpress website that the sidebar on shop page is not showing up but when i custimize the shop page it still show but not showing on default shop page .Please tell me why this is happening ?

    • WPBeginner Support

      You would want to start by reaching out to your theme’s support to see if this is a known issue with your theme and they should be able to assist.

      管理者

  13. Peter P.

    We tried this plugin but it wasn’t really usable for many sidebars. We had a hundred posts where the sidebar should contain more information about each product. Already after 10 sidebars the system became slower and slower, until it finally became unbearable with 20 or 30 sidebars.
    We then used a different, differently designed solution that didn’t require a sidebar.

    • WPBeginner Support

      Thank you for sharing your feedback about the plugin

      管理者

  14. Poorya

    What happens to the posts/pages which have multiple categories selected?! or with several tags?
    For example, I want a custom category for the news section and another for tourism, but what happens when a post appears on both of these categories?

    • WPBeginner Support

      You would need to check with the plugin for what would happen when a conflict like that happens. If you have multiple posts in different categories then you may want to take a look at how you have your categories themselves set up

      管理者

  15. Marco Diversi

    hello, I am trying to find a solution to add embed code to the sidebar of a post.

    what i would like to have is a plugin that allow you to add a html or txt widget to the side of one single post, I have spent some time trying to find this but can not find! I have a website where every post is a different location and it needs a different map each post.

  16. Shivaja

    This is what I was looking for! Thanks for the video tutorial wpbeginner…

    • WPBeginner Support

      Glad you liked our guide and it was helpful :)

      管理者

  17. BRENDAN

    This one seems dead Syed, plugin not updated in 2 years so likely missing a lot of integration since WordPress has undergone some major core upgrades over the last 12 months. Is there a more recent solution for sidebars?

    • WPBeginner Support

      Thank you for letting us know, we’ll certainly take a look at this article and possible alternatives

      管理者

  18. Rushikesh

    Is it possible without any plugin, on Genesis framework? because I have purchased NEWS PRO Genesis Theme.

  19. Nick

    Great article ! THanks

  20. Katy

    Thank you so much! I have been driving myself mad trying to fix the sidebar then I found your video! Thankyoooou!!

  21. aba charles

    Really nice and detailed tutorial you have here. But i don’t know why after following it my sidebars are still not appearing

  22. Greg Svishchov

    Hi, great video! What about creating a separate sidebar for the HOME PAGE? Is that possible?

    • WPBeginner Support

      Yes you can create a separate sidebar for the homepage if you are using the static front page.

      管理者

  23. Soumik Sadman Anwar

    Is there any way to show no sidebar on a certain page at all?

    Remember, the other pages will have to show the sidebar.

  24. becka

    Is there a way to change the sidebar on certain pages and have it removed entirely on others? Before I download and activate I would like to know if removing the sidebar completely and making the page width 100% as easy as making different sidebars for different pages

  25. Linda

    Hello – I have a sidebar on my weekly blog page but when I click on read more, it takes me to the full page width and doesn’t show the sidebar. I have looked everywhere to try and do this. Can anyone help please?

  26. Dr Jill SM

    I tried to use the easy side bar and it does not work! I want to put a side bar only on specific pages and this put it on ALL of them.

    I had learned how to use the original appearance > widgets and had right side bar on certain pages. I just added a new page to my web site and got the side bar that I did NOT want. I tried to add a left side bar to ONLY my new page and could not do it. So I looked at this video and got the plug-in easy side bars and it does not add a left side bar to ONLY the new page nor does it help me remove the right side bar [done through appearance > widgets] from the new page. Not real helpful.

  27. K.Mr

    Hi, I need small help that you could do. I’m planning to buy managed wordpress on godaddy. I write posts in two languages. 1 is supported by adsense and one is not. I would like to place ads on posts using this on supported only language posts. Can I do this ? Can i use this to place ads? Please could you tell me?

  28. Kati K.

    Hi! Can I add more sidebars with this plugin? Do I have to replace my existing sidebars with these new sidebars? For example, I have now 3 optional sidebars and I would like to have more than that. Is that possible somehow? Thanks!

  29. Jennifer L

    I installed this plugin and now my site doesn’t work at all!! How do I fix this, it is really important! Please advise.

    Jennifer

    • WPBeginner Support

      Hi Jennifer,

      You can manually delete the plugin using FTP. Connect to your website using FTP client and go to /wp-content/plugins/ folder inside it you will find easy-custom-sidebars folder. Delete it and then login to your WordPress site. You can reinstall the plugin again if you want to give it another try.

      管理者

  30. Jahbless

    Sir my sidebars are appearing at the bottom of my blog and not the side why?

    • WPBeginner Support

      Hi Jahblees,

      Please check plugin settings and make sure that you set your sidebar to replace the appropriate sidebar.

      管理者

      • Ale Goedrich

        Hello – I have the same problem. The only choices I get is to replace the Footer Widgets 1 – 4. There are no other choices. Any ideas? I’d like to add a sidebar to my products thats different from my blog sidebar. I am using Divi.

        Thank you, Alex

  31. Jason A.

    I needed a super quick fix, and this did the trick nicely. Thanks!

  32. Claire C

    Useful! I definitely want the ability to change my sidebar at times – my theme provides up to 8 choices, including full width (ie. none) for my pages but only ‘on’ or ‘off’ for all posts. So my question is, specifically for each individual post, could I chose 1. to add a sidebar of my choosing or 2. to have no sidebar at all (ie. full width)? Thanks

  33. Iboro

    Thanks a lot. Your articles has been really helpful especially for me a major novice

  34. Dave DeWitt

    Wow! This feature is something I’ve been wanting to do for a while. As usual, wpbeginner, makes it easy and fun! Thank you!!

返信を残す

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