kubiq

<p>Easily use <code>[better_share_buttons]</code> shortcode anywhere you want.<br />
Create your own styles, or choose from existing ones.<br />
This plugin is optimized for fastest websites – it will not load any JS files and it will load CSS file only when it is needed.</p>
<p><strong>This plugin allows you to:</strong></p>
<ul>
<li>create multiple social share icon styles</li>
<li>use shortcode to display share icons anywhere you want</li>
<li>create your own styles in your theme folder</li>
<li>customize basic settings directly in admin</li>
<li>use different icons for social networks</li>
</ul>
<h3>Hooks</h3>
<p><strong>customize wrapper classes</strong></p>
<pre><code>add_filter( 'share_buttons_classes', function( $classes, $share_buttons_settings, $share_buttons_id ){
    $classes[] = 'my-custom-class';
    return $classes;
}, 10, 3 );
</code></pre>
<p> </p>
<p><strong>customize wrapper CSS output</strong></p>
<pre><code>add_filter( 'share_buttons_styles', function( $style, $share_buttons_settings, $share_buttons_id ){
    $style[] = '--my-var: 50px';
    return $style;
}, 10, 3 );
</code></pre>
<p> </p>
<p><strong>customize html form more button</strong></p>
<pre><code>add_filter( 'better_share_buttons_more', function( $html, $share_buttons_settings, $share_buttons_id ){
    // replace SVG icon path with a custom one
    $html = str_replace( 'M18 14V8h-4v6H8v4h6v6h4v-6h6v-4h-6z', 'M18.2 4.2C18.2 3 17.2 2 16 2s-2.2 1-2.2 2.2v9.7H4.2C3 13.8 2 14.8 2 16s1 2.2 2.2 2.2h9.7v9.7c0 1.2 1 2.2 2.2 2.2s2.2-1 2.2-2.2v-9.7H28c1.2 0 2.2-1 2.2-2.2s-1-2.2-2.2-2.2h-9.7V4.2z', $html );
    return $html;
}, 10, 3 );
</code></pre>
<p> </p>
<p><strong>add custom icon for any network</strong></p>
<pre><code>add_filter( 'share_buttons_icons', function( $icon, $slug, $share_buttons_settings, $share_buttons_id ){
    if( $slug == 'facebook' ){
        // add custom SVG path and you will be able to select it in admin
        $icon[] = 'M29.3 16c0-7.4-6-13.3-13.3-13.3C8.6 2.7 2.7 8.6 2.7 16c0 6.5 4.6 11.8 10.7 13.1V20h-2.7v-4h2.7v-3.3c0-2.6 2.1-4.7 4.7-4.7h3.3v4h-2.7c-.7 0-1.3.6-1.3 1.3V16h4v4h-4v9.3c6.7-.7 11.9-6.4 11.9-13.3z';
    }
    return $icon;
}, 10, 4 );
</code></pre>
<p> </p>
<p><strong>control shared URL</strong></p>
<pre><code>add_filter( 'better_share_buttons_permalink', function( $url ){
    // ...
    return $url;
});
</code></pre>
<p> </p>
<p><strong>control shared title</strong></p>
<pre><code>add_filter( 'better_share_buttons_title', function( $title ){
    // ...
    return $title;
});
</code></pre>
<p> </p>
<p><strong>control HTML output for any network</strong></p>
<pre><code>add_filter( 'better_share_buttons_link', function( $html, $slug, $share_buttons_settings, $share_buttons_id ){
    if( $slug == 'facebook' ){
        $html = str_replace( 'https://facebook.com/sharer/sharer.php?', 'https://facebook.com/sharer/sharer.php?xxx=yyy&', $html );
    }
    return $html;
}, 10, 4 );
</code></pre>
<p> </p>
<p><strong>add something before or after your share buttons</strong></p>
<pre><code>add_action( 'before_share_buttons', function( $share_buttons_settings, $atts ){ // or after_share_buttons
    if( $atts['id'] == 12345 ){
        echo '<div class="before-share-buttons">' . __( 'Sharing is caring', 'theme' ) . '</div>';
    }
}, 10, 2 );
</code></pre>
<p> </p>
<h3>Create your own styles</h3>
<p>Create new folder <code>better-share-buttons</code> inside your theme folder and put iniside style files <code>xyz.css</code> and <code>xyz.json</code>.</p>
<p>Style <code>xyz</code> will automatically appear in the admin settings.</p>
<p>Content of JSON file is used to manipulate settings in admin when you select that style:</p>
<pre><code>{
    "visible_buttons": 999,
    "bsb_mx": 0,
    "bsb_my": 0,
    "bsb_px": 5,
    "bsb_py": 5,
    "bsb_br": 0,
    "bsb_fz": 0,
    "bsb_iz": 32,
    "bsb_lls": 0,
    "bsb_lrs": 0
}
</code></pre>
<p>Content of CSS file should define your style:</p>
<pre><code>.better_share_buttons.bsb-style-xyz{}
</code></pre>


Better Share Buttons

Easily use [better_share_buttons] shortcode anywhere you want.

Joe Dolson

<h4>Post Updates from WordPress to Bluesky, Mastodon, and X.</h4>
<ul>
<li>New in version 4.3: Bluesky support.</li>
<li>New in version 4.2: Mastodon support.</li>
</ul>
<p>XPoster is a time-saving tool for keeping your social media accounts up to date with news and posts from your site.</p>
<p>XPoster uses customizable status templates for updates sent when updating or editing posts, pages, or custom post types. You can customize your messages for each post, using custom template tags to generate the status update.</p>
<h4>Free Features</h4>
<ul>
<li>Support for Bluesky, Mastodon, and X.</li>
<li>Use post tags as hashtags</li>
<li>Use alternate URLs in place of post permalinks</li>
<li>Support for Google Analytics</li>
<li>Support for XMLRPC remote clients</li>
<li>Use <a href="https://yourls.org" rel="nofollow ugc">YOURLS</a>, <a href="https://wordpress.org/plugins/codehaveli-bitly-url-shortener/" rel="ugc">Bit.ly</a>, <a href="https://joturl.com" rel="nofollow ugc">jotURL</a>, or <a href="https://wordpress.org/plugins/hum/" rel="ugc">Hum</a> as external URL shorteners.</li>
<li>Rate limiting: make sure you don’t exceed X.com’s API rate limits. </li>
</ul>
<h4>Premium Features in [XPoster Pro](https://xposterpro.com)</h4>
<ul>
<li>Authors can set up their own accounts in their profiles</li>
<li>Time delayed status updates</li>
<li>Scheduled update management</li>
<li>Simultaneously post updates to site and author accounts</li>
<li>Preview and send status updates for comments</li>
<li>Filter updates by taxonomy (categories, tags, or custom taxonomies)</li>
<li>Upload images with alt attributes</li>
<li>Integrated Card support</li>
<li>Support for Player Cards with integrated captions where supported</li>
<li>Automatically schedule updates from old posts</li>
</ul>
<p>Want to stay up to date on XPoster? <a href="https://bsky.app/profile/joedolson.bsky.social" rel="nofollow ugc">Follow me on Bluesky!</a> or <a href="https://toot.io/@joedolson" rel="nofollow ugc">Follow me on Mastodon!</a></p>
<h4>Translations</h4>
<p>Visit the <a href="https://translate.wordpress.org/projects/wp-plugins/wp-to-twitter/stable" rel="nofollow ugc">XPoster translation site</a> to see how complete the current translations are.</p>
<p>Translating my plug-ins is always appreciated. Work on XPoster translations at <a href="https://translate.wordpress.org/projects/wp-plugins/wp-to-twitter" rel="nofollow ugc">the WordPress translation site</a>! You’ll need a WordPress.org account to contribute!</p>
<h4>Extending XPoster</h4>
<p>Check out my <a href="https://github.com/joedolson/plugin-extensions/tree/master/wp-to-twitter" rel="nofollow ugc">GitHub repository of plug-in extensions</a>.</p>


XPoster – Share to Bluesky and Mastodon

Posts to Bluesky, Mastodon or X when you update your WordPress blog or add a link, with your chosen URL shortening service.

Better Share Buttons vs XPoster – Share to Bluesky and Mastodon