如何将Facebook Like按钮添加到WordPress网站

在本教程中，我将向您展示如何向WordPress网站添加类似Facebook的按钮。无需安装插件，我们将手动进行。当人们访问您的网站并单击“ Facebook喜欢”按钮，然后在其Facebook新闻提要中时，将会有一条帖子显示他们喜欢您的网站或页面，并带有指向您网站的链接以及特色图片。这样，他们的所有朋友都可以看到您的网站。这确实有助于您的网站获得免费和病毒式访问。

将Facebook Like按钮添加到您的WordPress网站

您要做的第一件事是转到Facebook开发人员页面，在其中可以找到类似的按钮代码。您不需要Facebook开发人员帐户即可执行此操作。点击 像按钮 左侧的标签，然后向下滚动到 像按钮配置器 部分。将您的网址放在 喜欢的网址 领域。默认宽度足够好。然后打 取得验证码 按钮。请注意，默认情况下，它还包括一个共享按钮。

您将看到两段代码。第一个主要是JavaScript代码。第二个是HTML5代码。

您需要做的是复制第一段代码。然后打开 footer.php 文件放在WordPress主题文件夹下，然后将代码粘贴到 HTML标记正上方，如下所示。

<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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
</body>
</html>

保存并关闭文件。

之后，复制第二段代码。如果您想在侧边栏小部件中显示“喜欢”按钮，请转到出现 > 小部件。并将文本小部件拖动到侧栏，将第二段代码粘贴到文本小部件的内容区域，然后将其保存。现在，您可以在网站的右侧栏中显示一个类似Facebook的按钮。

如果您希望在网站的每个帖子中都显示“喜欢”按钮，请打开 content-single.php 文件放在WordPress主题文件夹下。然后将第二段代码传递到您希望显示的位置。

 <header class="entry-header clearfix">
 <h1 class="entry-title"><?php the_title(); ?></h1>
 <?php the_tags('<div class="entry-tags clearfix"><span>' . __('TOPICS:', 'mh-newsdesk-lite') . '</span>','','</div>'); ?>
 </header>
 <div class="fb-like" data-href="https://www.linuxbabe.com" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div>
 <?php mh_newsdesk_lite_featured_image(); ?>
 <?php mh_newsdesk_lite_post_meta(); ?>
 <div class="entry-content clearfix">
 <?php the_content(); ?>
 </div>

我将其粘贴在精选图片的上方，因此Facebook赞按钮将出现在我网站的每个帖子的精选图片的上方。

将Facebook Like按钮添加到您的WordPress网站

近期更新