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
- Using Types we will add a)
Glossary TermCustom Post Type and b)
Glossary Groupcustom taxonomy.
- 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.
- 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.
- We shall place the shortcodes for these Views one below the other on a static Page.
Step 1Install and activate Types and Views plugins.
Step 2Add Glossary Term Custom Post Type like so:
Step 3Add Glossary Group custom taxonomy like so: Make sure to assign
Glossary TermsCPT to this taxonomy.
Step 4Go 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 5Add a new View named say, Glossary Groups List like so:
To view the full content, please sign up for the membership.
Already a member? Log in below or here.