westcoastdigital

<p>This plugin uses hooks append social share icons to your content.</p>
<p>It uses the if_single() WordPress hook to ensure only fires on all single posts or the included WooCommerce hooks.</p>
<p>Configured shared content:</p>
<p>Image = post featured Image – full url<br />
Title = post title<br />
Content = the first 40 words of the content<br />
URL = the post permalink</p>
<h3>Social Media Channels</h3>
<p>These are the social channels currently supported by the plugin<br />
* Facebook<br />
* Twitter<br />
* Pinterest<br />
* LinkedIn<br />
* WhatsApp<br />
* Email</p>
<h3>Customisations</h3>
<p>If you want to find custom icons, I recommend you check out <a href="https://iconmonstr.com/" rel="nofollow ugc">https://iconmonstr.com</a></p>
<p>To use Iconmonstr SVG code<br />
1. Search for your required icon<br />
1. Click on the icon you like<br />
1. Ensure SVG is selected<br />
1. Agree to the license conditions<br />
1. Click on Embed<br />
1. Ensure Inline is selected<br />
1. Highlight the displayed SVG code<br />
1. Copy and paste the code into the relevant icon section<br />
1. Save Changes at the bottom of the page</p>
<p>You can add more sharing using the following function and modifying it as required</p>
<pre><code>function add_extra_icons($social_links) {

    $title = get_the_title();
    $url = urlencode( get_permalink() );
    $excerpt = wp_trim_words( get_the_content(), 40 );
    $thumbnail = get_the_post_thumbnail_url( 'full' );
    $author_id=$post->post_author;
    $author = get_the_author_meta( 'display_name' , $author_id );
    // Swap your svg code
    $icon = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M14.238 15.348c.085.084.085.221 0 .306-.465.462-1.194.687-2.231.687l-.008-.002-.008.002c-1.036 0-1.766-.225-2.231-.688-.085-.084-.085-.221 0-.305.084-.084.222-.084.307 0 .379.377 1.008.561 1.924.561l.008.002.008-.002c.915 0 1.544-.184 1.924-.561.085-.084.223-.084.307 0zm-3.44-2.418c0-.507-.414-.919-.922-.919-.509 0-.923.412-.923.919 0 .506.414.918.923.918.508.001.922-.411.922-.918zm13.202-.93c0 6.627-5.373 12-12 12s-12-5.373-12-12 5.373-12 12-12 12 5.373 12 12zm-5-.129c0-.851-.695-1.543-1.55-1.543-.417 0-.795.167-1.074.435-1.056-.695-2.485-1.137-4.066-1.194l.865-2.724 2.343.549-.003.034c0 .696.569 1.262 1.268 1.262.699 0 1.267-.566 1.267-1.262s-.568-1.262-1.267-1.262c-.537 0-.994.335-1.179.804l-2.525-.592c-.11-.027-.223.037-.257.145l-.965 3.038c-1.656.02-3.155.466-4.258 1.181-.277-.255-.644-.415-1.05-.415-.854.001-1.549.693-1.549 1.544 0 .566.311 1.056.768 1.325-.03.164-.05.331-.05.5 0 2.281 2.805 4.137 6.253 4.137s6.253-1.856 6.253-4.137c0-.16-.017-.317-.044-.472.486-.261.82-.766.82-1.353zm-4.872.141c-.509 0-.922.412-.922.919 0 .506.414.918.922.918s.922-.412.922-.918c0-.507-.413-.919-.922-.919z"/></svg>';
    $extra_icons = array(
        '<a href="https://reddit.com/submit?url={' . $url . '}&title={' . $title . '}" class="add-share" title="' . __( 'Add this post!', 'gp-social' ) . '">' . $icon . '</a>',
    );

    // combine the two arrays
    $social_links = array_merge($extra_icons, $social_links);

    return $social_links;
}
add_filter('add_social_icons', 'add_extra_icons');
</code></pre>
<p>You can add prefix text like this</p>
<pre><code>function prefix_text($content) {
    $content = 'Social Share This';
    return $content;
}
add_filter( 'add_social_prefix', 'prefix_text' );
</code></pre>


GP Social Share

Thank you for a simple, beautiful, lightweight social share plugin. And compatible one of my favorite theme/frameworks (GeneratePress).

LOVE IT! LIGHTWEIGHT

Add social share icons to single posts within GeneratePress Theme

Namogo

<p>An Elementor widget that lets you add an SVG file as markup instead of an html image tag.</p>
<h3>How it works</h3>
<p>Elementor Inline SVG works much like the core Image widget from Elementor, except that it expects SVG files and outputs the file’s contents as markup in your page. This eliminates the extra HTTP request that otherwise occurs when using the  tag and allows for styling and interacting with the SVG elements through CSS and Javascript.</p>
<h3>Options</h3>
<ol>
<li>Max-width control that lets you specify a maximum width in pixels or percentage [responsive]</li>
<li>Custom aspect ratio to change the default aspect ration of the contents [responsive]</li>
<li>Alignment to left, center or right</li>
</ol>


GP Social Share vs Elementor Inline SVG