WordPress.org

Ready to get started?Download WordPress

Forums

Facebook Like Button (4 posts)

  1. mitch-mcwallace
    Member
    Posted 2 years ago #

    Okay, so I've been browsing the internet to look for an answer, but although there's a couple of topics about the Facebook Like Button, none of them actually deals with what I'm looking for.

    My website (www.michieljonkman.nl) is based on the Atmosphere 2010 theme, and I have made a few tweaks here and there. What I want to do now is have a Facebook Like Button in my post-meta. In that way, people could actually like my posts and get the message about my website across to Facebook. I know that the Facebook Like Button does almost the same, but I have no idea how to get said button in my post-meta.

    Is there a quick method to deal with this? I would appreciate any pointers and apologize beforehand if I have missed obvious answers despite of me googling about the subject.

  2. TCBarrett
    Member
    Posted 2 years ago #

    Why do the numerous social sharing plugins not meet your needs? What do you gain by having 'the button in your postmeta' ?

  3. mitch-mcwallace
    Member
    Posted 2 years ago #

    Well, the main reason why all the existing plugins don't meet my needs -- and to me it's a pretty important one -- is how most Facebook/Social Network Plugins just ruin the look and feel of a website. They're usually very plump and a 'in your face'. I'd prefer to integrate the Like Button in my page as much as possible. Putting in the post-meta solves the problem esthetically -- I just like it there. If someone can convince it is ridiculous (for technical reasons or other) I'd be more than happy to listen to their reasoning :-)

  4. https://developers.facebook.com/docs/reference/plugins/like/

    If you really want it in your post-meta section, just edit the template and put it in.

    If you look at the code that FB provides:

    <script>(function(d){
      var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
      js = d.createElement('script'); js.id = id; js.async = true;
      js.src = "//connect.facebook.net/en_US/all.js#appId=194812207257190&xfbml=1";
      d.getElementsByTagName('head')[0].appendChild(js);
    }(document));</script>
    <div class="fb-like" data-href="http://YOURDOMAIN.COM/TEST" data-send="true" data-width="450" data-show-faces="true"></div>

    You can just change the http://YOURDOMAIN.COM/TEST as you want :) Pulling in the post URL via PHP.

Topic Closed

This topic has been closed to new replies.

About this Topic