Topic: Facebook plugin | Themeco Community

Tagged: x

Author

Posts
November 28, 2016 at 8:09 am #1273172

ruthgledhill
Participant

Hi,

I wish to insert a Facebook plug-in to my site alanfranks.com

I haven’t used Cornerstone on the home page where I wish to put it.

The Facebook instructions are:

Step 2: Include the JavaScript SDK on your page once, ideally right after the opening <body> tag.

then:

Step 3: Place this code wherever you want the plugin to appear on your page.

I can’t quite see however precisely how to do either of these

Thank you

November 28, 2016 at 8:33 am #1273196
Thai
Moderator
Hi There,

#1] Please add the following code under functions.php file locates in your child theme:
```
add_action( 'x_before_site_begin', 'print_fb_sdk' );
function print_fb_sdk(){
	?>
	<div id="fb-root"></div>
	<script>(function(d, s, id) {
	  var js, fjs = d.getElementsByTagName(s)[0];
	  if (d.getElementById(id)) return;
	  js = d.createElement(s); js.id = id;
	  js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.8&appId=490866727757684";
	  fjs.parentNode.insertBefore(js, fjs);
	}(document, 'script', 'facebook-jssdk'));</script>
	<?php
}
```
#2] Place this code wherever you want the plugin to appear on your page:

<div class="fb-page" data-href="https://www.facebook.com/yourpage/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/yourpage/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/yourpage/">SOLO</a></blockquote></div>

Replace https://www.facebook.com/yourpage/ with your Facebook page.

Hope it helps 🙂
November 28, 2016 at 10:27 am #1273344

ruthgledhill
Participant

Thank you for responding so promptly. plse excuse my ignorance but how do I create a child theme? R

November 28, 2016 at 10:32 am #1273359

Rupok
Member

Hi there,

Follow this guide to setup Child Theme.

Cheers!

November 29, 2016 at 3:44 am #1274388

ruthgledhill
Participant

Thank you I am really delighted to say it worked. alanfranks.com

If I was to wish to add now the Facebook page comments to the site, is there a way to do that also please?

And also to add an Instagram feed similar to the Twitter and Facebook ones in the sidebar?

Regards Ruth

November 29, 2016 at 4:08 am #1274416

Paul R
Moderator

Hi Ruth,

Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with instagram, facebook and twitter. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

November 29, 2016 at 5:02 am #1274469

ruthgledhill
Participant

Thank you

How do I change the link on the Facebook button at the bottom of every page? At the moment it links to Alan’s personal profile but I want it to link to his new page.

Also I’ve downloaded an update to the layer slider but don’t understand now to upload it.

November 29, 2016 at 5:09 am #1274472

Lely
Moderator

Hi There,

You’re welcome!

From this code:
<div class="fb-page" data-href="https://www.facebook.com/yourpage/" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/yourpage/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/yourpage/">SOLO</a></blockquote></div>

Change the URL https://www.facebook.com/yourpage/ to his new page URL.

An update should be available on Admin > Plugins.
For manual plugin update, please check this:https://community.theme.co/kb/updating-your-theme-and-plugins/

Hope this helps.
Author

Posts

<script> jQuery(function($){ $("#no-reply-1273172 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>