GoBanana

Design by Anna Klibanov

WP-Filters Plugin

VIEW DEMO

Finally Released!

This plugin will output a list of your chosen categories and filter the posts on the fly using jQuery animation.
The setting pages allows you to select which categories should appear, whether or not to include jQuery (if you don’t already have it in the <head>) and a place to define the posts container. This should be either the class or id of the div that contains all the posts for filtering.



Installation:

  1. Upload the wp-filters folder to the ‘/wp-content/plugins/’ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place ‘<?php filters_generate(); ?>’ in your templates where you want the filters to appear.

You can find some settings on “Settings”/”WP-Filters” page in your admin panel.

Upcoming Features:

Tags integration
Default styles to choose from

Download

WordPress Directory



Comments

49 Comments »

  1. Ove Nystrom says: April 4, 2011 @ 5:40 pm

    Hi! I’m working on a game site and wanted to use your plugin together with wp-smart sort. The filter and sorting is for “Browse Games” (http://gamer.pinkport.se/sort/_post_title-pp-asc). I would appreciate any help you can give! Nice logo btw!

    Peace,
    Ove from Sweden

  2. admin says: April 4, 2011 @ 6:51 pm

    The wp-smart sort plugin uses a database query to sort the posts, and my wp-filters plugin is just jquery hide/show posts. This means that choosing a different sort type from wp-smart sort will cause a page reload and load the jquery filtering. However, if the user first chooses a wp-smart sort and then a wp-filter, it will work fine.

    Also the wp-filters plugin is currently only set up to work with this type of set up:

    <div id="postswrapper">
    <div id="post-1" class="post category-1 category-2 category-3">[Post content here]</div>
    <div id="post-2" class="post category-3 category-4 category-1">[Post content here]</div>
    <div id="post-3" class="post category-7 category-a category-5">[Post content here]</div>
    <div id="post-4" class="post category-1 category-2 category-3">[Post content here]</div>
    </div>

    Where class category-x is generated by WordPress as the post class. The class post is what the jquery script looks for. And the id postwrapper is what is defined in the settings.

    I will most definitely work on getting the filters working on a table/more versatilely across different configurations.

  3. Jon says: April 20, 2011 @ 1:39 pm

    I’ve got this plugin installed but all it seems to do is populate a list of categories, and then, when clicked, brings you to the category page rather than loading them via ajax.

    Any idea what’s going on?

  4. admin says: April 20, 2011 @ 2:09 pm

    Can you post the code for the page where you’re trying to generate the filters? Or email me at hithere@gobanana.ca

    Thanks!

  5. Ross Fairgrieve says: May 24, 2011 @ 7:11 pm

    Hi Anna. Just a couple of ideas for future development. The first is allowing it to run off of custom fields (that would be suuuuper helpful for something I’m working on at the moment!). The second is to make it multi-level. These two together would be amazing! You could first filter the posts down by custom field 1- say, location. You could then filter the posts with your selected location down further by custom field 2- season maybe…and so on for several levels of filtering.

    I haven’t found any other plugin that can do this based on custom fields and I’ve had a good look! If you ever managed this functionality with the great looks and ease of use of WP-filters, I think you’d be on to a real winner.

    Just a thought!

  6. admin says: May 24, 2011 @ 9:42 pm

    Hi Ross,

    Thank you so much for the comments. Multi-level sorting was most definitely on my list of features for the next version.

    I was also considering adding tags as a sorting option, I can’t imagine it being too difficult to add custom fields into the mix as well.

    I’m hoping to release the next version in June. Stay tuned!

  7. WP-Filters V2 is on its way… // goBANANA says: May 24, 2011 @ 11:20 pm

    [...] March 28, 2011 I released version 1.0 of my WP-Filters Plugin (WordPress Plugin Page). Since then I’ve received some good feedback on my very first attempt [...]

  8. Wissensmanagement Knowledge Management mit Wordpress | PERIMETRIK says: July 5, 2011 @ 6:49 am

    [...] wiederzufinden. Mit zusätzlichen Werkzeugen, wie dem Category Tag Filter oder dem grafischen Go Banana Filter kann man die Trefferliste weiter [...]

  9. Fletcher says: July 12, 2011 @ 2:52 pm

    After looking around the interweb for the last 3 hours, I think you could have a really popular plugin on your hands, if only you make it really, super-duper user-friendly. Meaning any idiot (including myself) could use it.

    One way to make it easier for admins is to create a configuration page which has a drop down menu where you can choose a page/post/category page/custom taxonomy – and once you choose the page, you configure which categories/tags/custom taxonomies are visible on that page. this would be most useful for category pages, where the end user could click on the category page, then choose tags to drill down content.

    It would also be great if you could select/unselect multiple categories/tags/custom taxonomies at once to further drill down the info.

  10. admin says: July 12, 2011 @ 3:01 pm

    Thanks for your feedback, Fletcher!

    I completely agree, this could be a pretty robust plugin and popular since there really is nothing like it. As this is my first ever attempt at plugin writing, its still in the very early very basic stages. I do plan to expand the functionality eventually and I will most definitely consider your suggestions. :)

  11. Kitt says: August 15, 2011 @ 6:27 pm

    Thanks so much for your plugin Anna.

    I upgraded a client’s site as a favour – hopefully i’ll get some work out of it. http://ampmmanagement.net/

    Had to do a bit of tweaking to get it working smoothly with custom post types.

    Keep up the good work
    Cheers
    Kitt

  12. admin says: August 16, 2011 @ 10:41 am

    Looks great! It’s so nice to see it in action :)

    Please don’t forget to rate it http://wordpress.org/extend/plugins/wp-filters/.

  13. WP-Filters review, discussions, does it work, and ratings on Loadwp.com | Loadwp.com says: August 17, 2011 @ 6:10 pm

    [...] = 1.1 = Some minor clean up. – Instead of listing the filters using wp_list_categories, the categories are now manually printed with the href being the slug of the category. – Fixed some jQuery issues – On load, the selected filter (if any) gets assigned the class “current” – Created a demo page: http://gobanana.ca/wp-filters/wp-filters-demo [...]

  14. DjJuvan says: September 18, 2011 @ 4:28 am

    Hi,

    is it possible to make something like “Magic WordPress Filter Categories”, where you can filter categories from all posts in WP. I like your plugin, because it’s simple to use and has half the abilites I need. But the most important is that it could show more filtered posts :\

    Thank you!

  15. Kitt says: September 28, 2011 @ 9:57 pm

    Works nicely here http://hdcameras.co.nz/catalogue/

  16. admin says: September 30, 2011 @ 11:36 am

    Glad you’re enjoying it.

  17. Robbie says: October 9, 2011 @ 1:33 pm

    Hi – I think your plug-in is fantastic and exactly what I want to use, but for some reason it’s not working for me. I was wondering if you could help shed some light to why this might be happening. I’ve installed the plugin and have stated in the settings that my post container is .containerBlog. I’ve also called the appropriate php code in my php file. The ALL button always seems to work, but the category posts aren’t appearing. Please let me know if you have any clue why this might be or if I might be doing something wrong: http://www.robbietilton.com.

    For reference I also have the infinite-scroll plugin installed, but when I deactivate it i’m still seeing the same issue. :\ I’d appreciate any advice greatly!
    Robbie

  18. admin says: October 9, 2011 @ 1:53 pm

    Hi Robbie,

    The posts container should refer to the div that is wrapping ALL of the posts. It seems your .containerBlog is what is wrapping each post individually. Also, you need to make sure that you have on each post div. This is the function that will call all the categories the post is attached to and what the plugin uses to filter.

  19. Robbie says: October 9, 2011 @ 3:17 pm

    Thanks for the quick reply. Really appreciate it. So, I just changed the post container to be #blogHolder since this is my div that holds ALL of the post content (not just individual posts). I’m still seeing the same issue however :\ I also reconfirmed that the categories are checked on within the settings area…

  20. admin says: October 9, 2011 @ 9:22 pm

    As I mentioned the individual post container should include
    < ?php post_class(); ?>
    You can replace
    div class="post"> with
    div < ?php post_class(); ?>>
    Right now the plugin uses the post classes to show or hide the appropriate posts. The enxt version of the plugn that I am working on will use the filters directly to query the proper posts but for now you will have to use this fix.

  21. Robbie Tilton says: October 12, 2011 @ 9:14 am

    Thanks so much for this clarification. Works like a charm :) Appreciate the help!

  22. Sean Stasio says: October 16, 2011 @ 12:49 pm

    Hi,

    Great plugin! I was wondering if your plugin works w/ custom post types and custom taxes/fields. If not, do you have plans to implement that? So far, you are the only one to write a plugin that does filtering/sorting based on ajax and not on php; trips to the server are a bummer for the user. Also, any plans to allow a choice between list and grid view? Thanks,

    Sean

  23. admin says: October 16, 2011 @ 5:02 pm

    At the moment the plugin only works for categories. I am close to releasing a new version that will include tags, I may take a little extra time to include custom taxonomies and fields.

    I don’t think I will be adding list vs grid view options any time soon unless I see that there is a great demand for that. I’d be happy to help you implement something like that on your site though. Send me an email with more details if you’d like to hithere@GoBanana.ca.

  24. Mark says: October 29, 2011 @ 3:18 pm

    Hi Anna, just wanted to say what a brilliant plugin. I’ve been searching for ages to find something like this and it worked like a charm. Very much looking forward to the next version : )

    Cheers

    Mark

  25. Ricardo says: November 7, 2011 @ 10:45 pm

    hello ana, i’m try to make it work but i can’t… do the new version is going to be more easy for ‘dummies’ to work?
    i’m trying to put it on the ‘Twenty Eleven Theme’ from the wordpress team. Do you sugest some ‘easier’ theme (basic)?
    Thanks a lot. Your plugin seems brilliant!

  26. admin says: November 8, 2011 @ 6:45 pm

    Hi Ricarbo,

    Yes the next version of the plugin should be a lot easier to implement. If you need some help for now, you can email me a link to your site and I’ll see what we can do.

  27. Ricardo says: November 14, 2011 @ 12:01 pm

    I can wait for the next version :-)
    when it’s gonna be released? thanks a lot!

  28. Jelle says: November 17, 2011 @ 8:07 am

    Just what I am looking for! And +1 for the tax, custom field and multi level options :-)

  29. Dmitry says: January 5, 2012 @ 1:32 am

    Hi Anna,

    Thank you for a nice plugin. I have a bit of a problem, making it to work properly, so far only ‘All’ link is working… Would be so kind to help me out?

    Thanks.

  30. admin says: January 9, 2012 @ 9:59 am

    Hi Dmitry,

    Can you provide some code or a link to the page so I can see the problem?

  31. levan says: January 13, 2012 @ 9:18 am

    hello :) Nice plugin, exactly what I needed, but it doesn’t support custom post types and custom taxonomies :(

  32. jbermudez says: January 27, 2012 @ 11:34 am

    Hi,

    Great plugin… I have one question. How do you call a custom css class in the php? I would like to change how it looks and I would just like to know how and what to add to the php co call the custom class.

    Thanks

  33. admin says: January 27, 2012 @ 11:46 am

    The filters UL has the id “filters” and each LI has a class with the filter name. You can use those to style the look of the filters.

  34. Nickk says: February 2, 2012 @ 12:34 am

    Very awesome plugin!!! Thanks for developing it.

    I just have one question, how can I output or display the Current category in a spot on my blog.

    I know how to style the current list item category using CSS, but I am trying to figure out how to get the Current category and simply echo or display it in another area as well. So…

    LIST – LIST CURRENT CATEGORY AGAIN IN THIS SPOT

    Item
    Item
    Item
    Current
    Item
    Item

  35. admin says: February 6, 2012 @ 12:35 pm

    With a little bit of hacking and javascript you can get the text of the selected list item and print it elsewhere. However that is not within the scope of the plugin in its current state.

  36. James says: February 6, 2012 @ 5:43 pm

    I feel this may almost be the perfect plugin for my needs, but it’s not working for my purpose (but i think could with your help).

    I have a page and on this page, it lists all posts from some categories I’ve defined. I’ve put in the template, but it won’t filter. Any ideas?

  37. James says: February 6, 2012 @ 5:44 pm

    sorry, at the end it should say “i’ve put php filters_generate in the template and it displays the categories, but it will not filter them.

  38. Zip says: February 9, 2012 @ 5:29 am

    Great plugin… thank you! I need it (very important for me) for “custom post types”. How can I hack the code for this? Please help!

  39. tepopa says: February 12, 2012 @ 4:34 am

    Hey what about the taxonomy, do you plan to include them any soon ?

  40. Audrey says: February 21, 2012 @ 1:32 pm

    Love this plugin, exactly what I was looking for. Small issue though. I’m loading the portofolio further down a scrolling page that’s reached via anchor. When you click the “all” category, the page refreshes and you’re sent back to the top of the page instead of staying put and showing all posts again. Any advice here?

  41. Audrey says: February 21, 2012 @ 1:34 pm

    Never mind! Was a super easy fix in the filters.php. thanks!

  42. Sandy says: March 27, 2012 @ 6:31 pm

    Love the plugin…have a quick question:

    How are you adding custom classes to each filter in your demo??? () I would die for this functionality but can’t find it anywhere in settings.

  43. admin says: April 4, 2012 @ 9:27 am

    The plugin uses the slug of the category as the class and it should be printing it automatically. If you post a link I can take a look.

  44. Max says: April 4, 2012 @ 11:36 am

    Hey there! Nice plugin! I need 2 different filters (or 2 plugins with different filters): one for category and one for tags. Can you rework plugin for tags only?

  45. Max says: April 4, 2012 @ 11:45 am

    Question @ Audrey – Have the same problem as you. What are you fixed in filters.php? ^^ Thx!

  46. Max says: April 10, 2012 @ 1:25 pm

    hello! ^^ Can any1 help me?

  47. Kevin says: May 6, 2012 @ 6:55 am

    Hi there! I’ve implemented the filter, however it also filters within the current post page. With this I mean that a max amount of 8 posts will be displayed per page and when I filter it work on this particular(current) page. After using the filter I still have to click on ‘previous post’ to see the other posts of that particular category.

    Hope it’s clear to you what I mean, and hopefully you guys can help me out here. THX!

  48. carlos I says: June 10, 2012 @ 3:12 pm

    I want to use the plugin with a custom post and some custom taxonomies, how can I do that?

  49. admin says: June 10, 2012 @ 4:09 pm

    At the moment that option is not available with this plugin. You can modify some of the code to make it work with custom taxonomies.

RSS feed for comments on this post. TrackBack URL

Leave a comment

hithere@gobanana.ca