Scriptless Social Sharing Buttons
PHP JavaScript CSS
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
assets
includes
languages
sass
README.md
gulpfile.js
index.php
package.json
readme.txt
scriptless-social-sharing.php

README.md

Scriptless Social Sharing

This plugin adds super simple social sharing buttons to the end of posts.

Scriptless Social Sharing is a wee plugin to add buttons to your posts/pages, to make it easier for your readers to share your content on social networks.

The sharing links use the most basic methods provided by each network. There is no JavaScript, nothing fancy included in this plugin, so if you want fancy, this is not the plugin you're looking for. It just builds a set of links.

The sharing buttons are accessible--even if you choose the "Icons Only" button styles, the network names are still part of the buttons, just hidden in an accessible-ready manner.

There is a small settings page, so you can make decisions about which content types should have sharing buttons, what buttons should be added, and whether or not to use the plugin's styles. Beyond that, developers may like to make use of filters throughout the plugin.

Installation

Manual

  1. Download the latest tagged archive (choose the "zip" option).
  2. Unzip the archive.
  3. Copy the folder to your /wp-content/plugins/ directory.
  4. Go to the Plugins screen and click Activate.

Check out the Codex for more information about installing plugins manually.

Git

Using git, browse to your /wp-content/plugins/ directory and clone this repository:

git clone git@github.com:robincornett/scriptless-social-sharing.git

Then go to your Plugins screen and click Activate.

Screenshots

Screenshot of the Scriptless Social Sharing Settings Page
Screenshot of the Scriptless Social Sharing Settings Page.

Screenshot of the Scriptless Social Sharing Buttons on a Post
Screenshot of the Scriptless Social Sharing Buttons on a Post.

Frequently Asked Questions

What if I want to change...

As of 1.0.0, Scriptless Social Sharing now includes a settings page, so although the original filters still exist, you can change a lot of things quite easily without touching any code. Go to Settings > Scriptless Social Sharing to set buttons, twitter handle, and stylesheets.

What if I want to move where the buttons are output?

As of version 1.3.0, you can choose whether to add sharing buttons to the end (default) or beginning of your content, or both--check the settings page.

The social sharing buttons are added to your post content using the_content filter, so they'll work with any theme. If you want to move them, you can remove the original filter, and add the buttons using your own action. Example:

remove_filter( 'the_content', 'scriptlesssocialsharing_print_buttons', 99 );
add_filter( 'the_content', 'prefix_scriptlesssocialsharing_buttons_before_entry' );
function prefix_scriptlesssocialsharing_buttons_before_entry( $content ) {
    if ( ! function_exists( 'scriptlesssocialsharing_do_buttons' ) ) {
        return;
    }
    $buttons = scriptlesssocialsharing_do_buttons();
    // $buttons = scriptlesssocialsharing_do_buttons( false ); // optionally, output the buttons without the heading above.
    return $buttons . $content;
}

Can I add sharing buttons to posts on archive pages?

Yes. First, you have to tell the plugin that it can, in fact, run, even on the relevant archive page:

add_filter( 'scriptlesssocialsharing_can_do_buttons', 'prefix_add_buttons_archives' );
function prefix_add_buttons_archives( $cando ) {
    if ( is_home() || is_tax() || is_category() ) {
        $cando = true;
    }
    return $cando;
}

Then you can add the buttons to the individual posts:

add_action( 'genesis_entry_content', 'prefix_scriptlesssocialsharing_buttons_entry_content', 25 );
function prefix_scriptlesssocialsharing_buttons_entry_content() {
    if ( ! function_exists( 'scriptlesssocialsharing_do_buttons' ) ) {
        return;
    }
    $is_disabled = get_post_meta( get_the_ID(), '_scriptlesssocialsharing_disable', true ) ? true : '';
    if ( ! $is_disabled && ! is_singular() ) {
        echo wp_kses_post( scriptlesssocialsharing_do_buttons() );
    }
}

Some posts are missing the Pinterest button. Why is that?

Yes, this is intentional. Pinterest really really really wants your posts to have an image. The Pinterest button breaks if there isn't an image. The plugin looks in two places to find one: 1) the post featured image (ideal); and 2) if there is no featured image set, it picks the first image uploaded to that specific post. At this point, if there is still no image, rather than putting up a button which won't work, the plugin won't output a Pinterest button at all on that particular post.

What is this "Custom Pinterest Image"?

As of version 1.5.0, you can add an image for the plugin to use specifically for Pinterest, instead of the post's featured image. This image will be added to the Pinterest sharing button as well as hidden in your content, so that the Pinterest bookmarklet will be able to "see" the image.

How can I change the order of the sharing buttons?

You can customize the order of the sharing buttons with a filter. Here's an example which places Reddit as the first button, and email as the last:

add_filter( 'scriptlesssocialsharing_networks', 'prefix_sort_networks_custom' );
function prefix_sort_networks_custom( $networks ) {
    $networks['email']['order']     = 7;
    $networks['facebook']['order']  = 1;
    $networks['google']['order']    = 2;
    $networks['linkedin']['order']  = 4;
    $networks['reddit']['order']    = 0;
    $networks['twitter']['order']   = 6;
    $networks['pinterest']['order'] = 5;

    uasort( $networks, 'prefix_set_scriptless_sort_order' );

    return $networks;
}

/**
 * Custom comparison function to sort the networks.
 * @param $a
 * @param $b
 *
 * @return bool
 */
function prefix_set_scriptless_sort_order( $a, $b ) {
    return $a['order'] > $b['order'];
}

You can set any order you like. 0 is the first number.

Changelog

1.5.2

  • improved: custom Pinterest image alt text will be preferred over post title, if alt text is set
  • fixed: URL encoding for strings with spaces

1.5.1

  • updated: Font Awesome (4.7.0)

1.5.0

  • added: ability to set a custom Pinterest image
  • added: "related" parameter to Twitter URL (props Ben Meredith)
  • improved: filter methods for adding new buttons
  • fixed: disappearing post meta settings

1.4.0

  • added: option for button padding
  • added: option for table width (width of all buttons)
  • bugfix: errant + in some mail programs (props Anders Carlen)

1.3.0

  • added: option to only show icons on buttons, no text
  • added: Reddit sharing button
  • added: option to add sharing buttons to the beginning or end of content
  • updated: code cleanup for settings and output
  • bugfix: post type setting was not saved correctly--settings should be resaved

1.2.2

  • updated: Font Awesome 4.6.3
  • fixed: error when a post is embedded in another site (feature introduced in WP 4.4) due to other checks being bypassed

1.2.1

  • fixed: pinterest button is now protected from an overzealous pinit script

1.2.0

  • added: setting to disable buttons on an individual post basis
  • fixed: use repository language packs

1.1.0

  • added: filter to disable heading on output
  • added: filter for the post fallback image (because pinterest)
  • fixed: made CSS a bit more specific to avoid theme conflicts

1.0.2

  • Fix CSS for buttons

1.0.1

  • add a fallback image method
  • bugfix: don't add Pinterest button if there is no image

1.0.0

  • Added a settings page.

0.1.0

  • Initial release on Github