Beskrivning
Easily use [better_share_buttons]
shortcode anywhere you want.
Create your own styles, or choose from existing ones.
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.
This plugin allows you to:
- create multiple social share icon styles
- use shortcode to display share icons anywhere you want
- create your own styles in your theme folder
- customize basic settings directly in admin
- use different icons for social networks
Hooks
customize wrapper classes
add_filter( 'share_buttons_classes', function( $classes, $share_buttons_settings, $share_buttons_id ){
$classes[] = 'my-custom-class';
return $classes;
}, 10, 3 );
customize wrapper CSS output
add_filter( 'share_buttons_styles', function( $style, $share_buttons_settings, $share_buttons_id ){
$style[] = '--my-var: 50px';
return $style;
}, 10, 3 );
customize html form more button
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 );
add custom icon for any network
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 );
control shared URL
add_filter( 'better_share_buttons_permalink', function( $url ){
// ...
return $url;
});
control shared title
add_filter( 'better_share_buttons_title', function( $title ){
// ...
return $title;
});
control HTML output for any network
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 );
Create your own styles
Create new folder better-share-buttons
inside your theme folder and put iniside style files xyz.css
and xyz.json
.
Style xyz
will automatically appear in the admin settings.
Content of JSON file is used to manipulate settings in admin when you select that style:
{
"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
}
Content of CSS file should define your style:
.better_share_buttons.bsb-style-xyz{}
Skärmdumpar
Installation
- Upload the plugin files to the
/wp-content/plugins/
directory, or install the plugin through the WordPress plugins screen directly. - Activate the plugin through the ’Plugins’ screen in WordPress
Recensioner
Detta tillägg har inga recensioner.
Bidragsgivare och utvecklare
”Better Share Buttons” är programvara med öppen källkod. Följande personer har bidragit till detta tillägg.
Bidragande personerÖversätt ”Better Share Buttons” till ditt språk.
Intresserad av programutveckling?
Läs programkoden, kika på SVN-filförvaret eller prenumerera på utvecklarloggen via RSS.
Ändringslogg
1.9.2
- new icon for WhatsApp
- fix icon size for facebook
- commented dev code to list all icons in admin
1.9.1
- tested on WP 6.6
- fix missing filter for custom icons in admin
1.9
- tested on WP 6.5
- fix whatsapp link broken by esc_url
1.8.1
- new icon for copy link
1.8
- tested on WP 6.4
1.7
- new unicolor-icons style
1.6
- new icon for email
1.5
- new unicolor-list style
1.4
- new inline-squares style
- new twitter icon
- new copy link icon
- new data-network link attribute for easier CSS targeting
1.3
- added filters for shared URL and shared TITLE
1.2
- new icon for copy link
- new unicolor-hover style
1.1
- optimize settings page
- fix floating style jump
1.0
- Release