- This topic has 14 replies, 4 voices, and was last updated 5 years, 10 months ago by David.
-
AuthorPosts
-
October 26, 2015 at 9:26 am #147707Tim
Using the Embed Post button, I got the code to an image post I want to embed on my site. However, when I put the code on a page, only the text shows up, not the image. Is there a global setting that is preventing this in the theme?
October 26, 2015 at 9:28 am #147708TimLinks to the broken images. These are the code and the outcome on the site.
http://postimg.org/image/bq7krh6zh/
http://postimg.org/image/48tryis2l/October 26, 2015 at 10:32 am #147733TomLead DeveloperLead DeveloperHmm, nothing in the theme preventing this, but the WP editor may be stripping something important.
Can you link me to the page where the image isn’t showing up?
October 28, 2015 at 9:39 am #148292TimIt’s on a test page off the main menu: http://www.14gwu.org/test-facebook-images/
Here’s a link to the Facebook post: https://www.facebook.com/14GWU/photos/a.379944355413962.86790.165422513532815/928433827231676/?type=3
October 28, 2015 at 11:27 am #148321TomLead DeveloperLead DeveloperWhat if you add this code to the wp_footer hook in GP Hooks?
<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/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>
Then add this part to your post:
<div class="fb-post" data-href="YOUR_URL_HERE"></div>
Sometimes the WP editor strips out
<script>
tags.Let me know 🙂
June 6, 2018 at 6:26 am #593057StefanHi Tom,
Having issues with this same problem, Ive copied, then edited the html (below) from the facebook developer page to footer widget 5 , which is where i want the feed to be.
<div class="fb-page"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div>
Then copied the JS SDK script into wp_footer as you have sugested . Its not presenting anything so a little confused, can you help please?
Cheers
June 6, 2018 at 5:14 pm #593521TomLead DeveloperLead DeveloperHi there,
Did you add that code into a HTML widget?
Any console errors if you right click + inspect the page?
June 7, 2018 at 5:10 am #593948StefanHi Tom,
Yes i added the custom HTML code to footer widget 5 (can it go there?). I cannot see any errors but nothing comes up unless it is either hidden or.
No console errors.
Where am i going wrong?
June 7, 2018 at 9:05 am #594181TomLead DeveloperLead DeveloperCan you link me to your site?
June 7, 2018 at 9:14 am #594189StefanJune 7, 2018 at 9:18 pm #594782TomLead DeveloperLead DeveloperHmm, nothing is standing out to me really.
What’s the script you pasted into wp_footer?
June 8, 2018 at 2:00 am #594922StefanHi Tom,
Ive pulled the script from https://developers.facebook.com/docs/plugins/page-plugin/
<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 = ‘https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0’;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>Would this be correct?
Thanks
June 8, 2018 at 2:17 am #594927DavidStaffCustomer SupportHi Stefan, i can’t see any issue with the code but there is definitely no HTML in that widget.
Can you test the HTML code somewhere else on the page? Try adding it via an Elementor HTML Widget in the page.June 8, 2018 at 3:00 am #594964StefanHi David/Tom
Ive nailed the issue, seems that it could be something wrong with the Facebook page. Ive put in some other random Facebook companies and it works fine in the footer widgets, also using the elementor html widget. So its a specific issue to the one i want to use.
Frustrating.. very sorry!
Cheers
StefanJune 8, 2018 at 3:14 am #594972DavidStaffCustomer SupportHi Stefan, glad you found out what the problem is.
-
AuthorPosts
- You must be logged in to reply to this topic.