Add LinkedIn sharing, make options

[Patagonia]

Hi guys,

could you add a LinkedIn sharing button as part of the social sharing block underneath the blog posts? I know that there are many social networks, but this is nearly the biggest (and the LinkedIn button is enable for the top bar).

In general it would be better to have checkboxes for those sharing services you want to enable or not.

Cheers

[Abe]

HI, I think having checkboxes for that is a better approach. We will do our best to add this in the next theme version. You can edit the file template and do any customizations you want until then: wp-content\themes\kleo\page-parts\posts-social-share.php

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[mlennox10]

@patagonia did you get any further with this at all? We too would really like this option please

[Patagonia]

No, I did not; it should be part of the frame work, so maybe @abe can add it?

[mlennox10]

@ABE, any thoughts on this please?

[Abe]

That wasn’t added but see my reply above that implies editing a template and adding the required code for linked in share

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[minh_nguyen84]

This would be awesome if it was added!

I am actually having trouble with this. I tried adding in the code but it did not show on my post. Below is what my posts-social-share.php look like:

<section class=”main-color container-wrap social-share-wrap”>
<div class=”container”>
<div class=”share-links”>

<div class=”hr-title hr-long”><abbr><?php _e(“Share this dotruption”, “kleo_framework”); ?></abbr></div>

<?php if ( $like_status == 1 ) : ?>

<span class=”kleo-love”>
<?php do_action(‘kleo_show_love’); ?>
</span>

<?php endif; ?>

<?php if ( $social_share == 1 ) : ?>

<script type=”text/javascript” src=”http://platform.linkedin.com/in.js”></script><script type=”in/share”></script>

<span class=”kleo-facebook”>
” class=”post_share_facebook”
onclick=”javascript:window.open(this.href,”, ‘menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=220,width=600’);return false;”>
<i class=”icon-facebook”></i>

</span>
<span class=”kleo-twitter”>
” class=”post_share_twitter”
onclick=”javascript:window.open(this.href,”, ‘menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=260,width=600’);return false;”>
<i class=”icon-twitter”></i>

</span>
<span class=”kleo-googleplus”>
”
onclick=”javascript:window.open(this.href,”, ‘menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600’);return false;”>
<i class=”icon-gplus”></i>

</span>
<span class=”kleo-pinterest”>
&media=<?php if (function_exists(‘the_post_thumbnail’)) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo strip_tags(get_the_title()); ?>”>
<i class=”icon-pinterest-circled”></i>

</span>
<span class=”kleo-mail”>
&body=<?php the_permalink(); ?>” class=”post_share_email”>
<i class=”icon-mail”></i>

</span>

<?php endif; ?>

</div>
</div>
</section>

Thank you,
Minh

[tonyw]

I’ve managed to do this successfully – copy posts-social-share.php to your child theme and change the social sharing code in the child theme to this:

COPY CODE

<section class="main-color container-wrap social-share-wrap">
	<div class="container">
		<div class="share-links">
      
            <div class="hr-title hr-long"><abbr><?php _e("Share this", "kleo_framework"); ?></abbr></div>

            <?php if ( $like_status == 1 ) : ?>

                <span class="kleo-love">
                <?php do_action('kleo_show_love'); ?>
                </span>

            <?php endif; ?>

            <?php if ( $social_share == 1 ) : ?>

            <span class="kleo-linkedin">
                <a href="https://www.linkedin.com/shareArticle?url=<?php the_permalink(); ?>" class="post_share_linkedin"
                   onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
                    <i class="icon-linkedin"></i>
                </a>
            </span>
            <span class="kleo-facebook">
                <a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="post_share_facebook"
                   onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=220,width=600');return false;">
                    <i class="icon-facebook"></i>
                </a>
            </span>
            <span class="kleo-twitter">
                <a href="https://twitter.com/share?url=<?php the_permalink(); ?>" class="post_share_twitter"
                   onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=260,width=600');return false;">
                    <i class="icon-twitter"></i>
                </a>
            </span>
            <span class="kleo-googleplus">
                <a href="https://plus.google.com/share?url=<?php the_permalink(); ?>"
                   onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">
                    <i class="icon-gplus"></i>
                </a>
            </span>
            <span class="kleo-pinterest">
                <a href="http://pinterest.com/pin/create/button/?url=<?php the_permalink(); ?>&media=<?php if (function_exists('the_post_thumbnail')) echo wp_get_attachment_url(get_post_thumbnail_id()); ?>&description=<?php echo strip_tags(get_the_title()); ?>">
                    <i class="icon-pinterest-circled"></i>
                </a>
            </span>
            <span class="kleo-mail">
                <a href="mailto:?subject=<?php echo strip_tags(get_the_title()); ?>&body=<?php the_permalink(); ?>" class="post_share_email">
                    <i class="icon-mail"></i>
                </a>
            </span>

          <?php endif; ?>
			
        </div>
	</div>
</section>

You’ll also need to add the icon to the your style.css file in the child theme:

COPY CODE

.icon-linkedin:before {
    content: '\e95c';
}

I also increased the font size of my links to make them more obvious using this code in style.css:

COPY CODE

.share-links span a {
    font-size: 26px !important;
}

[minh_nguyen84]

Awesome, that worked. Thanks!

[Abe]

Hello, Linkedin and WhatsApp options were added for the 4.0 version as well options to enable/disable the sharing services.

All the best

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

Attachments:

You must be logged in to view attached files.

[karifi]

When is this coming out?

[Abe]

Coming up in a couple of day 🙂

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[NielsR]

Did this update come out yet? I haven’t gotten a notification yet…

[Abe]

Monday will be available for download. Sorry for the delays.

All the best

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts