适用于WordPress的Facebook评论 – 应用程序的创建、代码集成和修改

脸谱网的评论使主页、博客和网上商店更加生动。用户不再被迫输入他们的数据或注册。通过放置或交换WordPress的评论与Facebook的代码,互动,用户的忠诚度和你的网站,博客或商店的访问时间也会增加。当然,也有用于嵌入的WordPress插件。但只要稍加复制和粘贴,你也可以自己完成一切。今天,不是用视频教程,而是用经典的截图方式,因为这真的很快,即使没有广告公司。

创建Facebook应用程序的使用

提示!在这里,你可以找到我们关于Facebook广告主题的XXL指南。在这篇文章中,你将了解到。

  1. 创建Facebook应用程序的使用
  2. 生成和嵌入评论代码

如果你还没有在facebook为开发者创建自己的应用程序,这是你的第一步。只需在此注册并创建一个应用程序。

生成和嵌入评论代码

在下一步,你将生成你自己的代码。重要的是,你要把它纳入你的header.php。在WordPress中,通常有两种方法可以做到这一点。

  1. 最好的方法是将代码嵌入到你的主题后台。大多数主题支持直接从后台嵌入。那么你就不需要对主题做任何改动。你把代码放在例如谷歌分析代码所在的地方。
  2. 直接在主题中通过你的WordPress后台,通过设计>编辑。然后打开header.php,干净利落地插入代码,最好是直接在<body>标签之后。
  3. 推荐!最好是通过你的子主题,修改一份header.php的副本,然后你就不会有主题更新的问题了。

你可以在这里生成你的代码。

这就是生成的代码的样子。然后appID就是你的个人ID。

<div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
如果(d.getElementById(id))返回。
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/de_DE/sdk.js#xfbml=1&version=v2.8&appId=1453051238274088";
fjs.parentNode.insertBefore(js, fjs)。
}(document, 'script', 'facebook-jssdk'));/script>

开发者教程的截图

以下是所有步骤的单独截图。

交换WordPress和Facebook的评论功能

除了脚本之外,你还会收到一个小的div框,可以嵌入到页面的前端。这里的程序与脚本类似。只有你编辑single.php。如果你使用的是一个主题,代码可能也要放在comment.php或类似的地方。就像我的例子中一样。你可以在你的页面上到处放置代码,也可以只放置在单个页面上。我们直接替换评论功能。如果你想让评论出现在单页上,只需将代码直接插入到博客文章中,等等。这就是你如何在全球范围内改变评论功能。

重要的是,你必须将全局变体的URL(在我的例子中是http://lukinski.com)替换为。

<?php echo get_permalink(); ?>

  1. 直接在主题中通过你的WordPress后台,通过设计>编辑。现在打开single.php文件,替换WordPress的代码或删除它。
  2. 推荐!在这里通过你的子主题以同样的方式进行,并改变single.php的副本。
<div class="fb-comments" data-href="<?php echo get_permalink(); ? >" data-numposts="5"></div>

Voila.

代码交换的截图

在我的例子中,评论代码不在single.php中,而是在一个单独的comments.php中。我把这个复制到我的儿童主题中,然后用新的Facebook评论替换了整个评论代码。如果你在single.php中工作,请确保只删除注释代码。在这个例子中,正如我所说,整个comments.php被替换了。

博客中的Facebook评论功能

完成后,整个东西看起来是这样的!