caterhamcomputing

<p>Lexicon Entries consist of a “Term” and a “Definition” (if you are creating FAQs, this equates to a “Question” and an “Answer”), and can be managed in exactly the same way as standard WordPress posts.</p>
<p>The Lexicon Entries can also be organised into Categories.</p>
<p>The Lexicon Entries are displayed using a shortcode, allowing you to display all entries or those for certain categories.</p>
<p>The terms are indexed alphabetically, and initially only the terms are displayed – clicking on any term will expand the entry to show the definition.</p>
<h4>Using the shortcode</h4>
<p>The simplest usage would be to use the shortcode with no parameters:</p>
<pre><code>[lexicon]
</code></pre>
<p>This would show all Lexicon Entries in all Categories with the default styling.</p>
<p>To show the Lexicon Entries for a single category, you would specify the category slug using the <code>category</code> parameter:</p>
<pre><code>[lexicon category="general-entries"]
</code></pre>
<p>To show Lexicon Entries for a number of categories, simply supply a comma-separated list of category slugs:</p>
<pre><code>[lexicon category="general-entries,specialist-subjects,misc-entries"]
</code></pre>
<p>You can change the styling of the Lexicon Entries using the <code>before_heading</code>, <code>after_heading</code>, <code>before_title</code> and <code>after_title</code> parameters:</p>
<p>The <code>before_heading</code> and <code>after_heading</code> parameters specify the HTML used before and after the indexation heading. By default, <code>before_heading</code> is set to <code><h4></code> and <code>after_heading</code> is set to <code></h4></code>.</p>
<p>If you wanted to have these items displayed at a larger size you could use something like:</p>
<pre><code>[lexicon before_heading="<h1>" after_heading="</h1>"]
</code></pre>
<p>Similarly, the <code>before_title</code> and <code>after_title</code> parameters specify the HTML used before and after the actual Lexicon Term. By default, <code>before_title</code> is set to <code><h5></code> and <code>after_title</code> is set to <code></h5></code>.</p>
<p>If you wanted to have these items displayed at a larger size you could use something like:</p>
<pre><code>[lexicon before_title="<h1>" after_title="</h1>"]
</code></pre>
<p>The default instructions that are displayed above the entries by the plugin read: “Click on any term below to reveal the description.” … you can change these instructions by specifying the <code>instructions</code> parameter:</p>
<pre><code>[lexicon instructions="Click on any item below to reveal more ..."]
</code></pre>
<p>You can change how the instructions are displayed by specifying the <code>before_instructions</code> and <code>after_instructions</code> parameters. The default value for <code>before_instructions</code> is <code><h5></code>, and for <code>after_instructions</code> is <code></h5></code>.</p>
<p>For example, you could specify that the instructions are displayed in a <code><div></code> element as follows:</p>
<pre><code>[lexicon before_instructions="<div>" after_instructions="</div>"]
</code></pre>
<p>You can specify a <code>skin</code> parameter, which will apply some standard styling to the Lexicon entries. This parameter can take the following values: <code>simple</code> (the default value), <code>red</code>, <code>green</code>and <code>blue</code>.</p>
<p>For example, the following would display the Lexicon entries in blue <code>[lexicon skin="blue"</code>.</p>
<p>If you want to add your own styling to the Lexicon entries, you can specify the <code>class</code> parameter to add your own class to the Lexicon entries for styling with CSS. Specifying the <code>class</code> parameter will cause the <code>skin</code> parameter to be ignored.</p>
<p>For example, you could use:</p>
<pre><code>[lexicon class="myclass"]
</code></pre>


CC Lexicon Lite

Provides an easy way to maintain and organise dictionary or glossary-style entries, or any type of term-based list. Display is via a simple shortcode.

Jumedeen khan

<p><strong>Glossary Tooltip</strong> is a lightweight yet powerful plugin that <strong>automatically highlights glossary terms</strong> in your content and <strong>displays tooltips</strong> when users hover over them.</p>
<p>It helps improve <strong>internal linking, user engagement, and SEO</strong> while providing a <strong>better reading experience</strong> for your visitors.</p>
<h3>Turn Technical Terms into Informative Links and Build a Powerful Knowledge Base with Tooltips</h3>
<p>Many websites use technical words that beginnner visitors may not understand easily.</p>
<p><strong>Glossary Tooltip</strong> helps solve this problem by automatically turning important words into <strong>informative glossary links</strong> with helpful tooltips.</p>
<p>When a visitor moves their mouse over a highlighted word, a <strong>small tooltip popup appears</strong> showing the meaning of that term.</p>
<p>This helps your readers understand content faster without leaving the page, and its reduce your website bounce rate.</p>
<p>It also improves your <strong>SEO, internal linking, and user engagement</strong>.</p>
<p>Whether you run a <strong>website, blog, documentation site, educational website, or online knowledge base</strong>, this plugin helps organize your content and explain important terms clearly.</p>
<h3>🚀 What This Plugin Can Do?</h3>
<p>Glossary Tooltip helps you build a <strong>smart glossary tooltip system</strong> on your website.</p>
<p>With this plugin you can:</p>
<p>• Automatically highlight glossary terms inside posts and pages<br />
• Show helpful definitions of terms using tooltips<br />
• Create a complete glossary index page with all terms<br />
• Improve internal linking across your website<br />
• Help visitors understand technical words easily<br />
• Increase readers time spent on your website</p>
<p>The plugin is <strong>lightweight, fast, and beginner-friendly</strong>.</p>
<p>No coding knowledge is required.</p>
<h3>✨ Main Features</h3>
<h3>📖 Automatic Glossary Highlighting</h3>
<p>Once you create a glossary term, the plugin will automatically detect that word across your website content.</p>
<p>It will highlight the term and turn it into a glossary link.</p>
<p>Visitors can hover over the word to see the explanation instantly.</p>
<p>Features include:</p>
<ul>
<li>Highlight glossary terms automatically  </li>
<li>Highlight terms once or multiple times  </li>
<li>Case-sensitive or case-insensitive matching</li>
<li>Ignore headings and links to auto linking</li>
<li>Ignore specific HTML elements while parsing  </li>
<li>Match case-sensitive and unsensitive terms</li>
<li>Parse only when if glossary terms exists</li>
<li>Enable cache and inline assets (optional)</li>
</ul>
<h3>💡 Smart Tooltip System</h3>
<p>When a visitor hovers over a glossary word, a tooltip appears with the term definition.</p>
<p>This makes your content easier to understand.</p>
<p>Tooltip options include:</p>
<ul>
<li>Enable or disable tooltips globally  </li>
<li>Custom tooltip width  </li>
<li>Tooltip text color customization  </li>
<li>Tooltip background color  </li>
<li>Tooltip border color  </li>
<li>Mobile tooltip behavior control  </li>
</ul>
<h3>📚 Dedicated Glossary Index Page</h3>
<p>You can create a <strong>glossary index page that lists all your terms in alphabetical order</strong>.</p>
<p>Visitors can easily browse all glossary entries from one place.</p>
<p>Features include:</p>
<ul>
<li>Alphabetical glossary navigation (A–Z)  </li>
<li>Live glossary item search  </li>
<li>Clean and simple glossary layout  </li>
<li>Option to disable tooltips on glossary page</li>
<li>Customize letters, items size, and colors</li>
</ul>
<h3>⚙️ Flexible Settings & Controls</h3>
<p>Glossary Tooltip gives you full control over how glossary terms behave on your website.</p>
<p>You can customize:</p>
<ul>
<li>Which post types should highlight glossary terms  </li>
<li>Glossary permalink structure  </li>
<li>Highlighting behavior  </li>
<li>Glossary link styling  </li>
<li>Tooltip appearance  </li>
</ul>
<p>All settings are available in a simple admin interface.</p>
<h3>⚡ Performance Optimized</h3>
<p>The plugin is designed to be <strong>lightweight and fast</strong>.</p>
<p>It only processes content when glossary terms exist.</p>
<p>Performance features include:</p>
<ul>
<li>Smart content parsing  </li>
<li>Optional content caching  </li>
<li>Ignore headings and links while parsing  </li>
<li>Minimal JavaScript usage  </li>
</ul>
<p>This ensures your website stays <strong>fast and responsive</strong>.</p>
<h3>🔧 How It Works?</h3>
<p>Using the plugin is very simple.</p>
<p>1️⃣ Go to <strong>Glossary <span aria-hidden="true" class="wp-exclude-emoji">→</span> Add New</strong><br />
2️⃣ Enter the glossary term as the title<br />
3️⃣ Write the definition in the content area<br />
4️⃣ Publish the term and Enjoy!</p>
<p>Now the plugin will automatically highlight that term across your website.</p>
<p>When visitors hover over the word, the <strong>tooltip definition will appear instantly</strong>.</p>
<h3>🧩 Shortcode</h3>
<p>You can display the glossary list anywhere on your site using this shortcode:</p>
<pre><code>[glossary_list]
</code></pre>
<p>This will show an <strong>alphabetical glossary list</strong> of all terms.</p>


Glossary Tooltip – Build a Smart Knowledge Base with Tooltips

Create a powerful glossary knowledge base to boost SEO, increase engagement, improve conversions with automatic links and tooltips.

CC Lexicon Lite vs Glossary Tooltip – Build a Smart Knowledge Base with Tooltips