Jonas Grønås Drange

<p>The plugin adds one js-file which searches through your blog and adds extra HTML markup to <code>.key-shortcut</code> elements.</p>
<p>A stylesheet is added that applies styling to the extra HTML markup.</p>
<p>This results in <code>.key-shortcut</code> elements looking somewhat like keyboard buttons.</p>


Key Shortcut Formatter

Key Shortcut Formatter enhances the presentation of keyboard shortcuts with simple CSS and JavaScript

Ronald Huereca

<p>Show relevant social networks when users highlight text, click an inline highlight, interact with an image, or click on a Click to Share box. <a href="https://wordpress.org/plugins/highlight-and-share/?preview=1" rel="ugc">Check out the live demo</a>.</p>
<p><iframe loading="lazy" title="Highlight and Share - High Level Introduction" width="750" height="422" src="https://www.youtube.com/embed/ZZWiLZtfqcI?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>
<p>Highlight and Share has the following major features (links are to docs):</p>
<ol>
<li>Show <a href="https://docs.dlxplugins.com/v/highlight-and-share/getting-started/enabling-the-social-networks" rel="nofollow ugc">enabled social networks</a> when users select text.</li>
<li>Add <a href="https://docs.dlxplugins.com/v/highlight-and-share/inline-highlighting/what-is-inline-highlighting" rel="nofollow ugc">inline highlighting</a> to split out longform text.</li>
<li>Create a Click to Share box via the <a href="https://docs.dlxplugins.com/v/highlight-and-share/click-to-share-block/the-click-to-share-block" rel="nofollow ugc">block editor</a> or <a href="https://docs.dlxplugins.com/v/highlight-and-share/click-to-share-shortcode/shortcode-parameters" rel="nofollow ugc">shortcode</a>.</li>
<li>Add Pinterest and the Web Share API to images <a href="https://docs.dlxplugins.com/v/highlight-and-share/image-sharing/what-is-image-sharing" rel="nofollow ugc">for image sharing</a>.</li>
</ol>
<blockquote>
<p>Not sure where to start? Please check out <a href="https://youtube.com/playlist?list=PLw2fSxxzure64RVDMsBd1DzU87YY0pRTb&si=1JpVYegYj5jskn27" rel="nofollow ugc">our video series</a> (YouTube) and our <a href="https://docs.dlxplugins.com/v/highlight-and-share" rel="nofollow ugc">comprehensive documentation</a> ❤️️</p>
</blockquote>
<p>If you have a feature request, <a href="https://dlxplugins.com/support/" rel="nofollow ugc">please leave a support request.</a>.</p>
<h3>Features</h3>
<ul>
<li>Show social networks on text selection.</li>
<li>Inline highlighting.</li>
<li>A comprehensive Click to Share block.</li>
<li>A comprehensive Click to Share shortcode.</li>
<li>Image sharing via Pinterest and the Web Share API.</li>
<li>Customize the appearance of the social networks.</li>
<li>Customize the appearance of the inline highlighting.</li>
<li>Enable social networks in the comments section when highlighting text.</li>
<li>Enable or disable on main content and excerpts.</li>
<li>Enable or disable each social network.</li>
<li>Translate the labels and tooltips into your language, or just change up the text.</li>
<li>Customize the Twitter username used.</li>
<li>Enable hashtags on posts/pages</li>
<li>Pre-selected and locally sourced Google Fonts and Adobe Fonts.
</li>
<li>Email protection via Akismet and reCAPTCHA 3</li>
<li>Customize how inline highlighting looks</li>
<li>Works with Page Builders using advanced selectors</li>
</ul>


Highlight and Share – Social Text and Image Sharing

A lightweight and unobtrusive social media plugin for displaying social networks.

Key Shortcut Formatter vs Highlight and Share – Social Text and Image Sharing