Tippy Tooltip Test


Let’s try a Tippy embed using html5 short code:

Here is a standard audio embed using the shortcode:

Here is by far the best tooltip plugin choice: “Tippy” for WordPress … a very good-looking plugin that allows html styling in the tooltip content:


And here is some text below the SoundCloud player. Might this work as a caption, once styled? Why yessir, it works great, doesn’t it?

Here is an embedded recording using the WP 3.6 audio shortcode:

<img loading="lazy" src="http://old-miracle.com/wp-content/uploads/lang_pic_for_newsletter-150x150.png" alt="lang_pic_for_newsletter" width="150" height="150" class="alignleft size-thumbnail wp-image-19783" srcset="https://old-miracle.com/wp-content/uploads/lang_pic_for_newsletter-150x150.png 150w, https://old-miracle.com/wp-content/uploads/lang_pic_for_newsletter-115x115.png 115w, https://old-miracle.com/wp-content/uploads/lang_pic_for_newsletter.png 175w" sizes="(max-width: 150px) 100vw, 150px" /><span class="dropcap">W</span>hen you hover over a <strong>Tippy</strong> link, you will get a popup (you can also require the link to be clicked!). And not only that, with the <strong>Tippy</strong> plugin, you can embed photos and <em>otherwise style</em> the text. <p>Plus it works with WordPress automatic paragraphs, which this one is! I&#8217;m sure too that the CSS for the plugin could be adjusted to change the positioning of the tooltip, etc. (actually, you can position the tooltip in the &#8220;options&#8221; settings!).</p> <p>I think we&#8217;re set with this one. Furthermore, Tippy just got updated, the author is from the US, and the code looks very clean. Another strong point: the tooltip is always visible on a page, even if the link is at the very bottom &#8230; what happens is that the tooltip moves up when necessary. I absolutely love this plugin!</p> <p><audio class="wp-audio-shortcode" id="audio-20661-3" autoplay="1" preload="none" style="width: 100%;" controls="controls"><source type="audio/mpeg" src="http://old-miracle.com/wp-content/audio/eagle_bluffs.mp3?_=3" /><a href="http://old-miracle.com/wp-content/audio/eagle_bluffs.mp3">http://old-miracle.com/wp-content/audio/eagle_bluffs.mp3</a></audio></p>