Social sharing buttons on posts – Themeco Community

Social sharing buttons on posts

Alexei K — Sat, 13 Sep 2014 09:01:33 +0000

Hello again 🙂

I would like to see social sharing buttons on all of my posts.

I’ve added this code (found in the forum) to my child theme’s functions.php:

add_filter('the_content', function($content){
return $content.'[share title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" pinterest="true" reddit="true" email="true"]';
});

After refreshing, got a 500 error.

I also have this code in there:

function x_social_global() {

  $facebook    = x_get_option( 'x_social_facebook' );
  $twitter     = x_get_option( 'x_social_twitter' );
  $google_plus = x_get_option( 'x_social_googleplus' );
  $linkedin    = x_get_option( 'x_social_linkedin' );
  $foursquare  = x_get_option( 'x_social_foursquare' );
  $youtube     = x_get_option( 'x_social_youtube' );
  $vimeo       = x_get_option( 'x_social_vimeo' );
  $instagram   = x_get_option( 'x_social_instagram' );
  $pinterest   = x_get_option( 'x_social_pinterest' );
  $dribbble    = x_get_option( 'x_social_dribbble' );
  $behance     = x_get_option( 'x_social_behance' );
  $tumblr      = x_get_option( 'x_social_tumblr' );
  $rss         = x_get_option( 'x_social_rss' );

  $output = '';

    if ( $facebook )    : $output .= ''; endif;
    if ( $twitter )     : $output .= ''; endif;
    if ( $google_plus ) : $output .= ''; endif;
    if ( $linkedin )    : $output .= ''; endif;
    if ( $foursquare )  : $output .= ''; endif;
    if ( $youtube )     : $output .= ''; endif;
    if ( $vimeo )       : $output .= ''; endif;
    if ( $instagram )   : $output .= ''; endif;
    if ( $pinterest )   : $output .= ''; endif;
    if ( $dribbble )    : $output .= ''; endif;
    if ( $behance )     : $output .= ''; endif;
    if ( $tumblr )      : $output .= ''; endif;
    if ( $rss )         : $output .= ''; endif;

  $output .= '';

  echo $output;

}

Must be doing something wrong, can you please help me fix it?

Thank you! 🙂

Reply To: Social sharing buttons on posts

Christopher — Sat, 13 Sep 2014 10:31:32 +0000

Hi there,

Please delete the code above and copy _content-post-header.php from
YOUR THEME -> Framework -> Views -> {STACK NAME}

And make this path in child theme:

YOUR CHILD THEME -> Framework -> Views -> {STACK NAME}

Now past _content-post-header.php in there , Open the file and add this code before

Hope it helps.

Reply To: Social sharing buttons on posts

Alexei K — Sat, 13 Sep 2014 10:52:39 +0000

Thanks! Did you mean delete the code I’ve found in the forum or all of the code above? I have deleted the forum code already, what I have in there now is the code that adds VK social network (the second piece of code above). And I would like to have VK as one of the sharing buttons. So how do I go about that? Sorry, I’m clueless 🙂

Reply To: Social sharing buttons on posts

Alexei K — Sat, 13 Sep 2014 10:57:05 +0000

P.S. I have VK as one of the social media in the footer and would also like to have a share button for it, to be clear.

http://bhumibrushes.ru

Thanks!

Reply To: Social sharing buttons on posts

Christopher — Sat, 13 Sep 2014 13:22:00 +0000

Hi there,

Just add this code in same path instead of last suggested one:

Let me know if it works.

Reply To: Social sharing buttons on posts

Alexei K — Sat, 13 Sep 2014 15:59:48 +0000

Thanks!

Here’s what I got https://www.dropbox.com/s/6lype2uk0pn4uxr/PostScreen.bmp?dl=0

And would it be possible to have the buttons below posts?

Thank you 🙂

Reply To: Social sharing buttons on posts

Alexei K — Sat, 13 Sep 2014 16:04:34 +0000

P.S. And do they have to show up on the preview page?

Reply To: Social sharing buttons on posts

Christopher — Sat, 13 Sep 2014 16:59:00 +0000

Hi there,

If you wish to set them after the content then copy content.php from YOUR THEME -> Framework -> Views -> {STACK NAME} and put it same path in your child theme ,Open file and and put the code below just before last .

Also if you want to delete the social from blog page add Customize -> Custom -> CSS

.blog .custom-social {
display: none;
}

Thank you.

Reply To: Social sharing buttons on posts

Alexei K — Sat, 13 Sep 2014 18:03:21 +0000

Thanks, the buttons are still above the content. And the VK button is still below the buttons, on the left right above the content, just like on the screenshot I sent.

Thank you!

Reply To: Social sharing buttons on posts

Rad — Sat, 13 Sep 2014 20:12:26 +0000

Hi Alexei,

Change the given code to this :

Then add this code at your child theme’s functions.php

add_action('wp_head', function(){

remove_shortcode( 'share' );
add_shortcode( 'share', function ( $atts ) {
  extract( shortcode_atts( array(
    'id'          => '',
    'class'       => '',
    'style'       => '',
    'title'       => '',
    'facebook'    => '',
    'twitter'     => '',
    'google_plus' => '',
    'linkedin'    => '',
    'pinterest'   => '',
    'reddit'      => '',
    'email'       => ''
  ), $atts ) );

  $share_url        = urlencode( get_permalink() );
  $share_title      = urlencode( get_the_title() );
  $share_source     = urlencode( get_bloginfo( 'name' ) );
  $share_content    = urlencode( get_the_excerpt() );
  $share_media_info = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
  $share_media      = $share_media_info[0];

  $id          = ( $id          != ''     ) ? 'id="' . esc_attr( $id ) . '"' : '';
  $class       = ( $class       != ''     ) ? 'x-entry-share ' . esc_attr( $class ) : 'x-entry-share';
  $style       = ( $style       != ''     ) ? 'style="' . $style . '"' : '';
  $title       = ( $title       != ''     ) ? $title : __( 'Share this Post', '__x__' );
  $facebook    = ( $facebook    == 'true' ) ? "" : '';
  $twitter     = ( $twitter     == 'true' ) ? "" : '';
  $google_plus = ( $google_plus == 'true' ) ? "" : '';
  $linkedin    = ( $linkedin    == 'true' ) ? "" : '';
  $pinterest   = ( $pinterest   == 'true' ) ? "" : '';
  $reddit      = ( $reddit      == 'true' ) ? "" : '';
  $email       = ( $email       == 'true' ) ? "" : '';

  $vk = "";

  $output = ""
            . '' . $title . ''
            . ''
              . $facebook . $twitter . $google_plus . $linkedin . $pinterest . $reddit . $email . $vk
            . ''
          . '';
  
  return $output;
} );

});

Cheers!