-
AuthorPosts
-
October 25, 2019 at 3:12 pm #1151221
Hello,
Kindly, help me add a Facebook like button on my site. I want the button to align with the other social media buttons. I mean let it appear right above
Follow us on Twitter..
As always, your help would be very much appreciatedOctober 26, 2019 at 5:15 am #1151320Hey mosesjohnson,
Maybe this will help you out? https://www.bourncreative.com/how-to-add-the-facebook-like-box-to-your-wordpress-site/. You can add it to a widget in the header: https://kriesi.at/documentation/enfold/header/#adding-a-header-widget-area
Best regards,
RikardOctober 26, 2019 at 5:40 am #1151323Hey Rikard,
Thanks for your prompt response.
I understand this will work.October 26, 2019 at 11:22 pm #1151418Hello,
Thank you for your help.
I haven’t yet succeeded,
Please do help.
Regards,
MosesOctober 28, 2019 at 8:20 pm #1151872Hello,
Could someone help please?October 29, 2019 at 9:58 pm #1152153Hi,
Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However, if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
Best regards,
BasilisOctober 29, 2019 at 11:10 pm #1152167This reply has been marked as private.October 30, 2019 at 4:54 pm #1152413Hi Moses,
Please have a look at this article here
https://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/If you need further assistance please let us know.
Best regards,
VictoriaOctober 31, 2019 at 12:26 pm #1152681This reply has been marked as private.October 31, 2019 at 4:08 pm #1152779Hi Moses,
Can you share the link to your profile?
Best regards,
VictoriaOctober 31, 2019 at 4:15 pm #1152784This reply has been marked as private.October 31, 2019 at 9:09 pm #1152850Hi Moses,
I meant the link to your website, not the FB page.
Best regards,
VictoriaOctober 31, 2019 at 9:12 pm #1152854This reply has been marked as private.November 2, 2019 at 12:38 am #1153165This reply has been marked as private.November 3, 2019 at 9:58 pm #1153564Hello,
I am patiently waiting.
ThanksNovember 3, 2019 at 10:08 pm #1153566Hey Moses,
Sorry for the late reply, I added this to your functions.php so the FaceBook script will load in your header,
I got the code from the Like button page on Facebook developers websitefunction fb_like() { ?> <div id="fb-root"> </div> <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v5.0"></script> <?php } add_action('wp_head', 'fb_like');
then I added this code to your footer widget:
<iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fgeeksmodo.com%2F&width=70&layout=box_count&action=like&size=small&show_faces=true&share=true&height=65&appId" width="70" height="65" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
and here is a screenshot of it above your twitter as requested:
Thank you for your patience.Best regards,
MikeNovember 3, 2019 at 11:21 pm #1153579This reply has been marked as private.November 4, 2019 at 12:20 pm #1153677Hi,
The Like button page on Facebook developers website only has a few options, the numbers can be removed and the “share” can also be removed, but since the button is added via an iframe it can not be styled with css. So the standard one has black text next to the button that shows the number of people that liked it, but the black text doesn’t show well on your site, then the next two show the number, and the last option just shows the “Like” so that is the one I choose this time.
I was able to add “CONNECT WITH US” & “Become a fan on Facebook” but because the twitter and RSS feed is in the same widget that doesn’t allow text I couldn’t add that, but they already say that.
Hope this helps.Best regards,
MikeNovember 4, 2019 at 3:03 pm #1153708This reply has been marked as private.November 5, 2019 at 1:23 am #1153805November 5, 2019 at 2:06 am #1153840This reply has been marked as private.November 5, 2019 at 1:21 pm #1153982Hi,
Ok, I made this adjustment, the issue was that the original code was targeted at the home page and didn’t include the archive pages such as “tag” & “category” which is what your menu links point to. So I added this code and cleared your cache plugin.#top.archive span.blog-author.minor-meta,#top.archive time.date-container.minor-meta.updated,#top.archive span.comment-container.minor-meta,#top.archive span.text-sep.text-sep-comment { display: none !important; } #top.archive span.post-meta-infos { margin-top: -30px; } #top.single span.blog-author.minor-meta { display: none !important; }
This includes a bonus bonus, I noticed that your posts also had the “author” included behind the post title, which was hard to see, but would probably come up with a screen reader :) alternative: 😀
Please clear your browser cache and check.Best regards,
MikeNovember 5, 2019 at 5:09 pm #1154028This reply has been marked as private.November 6, 2019 at 1:12 pm #1154276Hi,
Ok, I removed the code that hid the author on single pages and added some padding to it so that it would not be hidden behind the title.
Please clear your browser cache and check.Best regards,
MikeNovember 6, 2019 at 4:56 pm #1154333This reply has been marked as private.November 7, 2019 at 11:29 am #1154578This reply has been marked as private.November 7, 2019 at 11:33 am #1154581Hi,
That’s odd, because the author is there under the title and before the categories, I’m sure that you cleared your browser cache, and the only difference is that the parent container that holds the author and categories has some padding to the top of it.
I carefully reviewed your css and removed the padding and the previous css that made the padding necessary, so now the author should be showing for your screen reader only on the posts, such as the link you sent above.
Please clear your browser cache and check.I tried to investigate this possible issue and found that in Windows at least that the screen reader maybe using it’s own cache:
In document mode, the user is interacting with a cached copy of the web page, read more here so I’m not sure if this a factor for you here, but please check if you can clear your screen reader cache.Best regards,
MikeNovember 10, 2019 at 8:11 pm #1155381This reply has been marked as private.November 10, 2019 at 11:36 pm #1155420Hi,
I assume that you mean the widget in the footer, I added this css:#newsbox-12.widget a.news-link span.news-time { display: none !important; }
Please clear your browser cache and check.
Best regards,
MikeNovember 12, 2019 at 12:30 am #1155778This reply has been marked as private. -
AuthorPosts
- The topic ‘add a Facebook LIKE button to my website’ is closed to new replies.