This topic has 14 replies, 3 voices, and was last updated 9 years ago ago by Eva Kemp
Hi,
Where do I add Instagram to blog post pages?
And where do I insert details to connect with Social Media –
Facebook
Pinterest
Instagram
Twitter
Also I want to remove #
Email and
Google+
From blog posts.
Hello,
To add Instagram icon you need use some plugin as by default we don’t have it.
Also you can edit social media icons in the file wp-content/themes/legenda/framework/shortcodes.php (lines 1259-1273).
Regards,
Eva Kemp.
Hi
Many thanks for that, but if I need a plugin then can I add the icon to the row of icons from your theme default?
Hello,
Yes, you can add your code in the file legenda/framework/shortcodes.php to get Instagram icon shown.
Thank you.
Regards,
Eva Kemp.
Hi,
Sorry for not coming back quicker, so how do I add the correct URLs for my Facebook/G+/Instagram etc?
As I cannot find anywhere to add the share URLs for Blog post pages – for example this page http://www.synaxishosting.co.uk/testing/lily/our-summer-party-with-streethub/#more-295
And then same for product pages: http://www.synaxishosting.co.uk/testing/lily/product/lace-and-faceted-bead-necklace-with-bow/
Cheers
Hello
I see that social icons are displayed well on your pages (please check the screenshot)
Did you find your answer in editing legenda/framework/shortcodes.php or some additional assistance is needed?
With best regards,
Brian Johnson
hi,
Correct I put the additional social icon for instagram but where do I insert the URLs to link the icons to my facebook account? Or G+ or Instragram, or Pinterest?
Hello,
You need edit the file wp-content/themes/legenda/framework/shortcodes.php (find the section “! Share This Product”, line 1238) and edit the links, for example for facebook icon you need edit the code <a href="http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.'" target="_blank"><span class="icon-facebook"></span></a>
and replace http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.'
with your Facebook url.
Regards,
Eva Kemp.
Hi,
Thanks I have added the URLs of my website, but all it does is take the visitor to my Facebook homepage, it doesn’t ‘share’ the product so what do I enter to achieve this?
Rather than just pointing at my Facebook page?
many thanks
Hello,
If you want to share items you need leave the default code as it was in shortcodes.php file.
Please reupload it from the theme package and “share” links should work.
Regards,
Eva Kemp.
So what is the coding for instagram share?
You may add this code into the fuctions.php of the Child Theme and edit it without touching theme core files which can be overwritten wth next theme update:
function remove_parent_functions() {
remove_shortcode('share', 'etheme_share_shortcode');
add_shortcode('share', 'etheme_share_shortcode_child');
}
add_action('init','remove_parent_functions');
function etheme_share_shortcode_child($atts, $content = null) {
extract(shortcode_atts(array(
'title' => '',
'text' => '',
'tooltip' => 1,
'class' => ''
), $atts));
global $post;
if(!isset($post->ID)) return;
$html = '';
$permalink = get_permalink($post->ID);
$tooltip_class = '';
if($tooltip) {
$tooltip_class = 'title-toolip';
}
$image = etheme_get_image( get_post_thumbnail_id($post->ID), 150,150,false);
$post_title = rawurlencode(get_the_title($post->ID));
if($title) $html .= '<span class="share-title hidden-xs">'.$title.'</span>';
$html .= '
<ul class="menu-social-icons '.$class.'">
<li>
<a href="https://twitter.com/share?url='.$permalink.'&text='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Twitter', ETHEME_DOMAIN).'" target="_blank">
<i class="ico-twitter"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
<li>
<a href="http://www.facebook.com/sharer.php?u='.$permalink.'&images='.$image.'" class="'.$tooltip_class.'" title="'.__('Facebook', ETHEME_DOMAIN).'" target="_blank">
<i class="ico-facebook"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
<li>
<a href="http://pinterest.com/pin/create/button/?url='.$permalink.'&media='.$image.'&description='.$post_title.'" class="'.$tooltip_class.'" title="'.__('Pinterest', ETHEME_DOMAIN).'" target="_blank">
<i class="ico-pinterest"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
<li>
<a href="http://plus.google.com/share?url='.$permalink.'&title='.$text.'" class="'.$tooltip_class.'" title="'.__('Google +', ETHEME_DOMAIN).'" target="_blank">
<i class="ico-google-plus"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
<li>
<a href="mailto:enteryour@addresshere.com?subject='.$post_title.'&body=Check%20this%20out:%20'.$permalink.'" class="'.$tooltip_class.'" title="'.__('Mail to friend', ETHEME_DOMAIN).'" target="_blank">
<i class="ico-envelope"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#000000"></circle>
</svg>
</a>
</li>
<li>
<a href="http://instagram.com/?url='.$permalink.'&media='.$image.'&description='.$post_title.'" title="'.__('Share On Instagram', ETHEME_DOMAIN).'" target="_blank">
<i class="ico-instagram"></i>
<svg width="38" height="38" xmlns="http://www.w3.org/2000/svg" class="circle">
<circle cx="19" cy="19" r="18" fill="rgba(255,255,255,0)" stroke="#cda85c"></circle></svg>
</a>
</li>
</ul>
';
return $html;
}
Child theme lays within zipped package from the themefores.net.Please read here about Child theme in wordpress.
With best regards
Brian Johnson
Hi
Thanks, I didn’t know I was using a child theme?
Am i?
Hello,
You’re using parent theme but to prevent losing changes after theme update you can create it http://codex.wordpress.org/Child_Themes and add the code for Instagram icon.
Regards,
Eva Kemp.
You must be logged in to reply to this topic.Log in/Sign up