How to Add ‘Content Filter’ in WordPress Posts/Pages

Navigating content efficiently amidst a long post/page has always been challenging. To tackle this challenge, you can use a content filter.

A content filter will make your list posts more engaging and easier to navigate. It can dramatically transform how your audience interacts with your content.

Before diving into how to add a content filter in WordPress, let’s learn what a Content Filter is and why it matters for your WordPress site.

What is the Content Filter?

Why Content Filter?


Adding Content Filter in WordPress Posts/Pages

Now let’s see how you can add content filter to your WordPress post/page.

Before diving into the tutorial, make sure you’ve installed the Ultimate Blocks plugin.

Now go to the post editor and click on the + (plus) sign. Then search for ‘Content Filter’ and click on it.

Then you need to add a category. Just click on ‘Add New Category’.

And you’ll see something like this –

Here are the information you need to add here –

  • Give a name of your category (like ‘I want SEO tools that help with’.
  • Add filters (like Technical SEO, Keyword Research, etc) by clicking on ‘Plus’ sign.
  • Allow visitors to select multiple filters by checking ‘Allow multiple selections’.
  • Add a new category by clicking on ‘Add New Category’.

Here’s how to do it.

Once you are done with the category, it’s time to add content.

Just click on the ‘Add new content’.

It will create a content area like this –

Then add content and select filters by clicking on ‘Plus’ sign.

Add more contents exactly the same way.

Note that all the elements you see in the editor will not be shown on the preview.


So what are you waiting for?

Start using Content Filter and make your giant list posts awesome.

And don’t forget to give your feedback on this brand new block.

21 responses to “How to Add ‘Content Filter’ in WordPress Posts/Pages”

  1. David Avatar
    David

    Hey, is there a way for me to centre the filter buttons?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      No, but we are planning to add an option for that.

  2. Keith Avatar
    Keith

    Great block plugin and indeed I also am interested in this content filter. wonder what are the potential components for ‘filter name’ among popular values like ‘tag’, ‘category’, and many ‘custom field’s. I am testing it now, and it looks like ‘tag’, but wonder it also works with categories and/ or any other custom meta values. If it is based on ajax search, I believe a variety of values can be good candidates.

    1. Keith Avatar
      Keith

      Sorry plz remove the question above. I just figured it out. It’s not about filtering posts, it is more like tabbed contents within a post. Still, it fits to many of my needs. Thank you so much for your team’s hard work!

      1. Istiak Rayhan Avatar
        Istiak Rayhan

        No worries. Glad you liked the plugin.

  3. Jue Avatar
    Jue

    Very cool feature!

    Question: There is the option to “Match all filters” vs “Match any filter”

    Is there anything planned to distinguish between categories? Example, it must match any in Category A; and any in Category B?

    Right now with any, a content-piece would be shown if it matches anything in A and none of what is selected in B?
    e.g., A = Italy, Spain, France, B = Hotel, Restaurant, Bar

    If I chose “Italy” and “Bar” it would also show me all Italian Hotels & Restaurants

    1. Alexis Avatar
      Alexis

      Hi Jue! “Match all filters” is the option you’re looking for. We currently have the “Match any” option as the default for the Content Filter block, which would show any panel that has at least one of the selected tags. With “Match all filters”, all selected tags would need to be present in a panel to make it appear. So in your example, if you choose only “Italy” with the “Match all filters” option, panels with any (or even none) of the tags in the second category will show up as long as it has the “Italy” tag. After clicking on “Bar”, only panels with both the “Italy” and “Bar” tags would appear.

      1. Jue Avatar
        Jue

        Hi Alexis,

        thank you. Very much understood, and I think my example was not perfectly clear.

        Let’s say we have also a category for type of bar (cocktail, gin, wine, …)

        In case I want to see all bars being cocktail or gin, but not wine – then neither filter would work.

        But basically, you have given the answer – I could only decide what makes more sense of those 2 filters and decide what is more appropriate to be as close as possible to the results.

        1. Alexis Avatar
          Alexis

          Hi Jue! It’s possible to select two filters from the same category to a panel. Under the list of tags, you can see a checkbox for “Allow multiple selections”. If you click it, you’ll be able to add more than one tag from the category to any panel while on the editor and select any of the filters within the category on the frontend. It’s not yet perfectly working on the frontend when “Match all” is active, but we hope that we could fix it in the next version of the plugin to fit your use case.

  4. Jatin Grover Avatar
    Jatin Grover

    Hi, how can i show posts from only a specific filter (category) initially instead of using “Initially show all content panels” which actually shows ALL of my posts from all categories?
    I am planning to use this content filter feature as my home page to show all my posts filtered by categories.
    Thanks for such a wonderful plugin

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      No, you should instead use ‘Tabbed Content’ block for that.

  5. Anthony Sills Avatar
    Anthony Sills

    Can I use this for posts I’ve already published?

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Yes, you can.

  6. James Adams Avatar
    James Adams

    I am really impressed with the blocks that have been created, but I did notice that the Notification Box Block is no longer in the toolset which is a shame because for affiliate marketers we have to place some sort of notification on our posts for Amazon and this was a great option for that.
    I have had to convert my site to using a CSS version of the notification box as a result.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Hi James,

      We have moved ‘Notification Box’ to ‘Styled Box’ block. You’ll find the notification box under the ‘Styled Box’ block.

      Thanks

  7. Anupam Sethi Avatar
    Anupam Sethi

    Thanks bro … for this wonderful content filter feature.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad you liked the block.

  8. Aaron Avatar
    Aaron

    This got me interested in your plugin. Going to take it for a spin. Nice way to differentiate your blocks library.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad to know that. Let us know your feedback.

  9. Ryan K Biddulph Avatar
    Ryan K Biddulph

    This makes Gutenberg palatable to me LOL! Really cool 🙂 Plus list posts always do well. Big time traffic builder if you deliver on the title promise. Rocking post.

    1. Istiak Rayhan Avatar
      Istiak Rayhan

      Glad you liked it, Ryan. We are working on some more cool blocks for bloggers.

Leave a Reply

Your email address will not be published. Required fields are marked *

Get the Best Blocks Plugin at 20% OFF!

X
Need help?