Docs

[necxelos]

Once more, a quick disclaimer:
– I don’t have a domain yet, so I work on localhost, thus can’t provide site access. I will try my best o make my questions as specific as possible.
– I have a Child Theme ready to go. I used the one downloadable from Your site.
– I’m using Integrity stack for now although I’m not sure if I’ll stay loyal to it or change it to Ethos. Please try to give answers as stack-independent as possible.

(Please, if possible, use my post structure so I can easily find what is what)

So to the questions part (a bit tougher – at least for me, for You it’s probably basic stuff – this time):
1. How can I make Tags Widget look like an actual Tag Cloud? By Tag Cloud I mean Tags having different sizes (depending on how often they were used, bigger – more uses) and being spread randomly-ish across the Widget space instead of being all lined-up and same-sized.

2. I need a social share button (for Facebook and Twitter mainly, maybe other social sites in the future) for every article/post on the site. By social share button I mean button that once clicked, shares link to the exact article under which button was clicked on a users social wall. I need those buttons to be visible/usable both on the single article page and blog/category archive pages.

3. I see that some of the Demo Articles in Ethos stack have totally different look on a blog/category page. While most articles have white background with all the featured image, title, excerpt, etc., those different ones have image as a background and only title/category visible. How can I use/apply this special look? Is it available in other stacks too?

Thanks in advance for answers and good day/good night to You all

[Lely]

Hi There,

Thanks for posting in.

1.)Unfortunately, this is not available in X by default. It could be achieve by customization which is outside the scop of our support. Alternatively, you can use plugins. This might help:https://designorbital.com/wordpress/tag-cloud-wordpress-widgets/. Thank you for understanding.

2.) Please check this thread:https://community.theme.co/forums/topic/social-share-buttons-on-blog-posts-page/

3.)Unfortunately, this option is available for ethos stack only. When you edit a post in Ethos > Ethos Post Settings > Index Featured Post Layout: Check this and then Index Featured Post Size : CHoose size. Those settings will give you those layout.

Hope this helps

[necxelos]

1. I understand, thank You for information. I will look for a 3rd party widget (hopefully free one) to do so 🙂

2. Code from the topic You provided:

add_action('x_before_the_content_end', function() {
  echo do_shortcode('[share title="Share this Post" facebook="true" twitter="true"]');
});

adds social buttons only in single post page. Blog/Archive pages don’t have those.

3. Thanks, works as intended in Ethos. Is there any (even remotely similar) featured post functionality in other stacks? Something to make some posts stand out from others?

[Rupok]

Hi there,

#2. Share won’t work on Blog page because it supposed to share the URL it’s being used on. So apparently it will share the Blog page instead of individual posts that you might not want.

Cheers!

[necxelos]

Hello

2. Share do work on Blog page, as shown by Your support-superman colleague, Rad in topic:
https://community.theme.co/forums/topic/entrysocial-share-on-post-and-post-archive-with-correct-link/

I also provide Rad’s code here so whoever answers, don’t need to jump between topics:

add_action('the_content', 'sharing_buttons', 99999);
add_action('the_excerpt', 'sharing_buttons', 99999);

function sharing_buttons( $content ) {

return $content.do_shortcode('[share_custom title="Share this Post" facebook="true" twitter="true" google_plus="true" linkedin="true" email="true"]');

}

add_shortcode( 'share_custom', 'share_custom' );

function share_custom ( $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() );

  $share_title = ( $share_title    != '' ) ? esc_attr( $share_title ) : urlencode( get_the_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_raw_excerpt() );
  }

  $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 : __( 'Share this Post', 'cornerstone' );
  $facebook    = ( $facebook    == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . __( 'Share on Facebook', 'cornerstone' ) . "\" 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-square\" data-x-icon=\"\"></i></a>" : '';
  $twitter     = ( $twitter     == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . __( 'Share on Twitter', 'cornerstone' ) . "\" 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-square\" data-x-icon=\"\"></i></a>" : '';
  $google_plus = ( $google_plus == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . __( 'Share on Google+', 'cornerstone' ) . "\" 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-square\" data-x-icon=\"\"></i></a>" : '';
  $linkedin    = ( $linkedin    == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . __( 'Share on LinkedIn', 'cornerstone' ) . "\" 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-square\" data-x-icon=\"\"></i></a>" : '';
  $pinterest   = ( $pinterest   == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . __( 'Share on Pinterest', 'cornerstone' ) . "\" 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-square\" data-x-icon=\"\"></i></a>" : '';
  $reddit      = ( $reddit      == 'true' ) ? "<a href=\"#share\" {$tooltip_attr} class=\"x-share\" title=\"" . __( 'Share on Reddit', 'cornerstone' ) . "\" 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-square\" data-x-icon=\"\"></i></a>" : '';
  $email_subject = ( $email_subject != '' ) ? esc_attr( $email_subject ) : __( 'Hey, thought you might enjoy this! Check it out when you have a chance:', 'cornerstone' );
  $mail_to     = esc_url( "mailto:?subject=" . get_the_title() . "&body=" . $email_subject . " " . get_permalink() . "" );
  $email       = ( $email       == 'true' ) ? "<a href=\"{$mail_to}\" {$tooltip_attr} class=\"x-share email\" title=\"" . __( 'Share via Email', 'cornerstone' ) . "\"><span><i class=\"x-icon-envelope-square\" data-x-icon=\"\"></i></span></a>" : '';

  $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;

}

Sadly I found that other topic by sheer luck, long after asking my question here. If possible, please answer my questions (to his code) either here or in the topic I linked. My questions are below:

a) How can I move social share buttons (created using Rad’s code) to other place in post? I mean for example above featured image or between featured image and post title?

b) I test (on the Daniel’s site which he provided in linked topic: https://oztylerdistillery.com/updates/ ) that the sharing buttons indeed share exact post they are connected to instead of whole blog/archive page. This is as intended and works as a charm.
BUT
The link snippet in Browser (details inside screenshot I provided) suggest otherwise (thus making some confusion for the end user/reader). Is it possible to fix that to show proper link (the one that will be shared)?

c) Can we get rid of “Share This Post” text completely (to make space used a bit smaller – and button sumbols are iconic enough for everyone to know those are sharing buttons anyway). Writing empty space as the text just leaves empty line that still takes space.

d) Can we use our own images (jpgs) instead of currently used Font Awesome Icons for sharing symbols? I aim for a bit of artistic look on my site so I’d like to use my own (a bit deformed) symbols instead.

Thanks in advance for the answers 🙂

[Lely]

Hi There,

I’ve answered your question one by one here:https://community.theme.co/forums/topic/entrysocial-share-on-post-and-post-archive-with-correct-link/page/2/#post-1144165. Since it’s the same, please refer to that instead.

Cheers!

[necxelos]

Thank You, I continue the SOCIAL BUTTONS discussion there. This leaves me with one last thing here:

3. Is there any featured_post-ish functionality or some way to make a post stand out from other posts (in Stacks other then Ethos)?

[Rad]

Hi there,

There is none, but do you have any specific mockup of what you’re trying to achieve? Is it more on styling? But yes, there are no other features other than the provided ones.

Thanks!

[necxelos]

Yes, I’ve got certain look in mind, but I’ll just make my (probably last) topic with those to keep it clean.

I made enough mess in this topic already by refering to the Daniel’s one.

That’s all in here, thanks 🙂

[Rahul]

Glad to hear that.

Let us know if you have any further issues with the theme. We’d be happy to assist you with it.

Thanks for using the X Theme.

[Author]

Posts