A to Z filterable glossary in WordPress using Types & Views

Updated on February 18, 2016

Recently I worked on setting up an alphabetical glossary in a client site and want to share how I used Types, Views (commercial plugin) and Isotope to do the following in this article.

Screenshot:

Screencast:

Summary

1. Using Types we will add a) Glossary Term Custom Post Type and b) Glossary Group custom taxonomy.
2. Using Views, we will add two views: a) A View that lists all Glossary Groups that are not empty b) A View that lists the 'Glossary Term' CPT entries.
3. Using Isotope jQuery script, we will add filtering capability so that clicking on a taxonomy term lists only the glossary items that have that term assigned.
4. We shall place the shortcodes for these Views one below the other on a static Page.

Step 1

Install and activate Types and Views plugins.

Step 2

Add Glossary Term Custom Post Type like so:

Step 3

Add Glossary Group custom taxonomy like so:

Make sure to assign Glossary Terms CPT to this taxonomy.

Step 4

Go to Glossary Terms > Add New and add your glossary terms.

Make sure to add/assign your entries to a Glossary group. Ex.: A, B, C..

Step 5

Add a new View named say, Glossary Groups List like so: