Here’s a little project I’ve been working on – a way to add a glossary to any page. Words in the glossary are subtly underlined, and clicking them will show the definition.
Here’s a short demonstration:
He staggered into the “Coach and Horses” more dead than alive, and flung his portmanteau down.
How does it work in WordPress?
- Select your content block when editing a post or page, view the settings for the block, click ‘Advanced’, and then add the supplied Glossowary CSS class as an Additional CSS class for that content block
It’s pretty basic, pretty much just what it says on the tin, but it’s far easier than rolling your own solution for every website you build, and includes team support for collaboration. I’m currently using it for some documentation, it’s also useful for making jargon-heavy documents like terms and conditions more accessible. More features to come later!