Viewing 30 posts - 1 through 30 (of 39 total)
  • Author
    Posts
  • #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 appreciated

    #1151320

    Hey 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,
    Rikard

    #1151323

    Hey Rikard,
    Thanks for your prompt response.
    I understand this will work.

    #1151418

    Hello,
    Thank you for your help.
    I haven’t yet succeeded,
    Please do help.
    Regards,
    Moses

    #1151872

    Hello,
    Could someone help please?

    #1152153

    Hi,

    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,
    Basilis

    #1152167
    This reply has been marked as private.
    #1152413

    Hi 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,
    Victoria

    #1152681
    This reply has been marked as private.
    #1152779

    Hi Moses,

    Can you share the link to your profile?

    Best regards,
    Victoria

    #1152784
    This reply has been marked as private.
    #1152850

    Hi Moses,

    I meant the link to your website, not the FB page.

    Best regards,
    Victoria

    #1152854
    This reply has been marked as private.
    #1153165
    This reply has been marked as private.
    #1153564

    Hello,
    I am patiently waiting.
    Thanks

    #1153566

    Hey 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 website

    function 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:
    2019-11-03-150519
    Thank you for your patience.

    Best regards,
    Mike

    #1153579
    This reply has been marked as private.
    #1153677

    Hi,
    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.
    2019-11-04-045445
    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.
    2019-11-04-051917
    Hope this helps.

    Best regards,
    Mike

    #1153708
    This reply has been marked as private.
    #1153805

    Hi,
    Ok, I removed it, please check.

    Best regards,
    Mike

    #1153840
    This reply has been marked as private.
    #1153982

    Hi,
    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,
    Mike

    #1154028
    This reply has been marked as private.
    #1154276

    Hi,
    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,
    Mike

    #1154333
    This reply has been marked as private.
    #1154578
    This reply has been marked as private.
    #1154581

    Hi,
    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,
    Mike

    #1155381
    This reply has been marked as private.
    #1155420

    Hi,
    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,
    Mike

    #1155778
    This reply has been marked as private.
Viewing 30 posts - 1 through 30 (of 39 total)
  • The topic ‘add a Facebook LIKE button to my website’ is closed to new replies.