Hello @Pbalazs89,
Thanks for writing in!
1.) You can change the order by adding a priority number in your code. For example, like this:
function x_add_social_sharing ( $content ) {
if ( is_singular('post') ) {
echo do_shortcode('[share title="Share this Post" facebook="true" twitter="true" google_plus="false" linkedin="false" pinterest="false" reddit="false" email="true"]');
}
}
add_action('x_before_the_content_end', 'x_add_social_sharing', 5);
Notice that I added 5
in this line: add_action('x_before_the_content_end', 'x_add_social_sharing', 5);
. In your other code, you can insert 10
so that the social sharing will display first and then the related post items.
2.) The social sharing is using the square icons. If you want to change it, you will have to modify the social sharing code. Assuming that the child theme is set up, please add the following code in your child theme’s functions.php file
// Custom Entry Share
// =============================================================================
function custom_shortcode_share( $atts ) {
extract( shortcode_atts( array(
'id' => '',
'class' => '',
'style' => '',
'title' => '',
'share_title' => '',
'facebook' => '',
'twitter' => '',
'google_plus' => '',
'linkedin' => '',
'pinterest' => '',
'reddit' => '',
'email' => '',
'email_subject' => ''
), $atts, 'x_share' ) );
$share_url = urlencode( get_permalink() );
if ( is_singular() ) {
$share_url = urlencode( get_permalink() );
} else {
global $wp;
$share_url = urlencode( home_url( ($wp->request) ? $wp->request : '' ) );
}
if ( is_singular() ) {
$share_title = ( $share_title != '' ) ? esc_attr( $share_title ) : urlencode( get_the_title() );
} else {
$share_title = ( $share_title != '' ) ? esc_attr( $share_title ) : urlencode( apply_filters( 'the_title', get_page( get_option( 'page_for_posts' ) )->post_title) );
}
$share_source = urlencode( get_bloginfo( 'name' ) );
$share_image_info = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full' );
$share_image = ( function_exists( 'x_get_featured_image_with_fallback_url' ) ) ? urlencode( x_get_featured_image_with_fallback_url() ) : urlencode( $share_image_info[0] );
if ( $linkedin === 'true' ) {
$share_content = urlencode( cs_get_excerpt_for_social() );
}
$tooltip_attr = cs_generate_data_attributes_extra( 'tooltip', 'hover', 'bottom' );
$id = ( $id != '' ) ? 'id="' . esc_attr( $id ) . '"' : '';
$class = ( $class != '' ) ? 'x-entry-share ' . esc_attr( $class ) : 'x-entry-share';
$style = ( $style != '' ) ? 'style="' . $style . '"' : '';
$title = ( $title != '' ) ? $title : csi18n('shortcodes.share-title');
$facebook = ( $facebook == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . csi18n('shortcodes.share-facebook') . "\" onclick=\"window.open('http://www.facebook.com/sharer.php?u={$share_url}&t={$share_title}', 'popupFacebook', 'width=650, height=270, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-facebook\" " . fa_data_icon('facebook') . "></i></a>" : '';
$twitter = ( $twitter == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . csi18n('shortcodes.share-twitter') . "\" onclick=\"window.open('https://twitter.com/intent/tweet?text={$share_title}&url={$share_url}', 'popupTwitter', 'width=500, height=370, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-twitter\" " . fa_data_icon('twitter') . "></i></a>" : '';
$google_plus = ( $google_plus == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . csi18n('shortcodes.share-google-plus') . "\" onclick=\"window.open('https://plus.google.com/share?url={$share_url}', 'popupGooglePlus', 'width=650, height=226, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-google-plus\" " . fa_data_icon('google-plus') . "></i></a>" : '';
$linkedin = ( $linkedin == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . csi18n('shortcodes.share-linkedin') . "\" onclick=\"window.open('http://www.linkedin.com/shareArticle?mini=true&url={$share_url}&title={$share_title}&summary={$share_content}&source={$share_source}', 'popupLinkedIn', 'width=610, height=480, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-linkedin\" " . fa_data_icon('linkedin') . "></i></a>" : '';
$pinterest = ( $pinterest == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . csi18n('shortcodes.share-pinterest') . "\" onclick=\"window.open('http://pinterest.com/pin/create/button/?url={$share_url}&media={$share_image}&description={$share_title}', 'popupPinterest', 'width=750, height=265, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-pinterest\" " . fa_data_icon('pinterest') . "></i></a>" : '';
$reddit = ( $reddit == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . csi18n('shortcodes.share-reddit') . "\" onclick=\"window.open('http://www.reddit.com/submit?url={$share_url}', 'popupReddit', 'width=875, height=450, resizable=0, toolbar=0, menubar=0, status=0, location=0, scrollbars=0'); return false;\"><i class=\"x-icon-reddit\" " . fa_data_icon('reddit') . "></i></a>" : '';
if ( $email == 'true' ) {
$email_subject = esc_attr( ( $email_subject != '' ) ? cs_decode_shortcode_attribute( $email_subject ) : csi18n('shortcodes.share-email-subject') );
$mail_to_subject = esc_attr( $share_title );
$mail_to_url = esc_url( get_permalink() );
$mail_to = "mailto:?subject=$mail_to_subject&body=$email_subject $mail_to_url";
$email = "<a href=\"{$mail_to}\" {$tooltip_attr} class=\"x-share email\" title=\"" . csi18n('shortcodes.share-email') . "\"><span><i class=\"x-icon-envelope\" " . fa_data_icon('envelope') . "></i></span></a>";
} else {
$email = '';
}
$output = "<div {$id} class=\"{$class}\" {$style}>"
. '<p>' . $title . '</p>'
. '<div class="x-share-options">'
. $facebook . $twitter . $google_plus . $linkedin . $pinterest . $reddit . $email
. '</div>'
. '</div>';
return $output;
}
function update_x_share_shortcode() {
remove_shortcode( 'x_share' );
add_shortcode( 'x_share', 'custom_shortcode_share' );
}
add_action('wp_head', 'update_x_share_shortcode');
// =============================================================================
We would love to know if this has worked for you. Thank you.
March 2021 Update: The above code example has been adjusted to account for a change to a function name.