Highlight and Share Receives a Massive Update with 4.0

Highlight and Share Receives a Massive Update with 4.0

Highlight and Share 4.0 is here and this is the biggest release in its history. Version 4.0 is a complete rewrite of my free plugin Highlight and Share. Read on for what is new with this epic new release.

Smarter Social Network Positioning

No alt text provided for this image
Highlighting Text on a Post or Page

Highlight and Share at its core is a text highlighter; when you select text within a post or page, you will be shown several social options.

In 4.0, the social icons now show directly above the selection. It is intelligently positioned based on several factors. You'll find Highlight and Share more out of the way, but prominent enough to attract attention.

If the window is too small or the icons go out of the viewport, the icons automatically re-position themselves.

New Vertical Orientation

No alt text provided for this image
Vertical Orientation of the Highlight and Share Networks

In addition to horizontal positioning, you are able to change the orientation to vertical. This is extremely useful if you have a lot of social networks enabled.

Tooltips!

No alt text provided for this image
Tooltips Make it Easy to View Which Social Network is Which

There is no longer a need to guess what social network is what if you have icons-only enabled. Simply hover over the social network icon to view a tooltip.

You are able to change the tooltips/labels per social network as needed in the main admin settings of Highlight and Share.

The Click to Share Block has been "Modernized"

No alt text provided for this image
A Modern Click to Share Block

Pre-4.0, the "Click to Share" block included with Highlight and Share was pretty basic as far as customizations go. With 4.0, the Click to Share block has been given a ton of options so that you can customize the block heavily.

No alt text provided for this image
Heavily Customized Click to Share Block

Here are some of the many new features of the Click to Share block.

Rich Text Editing for the Text

No alt text provided for this image
Rich Text Settings for the Sharing Section

Previously, the Shareable text was just that: text. Now there are several Rich Text formatting options that you can apply to the shareable text.

Customize the CTA and CTA Icon

No alt text provided for this image
Options for Modifying the Call to Action Text and Icon

You can now customize the text of the CTA, hide or show the CTA/CTA Icon, and adjust the size of the CTA icon.

Robust Typography Options

You can now adjust the typography options of both the Shareable Text and the Call to Action. Previously you could only adjust the font size and font weight. Typography options can also be set per breakpoint.

No alt text provided for this image
Typography Settings for the Shareable Text and Call to Action

Clicking on the Settings icon will show a popover where you can adjust the typography settings per breakpoint.

No alt text provided for this image
Typography Popover Settings

Set the Background Type

You can now set the background of the Click to Share block with three options: solid, gradient, or background image.

No alt text provided for this image
Choose a Background and Background Hover Color

With the Solid background type, you can choose between a solid background color for both the regular and hover state.

For the Gradient background type, you can select a gradient for the regular state and hover state. To make things a bit easier, there is a "Sync Gradients" option which allows you to edit both gradients at once. There's also a convenient gradient generator, which will shuffle through some preset gradients.

No alt text provided for this image
Gradient Options for the Click to Share Block

Choosing an Image as the background is also possible. You can also adjust the background opacity and background settings for more fine-tuning.

No alt text provided for this image
Background Image Options for the Click to Share Block

Adjust Colors

You can adjust the colors for all the items in the Click to Share block for both the regular and hover states.

No alt text provided for this image
Adjust the Colors for all Click to Share Items

Adjust Padding and Spacing

One new addition to the Click to Share block is to adjust the padding/spacing of various elements. You can customize these per breakpoint (desktop, tablet, mobile).

No alt text provided for this image
Spacing Options for the Click to Share Block

Responsive Options

Lastly for the Click to Share block, you can adjust the responsive options for Desktop, Tablet, and Mobile. Just click on each for a preview and which options you can adjust per breakpoint.

No alt text provided for this image
Choose Between Desktop, Tablet, and Mobile Views

Inline Highlighting is More Intuitive

Inline Highlighting is a feature Highlight and Share has had for a while. If you're using the block editor, you can use the formatting option to highlight any rich text.

No alt text provided for this image
Inline Highlighting on a Post or Page

On the frontend, the user will see some highlighted text and can click on it to reveal the social networks.

No alt text provided for this image
Inline Highlighting on the Frontend

You can also adjust how inline highlighting looks in the admin panel options.

No alt text provided for this image
Inline Highlighting Options in the Admin Settings

Revamped Admin Panel Options

No alt text provided for this image
New Admin Panel Settings

Highlight and Share's admin settings have been rewritten and redesigned. The hope here is that you'll find all of the settings rather intuitive and well-designed.

Here's what's included in the admin panel redesign.

Reorder Social Networks

No alt text provided for this image
Reorder Settings in the new Appearance and Theme Settings tab.

One highly requested feature is to reorder the social networks. With the new Appearance tab, you can completely customize the order the icons show up.

Appearance Customizer

Not content with the built-in themes? You can now customize the social icons to exactly your specifications. You can even change individual icon colors should you so choose.

No alt text provided for this image
Adjust Icon Appearance in the Admin Settings

And So Much More...

Within the new admin panel, you can:

  • Adjust labels and tooltips for each social network
  • Set email options including Akismet spam protection and reCAPTCHA 3
  • Use Adobe Fonts and Google Fonts in the block editor for typography
  • Adjust inline highlighting and its colors

Get Highlight and Share. It's free!

要查看或添加评论,请登录

Ronald Huereca的更多文章

  • Announcing QuotesDLX - A WordPress Quote Block

    Announcing QuotesDLX - A WordPress Quote Block

    I'm pleased to announce my latest WordPress Plugin: QuotesDLX. It is a Quotes block for WordPress with an emphasis on…

    4 条评论
  • Toggl Plan and Gravity Forms - A New Plugin & Great Workflow

    Toggl Plan and Gravity Forms - A New Plugin & Great Workflow

    Toggl Plan? What is that? And why code an add-on for Gravity Forms for it? Toggl Plan is a sister product of Toggl…

    2 条评论
  • User Profile Picture Enhanced Has a Giveaway

    User Profile Picture Enhanced Has a Giveaway

    User Profile Picture is trusted by 40,000+ websites. Throughout the years of supporting the plugin, users have been…

  • New Modules for Beaver Builder

    New Modules for Beaver Builder

    I've added several new modules for my MediaRon Modules for Beaver Builder including a card module, testimonial module…

    1 条评论
  • Highlight and Share 3.0 has been released

    Highlight and Share 3.0 has been released

    Highlight and Share 3.0 has been released with a new copy feature as well as a Gutenberg block that allows click to…

  • EmailOctopus Re-Factor

    EmailOctopus Re-Factor

    I have recently completed a successful plugin revamp for a company named EmailOctopus. EmailOctopus is an email…

  • Need WordPress Help?

    Need WordPress Help?

    I am currently looking for Freelancing opportunities for WordPress. If you know anybody looking for WordPress help…

社区洞察

其他会员也浏览了