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

kubiq

ShortPixel

<p><strong>Securely upload SVG files to your Media Library. Uploaded SVG files are automatically sanitized.</strong></p>
<p>SVG stands for <a href="https://en.wikipedia.org/wiki/Scalable_Vector_Graphics" rel="nofollow ugc">Scalable Vector Graphics</a> and is probably the most efficient way to display images.<br />
WP SVG Images Plugin is an <strong>easy-to-use and lightweight plugin</strong> that allows you to upload SVG files to your media library safely and easily.</p>
<h4>Features</h4>
<ul>
<li>Support for SVG uploads to your Media Library.</li>
<li>Sanitize uploaded SVG files. Malicious SVG/XML files are rejected from upload.</li>
<li>Admin configurable SVG support for different user roles. Ability to disable SVG upload for different user roles.</li>
<li>Different user roles can upload and/or sanitize the uploaded SVG images.</li>
<li>SVG preview in Media Library.</li>
</ul>
<h4>Support</h4>
<p>24/7 SVG support offered by <a href="https://shortpixel.com" rel="nofollow ugc">ShortPixel</a> <a href="https://shortpixel.com/contact" rel="nofollow ugc">here</a> or <a href="https://wordpress.org/support/plugin/wp-svg-images/" rel="ugc">here</a>.</p>
<h4>Recommended plugins</h4>
<p>This plugin is supported & maintained by <a href="https://shortpixel.com/" rel="nofollow ugc">ShortPixel</a>.<br />
Other popular plugins by ShortPixel:<br />
<a href="https://wordpress.org/plugins/fastpixel-website-accelerator/" rel="ugc">FastPixel Caching</a> – WP Optimization made easy<br />
<a href="https://wordpress.org/plugins/shortpixel-image-optimiser/" rel="ugc">ShortPixel Image Optimizer</a> – Image optimization & compression for all the images on your website, including WebP delivery – ShortPixel Image Optimizer.<br />
<a href="https://wordpress.org/plugins/shortpixel-adaptive-images/" rel="ugc">ShortPixel Adaptive Images</a> – On-the-fly image optimization & CDN delivery.<br />
<a href="https://wordpress.org/plugins/enable-media-replace/" rel="ugc">Enable Media Replace</a> – Easily replace images or files in Media Library.<br />
<a href="https://wordpress.org/plugins/regenerate-thumbnails-advanced/" rel="ugc">reGenerate Thumbnails Advanced</a> – Easily regenerate thumbnails.<br />
<a href="https://wordpress.org/plugins/resize-image-after-upload/" rel="ugc">Resize Image After Upload</a> – Automatically resize each uploaded image.</p>
<h3>Hooks for developers</h3>
<h4>WPSVG_setAllowedTags</h4>
<p>Allows you to specify more tags that will be not removed during sanitization</p>
<pre><code>add_filter( 'WPSVG_setAllowedTags', 'my_custom_allowed_svg_tags', 10, 1 );
function my_custom_allowed_svg_tags( $tags ){
    $tags[] = 'path';
    return $tags;
}
</code></pre>
<h4>WPSVG_setAllowedAttrs</h4>
<p>Allows you to specify more attributes that will be not removed during sanitization</p>
<pre><code>add_filter( 'WPSVG_setAllowedAttrs', 'my_custom_allowed_svg_attributes', 10, 1 );
function my_custom_allowed_svg_attributes( $attributes ){
    $attributes[] = 'fill';
    return $attributes;
}
</code></pre>


WP SVG Images

Add SVG support to your WP website. Securely upload SVG files, automatic sanitization, Media Library preview.

GP Social Share vs WP SVG Images