Jamel.Z

<ul>
<li>This plugin allows you automatically create responsive tooltip boxes for your technical keywords in order to explain them for your site visitors making surfing more comfortable.</li>
<li>With shortcode Glossary [tooltip_glossary]</li>
</ul>
<blockquote>
<h4>DEMO</h4>
<ul>
<li><a href="https://wpjam.co/tooltipy" rel="nofollow ugc">Live DEMO</a></li>
<li>Admin Live DEMO : will be available soon…</li>
<li>user      : demo</li>
<li>password  : demo</li>
</ul>
</blockquote>
<h4>Check How to add a keyword with KTTG on this 2 minutes video.</h4>
<p><iframe loading="lazy" title="Tooltipy (KTTG) : Add new keyword" width="750" height="563" src="https://www.youtube.com/embed/JBdyLKa4DMI?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<h4>New Features</h4>
<ul>
<li>Now you can add CSS classes to inline keywords and popups, suggested by <a href="https://wordpress.org/support/topic/have-everything-i-need" rel="ugc">Dima Stefantsov</a> </li>
<li>Multi CSS classes added to keywords and popups so you can easily style you keywords (you can style a specific keyword, keywords from a specific catégorie -family- or a keyword depending on if it contains youtube video or not…)</li>
<li>v3.0 keywords appear anywhere on your site not only on the post content, on heders footers and even in widgets</li>
<li>Now it works with Japanese and Chinese languages thanks to <a href="https://wordpress.org/support/topic/not-works-in-langs-without-space-separation?replies=1#post-7249845" rel="ugc">Plugmon</a></li>
<li>KTTG is now responsive (for devices lesst then 400px)</li>
<li>new click method trigger</li>
<li>Custom glossary link page label</li>
<li>New glossary : content is listed under the keywords (thanks for <a href="https://profiles.wordpress.org/kaisersoze13" rel="nofollow ugc">KaiserSoze13</a> )</li>
<li>Now you are able to generate shortcodes on the tooltips, thanks to <a href="http://www.columbuscook.com" rel="nofollow ugc">ColumbusCook</a></li>
</ul>
<h4>Features</h4>
<ul>
<li>v3.0 keywords appear anywhere on your site not only on the post content, on heders footers and even in widgets</li>
<li>Several Animations provided (on settings page) thanks to <a href="https://github.com/daneden/animate.css" rel="nofollow ugc">Animate.css</a></li>
<li>Supports Unicode characters (Arabic, Russian …)</li>
<li>Bugs fixed (apostrophe issue, error messages …)</li>
<li>Glossary page new settings (keywords per page, labels …)</li>
<li>Tooltip width setting</li>
<li>Close button tooltip</li>
<li>Dotted style is now available for keywords (from v2.1.8)</li>
<li>It’s very simple: After installing and activating the plugin you only need to add your keywords (KeyWord, description, image) the rest is magic</li>
<li>From the settings Customize the style of the tooltips depending on the color scheme of your site</li>
<li>The widget will display the list of keywords related to the current post on your sidebar</li>
<li>Decide if you want to apply the plugin for posts and/or pages</li>
<li>Case insensitive fetch</li>
<li>A list of related keywords will be updated after each post/keyWord manipulation</li>
<li>allow to choose to Match all occurrences or once in the same post from the settings page</li>
<li>activate or desactivate a specific post being matched by keywors</li>
<li>list excluded posts in a new tab in the admin setting page</li>
<li>supports synonyms</li>
<li>related posts metaBox in the Keyword edit page</li>
<li>keywords in concern metaBox in the post edit page</li>
<li>Keywords Converter tool (nemu : Tools -> KTTG Converter), allows you to import keywords from third party plugins adding them to your glossary</li>
<li>Style settings (real time preview)</li>
<li>Checkbox to add or remove background color</li>
<li>images tooltip with the ‘alt’ property in content (v2.1.5)</li>
<li>Glossary support ShortCode [tooltip_glossary]</li>
<li>Support case sensitive (as a metabox)</li>
<li>match all synonyms when check match once</li>
<li>Tooltip Positions setting provided (Top, Bottom, Right, Left)</li>
<li>New Setting show/hide a link to the glossary page</li>
</ul>
<h4>Languages</h4>
<p>The plugin is available in these languages :</p>
<ul>
<li>English – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a> my self 🙂</li>
<li>French (fr_FR) – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a></li>
<li>German (de_DE) – <a href="www.Zwilla-Research.com" rel="nofollow ugc">Michael Padilla</a></li>
<li>Arabic (ar) – <a href="http://www.tooltipy.com" rel="nofollow ugc">Jamel Zarga</a></li>
<li>Dutch (nl_NL) – <a href="http://www.slotschaesberg.nl" rel="nofollow ugc">Kees Hessels</a></li>
<li>Turkish (tr_TR) – Eyyüp Güner</li>
<li>Italian (it_IT) – <a href="https://profiles.wordpress.org/genioallopera" rel="nofollow ugc">Genioallopera</a></li>
<li>Spanish (es_ES) – Andrew Kurtis – <a href="http://www.webhostinghub.com" rel="nofollow ugc">WebHostingHub.com</a></li>
<li>Chinese (zh_cn) – Zchen – <a href="https://www.zchen.info" rel="nofollow ugc">zchen.info</a></li>
</ul>
<h4>ScreenShots</h4>
<ul>
<li><a href="https://wordpress.org/plugins/bluet-keywords-tooltip-generator/screenshots/" rel="ugc">Screenshots Here</a></li>
</ul>
<h4>Support</h4>
<ul>
<li><a href="https://wordpress.org/support/plugin/bluet-keywords-tooltip-generator" rel="ugc">Support</a></li>
</ul>


Tooltipy (tooltips for WP)

Tooltipy allows you to highlight the keywords in your content in order to show a responsive description tooltips

<p>This plugin displays the content of a file in a post. The content of the file<br />
(called a “snippet”) is put in a <code><pre></pre></code> block by default.</p>
<p>It has the following advantages over pasting the content of the file in your post<br />
yourself:</p>
<ul>
<li>When the file is modified, no need to modify the posts referring to it</li>
<li>Indentation is preserved by default (useful to show code snippets)</li>
<li>Can optionally provide a link to the file (no need to copy-paste your snippet)</li>
</ul>
<p>If requested (see the <code>preserveformat</code> parameter), the content of the file<br />
is put in a <code><div></div></code> block, with each line (delimited by<br />
the carriage return) in its own <code><p></p></code> block.</p>
<h4>Usage</h4>
<p>Syntax: <code>[file lang="some_lang" start="a_line_number" end="a_line_number" link="on_or_off" style="some_style_properties" preserveformat="on_or_off"]path/to/your/file[/file]</code></p>
<p>Note: The order of the attributes is mandatory!</p>
<h4>Example: Inlining of a file</h4>
<p>In your post, write <code>[file]path/to/your/file[/file]</code>. That’s it!</p>
<h4>Example: Using a syntax highlighter plugin</h4>
<p>If you write <code>[file lang="cpp"]path/to/your/file[/file]</code> (for instance),<br />
and if the syntax highlighter plugin you use supports<br />
the <code><pre lang="*"></pre></code> syntax (most does), then the content<br />
of your file will be processed by the syntax highlighter plugin as usual.</p>
<h4>Example: Provide a link to the file</h4>
<p>If you write <code>[file link="on"]path/to/your/file[/file]</code>, a link will<br />
be automatically added to the top left of the text area.</p>
<h4>Example: Inline a subset of a file</h4>
<p>If you write <code>[file start="10" end="20"]path/to/your/file[/file]</code>,<br />
only the lines 10 to 20 of the file will be displayed. You can omit the start<br />
(ie. “from beginning to line 20”) or the end (ie. “from line 10 to the end of<br />
the file”) if you want.</p>
<h4>Example: Set the color of the text to red</h4>
<p>In your post, write <code>[file style="color: #FF0000;"]path/to/your/file[/file]</code>.</p>
<h4>Example: Prevent the plugin to process a [file][/file] block</h4>
<p>Just write <code>[file off]your content[/file]</code>.</p>
<p>Note: The ‘off’ attribute must come BEFORE any other ones.</p>


File Inliner

This plugin displays the content of a file in a post.

Tooltipy (tooltips for WP) vs File Inliner