Highlight and Share at its core is a highlighter. If users select some text, the user will be shown a row of enabled social networks.

Text Selection

Highlight and Sharing displays a small pop-up when a reader highlights text on your site.

By default, this works on any post or page content. You can customize Highlight and Share to show anywhere using advanced selectors.

Inline Highlighting

You can mark a selection of text as an inline highlight using the Block Editor format option, or wrapping a selection with class has-inline-text.

Click to Share Block and Shortcode

The Click to Share block and shortcode allow you to heavily customize a "Click to Share" box that readers can click on to share.

Image Sharing

Enable Pinterest and the Web Share API for your images.

Finding the Admin Settings From the Plugins Screen

If you are on the plugin's screen, search for Highlight and Share and click on the Settings link.

Finding the Admin Settings from the Menu

Alternatively, in the admin menu, head to Settings->Highlight and Share.

Install from the WordPress Admin

1. Log into your WordPress admin (i.e., your dashboard)

2. Go to Plugins->Add New

3. Type in "Highlight and Share"

4. Install and Activate the plugin

After activation, you can find the plugin's settings in the Dashboard under Settings->Highlight and Share.

Install via FTP

1. Download the plugin zip file from the WordPress Plugin Directory

2. Unzip the plugin zip in a place you can remember for the next steps

3. Log into your FTP program of choice for your website

4. Upload the unzipped folder into wp-content/plugins

5. Log into your admin dashboard

6. Head to the plugins screen

7. Search for Highlight and Share.

8. Activate the plugin

After activation, you will be taken to the plugin's settings screen.

To enable/disable social networks, click on the Settings tab within the Highlight and Share options.

Within the Settings tab, you'll find a section called Social Networks.

Simply toggle the social networks you'd like to see on the frontend of the site.

Available Social Networks

The following social networks are available for sharing.

To configure Display settings, click on the Settings tab within the Highlight and Share options.

By default, Highlight and Share text selection is enabled for the post content, excerpts, and also mobile devices.

Within the Display settings, you can:

• Disable or enable Highlight and Share on mobile devices.

• Have Highlight and Share show on your post content.

• Have Highlight and Share show on your post excerpts.

• Have Highlight and Share show on your comments.

Highlight and Share allows for custom selectors.

Custom selectors are handy when you are using a page builder and the content is not within the normal content loop.

In general, you shouldn't have to choose a selector unless directed by support or a developer.

CSS Class Selectors

Input any CSS classes (without the dots and comma-separated).

Highlight and Share will search for these classes and will be enabled for any text within these classes.

An example would be enabling Highlight and Share for widget areas.

CSS ID Selectors

Input any CSS IDs (without the # sign and comma-separated).

Highlight and Share will search for these IDs and will be enabled for any text within the CSS ID.

HTML Elements

Input any HTML elements (e.g., section, main).

Highlight and Share will search for these elements and will be enabled for any text within the elements.

How Highlight and Share Works

Text Selection

Highlight and Sharing displays a small pop-up when a reader highlights text on your site.

By default, this works on any post or page content. You can customize Highlight and Share to show anywhere using advanced selectors.

Inline Highlighting

You can mark a selection of text as an inline highlight using the Block Editor format option, or wrapping a selection with class has-inline-text.

Click to Share Block and Shortcode

The Click to Share block and shortcode allows you to heavily customize a "Click to Share" box that readers can click on to share.

Image Sharing

Share your images using Pinterest or the Web Share API.

Shortlinks turns a long URL into a shorter version.

If you share text on a social network such as Twitter, you can save a few characters by shortening your URLs.

For shortlink services, it is recommended to use Jetpack or Bitly.

You can find the Reorder section in the Appearance tab.

Simply drag and drop to change the order of the networks.

Be sure to save your changes when reordering is complete.

You are able to view a preview at the bottom of the Appearance tab.

You can find the theme preview at the bottom of the Appearance tab.

Should you choose to reorder any social networks or customize or change a theme, you will find that the preview automatically updates.

Be sure to save any settings when you are through with any theme modifications.

To change the appearance of Highlight and Share, head to the Appearance tab within the admin settings.

Within the Appearance tab, you can reorder the social networks, customize the theme, and see a theme preview.

Here are the pages within this section.