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

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

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

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

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

Selection_315

您需要做的是复制第一段代码。 然后打开 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的按钮。

Selection_316

如果您希望在网站的每个帖子中都显示“喜欢”按钮,请打开 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赞按钮将出现在我网站的每个帖子的精选图片的上方。

Sidebar