Toile de Maître

<p>An extension to make accessible tooltips easily using the awesome TippyJS library (https://atomiks.github.io/tippyjs/).<br />
Works with Gutenberg and classic editor.</p>


Accessible Tooltips

An extension to make accessible tooltips easily using the awesome TippyJS library (https://atomiks.github.io/tippyjs/).

DAEXT

<p>This plugin allows you to automatically generate tooltips in the content of your posts, pages, and custom post types. Specifically, the plugin applies the tooltips on the fly based on the keywords defined in the back-end.</p>
<p>Automatic Tooltips is ideal to describe words that the user may not fully understand. For example, in a blog targeted at web developers, you can create a tooltip on the “Interaction Design” phrase to provide additional information about this UI Design term.</p>
<h3>How the plugin works</h3>
<p>Technically the plugin uses regular expressions to find occurrences of the keywords in your posts. More precisely, the plugin executes these regular expressions each time a user visits a post.</p>
<p>It’s important to note that the plugin does not alter the content of your posts. Instead, it uses a WordPress filter to add the HTML attributes used to generate the tooltip.</p>
<p>The plugin is versatile and suitable to be used with any language. You can even control advanced regular expression parameters from the plugin settings. For example, when you configure a new tooltip, you have the ability to:</p>
<ul>
<li>Create a case sensitive or case insensitive search of the keyword</li>
<li>Define specific left and right boundaries for the keyword. For example, in English-like languages, you can decide to find only keywords separated by a whitespace character.</li>
<li>Match keywords that are preceded or followed by specific characters.</li>
<li>Limit the number of matches of the keyword in the same post. For example, you can use this option to add the tooltips only on the first occurrence of a keyword.</li>
<li>Set a priority value to determine which keyword should have priority over the others when there is a limit on the overall number of tooltips of the post.</li>
</ul>
<h3>Notable features</h3>
<h4>Tooltips statistics</h4>
<p>The plugin comes with a dedicated tooltips statistics menu. Here you can find the exact number of tooltips generated by the plugin in each post of your website. Use this information to monitor and configure the automatic tooltip of your website.</p>
<h4>Customizable style</h4>
<p>We have included 22 style customization options so you can create a custom look for your tooltips. In this section, you can set the typography of the tooltips, define the tooltips width, set the tooltips border radius, set the text decoration applied to the keywords that activate the tooltips, and more.</p>
<h4>Ability to target specific post types, categories, and tags</h4>
<p>The plugin gives you the ability to apply the tooltips only in specific post types, categories, or tags. This feature allows you, for example, to use the automatic tooltips only in the blog articles, to create distinct sets of automatic tooltips for different sections of the website, and more.</p>
<h3>More plugins from us</h3>
<p>If you like this plugin and are interested in other products with similar quality, please check <a href="https://daext.com/products/" rel="nofollow ugc">our portfolio</a>.</p>
<h3>Credits</h3>
<p>This plugin makes use of the following resources:</p>
<ul>
<li><a href="https://github.com/harvesthq/chosen" rel="nofollow ugc">Chosen</a> licensed under the <a href="http://www.opensource.org/licenses/mit-license.php" rel="nofollow ugc">MIT License</a></li>
</ul>
<p>You can find the actual copy of the license inside the folder used to store the library files.</p>


Automatic Tooltips – On-the-Fly Tooltips Based on Your Keywords

Automatically add tooltips to your post content based on keywords and their definitions configured in the back-end.

Accessible Tooltips vs Automatic Tooltips – On-the-Fly Tooltips Based on Your Keywords