Isotope is a very powerful jQuery plugin that allows you to create sortable, filterable (I’m sure that’s a word) masonry layouts (although you can have other layouts as well). Isotope is free for personal use (a commercial license costs $25, and an organizational license $90).
In this tutorial I will show how to add the Isotope code and scripts to a template. In my example, I will use the categories to filter a list of posts.
Update: I wrote a part 2 for this tutorial that shows how to use one category’s subcategories to filter posts.
Update (10/11/2016): I added some escaping to the examples. Better safe than sorry.
When creating an image custom field in Advanced Custom Fields, it gives you the option of setting the “Return Value” as an “Image Object”.
Advanced Custom Field Adding an Image Screen
I’m working on a site were users will have extra fields in their profiles, among them, a user picture. To achieve this, I used Advanced Custom Fields. Easy peasy lemon squeezy!
The problem was that when a user went to upload or chose a file for their picture profile, it showed all media files, from every user. Not ideal for this particular site (we are using some custom roles that let people upload pictures, but not create entries). Continue Reading…