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

Palasthotel

greatestview

<p><strong>CAUTION</strong>: This plugin is now deprecated! The successor plugin is <a href="https://wordpress.org/plugins/embed-javascript-file-content/" rel="ugc">Embed JavaScript File Content</a>. The new plugin is rebuild from scratch and more rock solid: It respects order and position of scripts and extra scripts added via <code>wp_add_inline_script</code> or <code>wp_localize_script</code> don’t get lost. Give it a try!</p>
<p>In some cases you cannot wait for a JavaScript file to load, even if it is placed early in the <code><head></code> section of your template. You can benefit from better performance, if you place the JavaScript code directly inside a <code><script></code> tag into the header. This is where this plugin comes in: It provides a filter <code>inline_javascript_in_head_handles</code>, which takes JavaScript handles, dequeues those scripts and echos their code content inline into the head section instead of linking them via a script tag.</p>
<p>Please beware that placing lots of JavaScript code inline in the <code><head></code> section can be critical! First you lose caching benefits and second the document size can increase easily. A general rule of thumb is that you should only consider JavaScript files for inline placement, which are critical and which have a file size lower than ~500 Bytes.</p>
<h4>Example</h4>
<pre><code>add_action( 'wp_enqueue_scripts', 'my_scripts' );
function my_scripts() {
    // Some critical script is enqueued
    wp_enqueue_script( 'js-detection', get_template_directory_uri() . '/js/js-detection.js' );
}

/**
 * Define JavaScript handles to be echoed inline in the html head section.
 */
add_filter( 'inline_javascript_in_head_handles', 'my_inline_javascript_in_head_handles', -20 );
function my_inline_javascript_in_head_handles( $handles ) {
    $scripts = [ 'js-detection' ];

    return array_merge( $handles, $scripts );
}
</code></pre>


Inline JavaScript in Head

Boosts performance of critical short JavaScripts by placing their content directly into the HTML head.

Tooltipy (tooltips for WP) vs Inline JavaScript in Head