UPDATE: Кликнете тук за да видите скрипт за facebook коментари, оптимизирани за SEO на сайта

Едно бързо и добро решение в случай, че искате индивидуален дизайн на facebook коментарите и да ги направите част от интерфейсът на WordPress коментарите.

За целта е необходимо да отворите comments.php на вашата WordPress тема и да добавите следния код (преди или след кода за wordpress листване на коментарите):

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script>
<script type="text/javascript">
$.getJSON("https://graph.facebook.com/comments/?ids=<?php the_permalink(); ?>&callback=?",
 function (j) {
 var roboText = "";
 $.each(j, function (i) {
 $.each(this.data, function (i, item) {
 fbText += "<div class=\"quote\"><div class=\"alt\"><a href=\"http://www.facebook.com/profile.php?id=" + this.from.id + "\" target=\"_blank\"><img class=\"avatar avatar-80 photo\" width=\"80\" height=\"80\" src=\"http://graph.facebook.com/" + this.from.id + "/picture\" /></a><p>" + this.message + "</p></div><small>Facebook коментар на <a href=\"http://www.facebook.com/profile.php?id=" + this.from.id + "\" target=\"_blank\">" + this.from.name + "</a> от дата: " + this.created_time + ". Харесвания: " + this.likes + "</small></div>";
 });
 });
 $('#facebookcomments').html(fbText);
});
</script>

<div id="facebookcomments"></div>

Чрез <div id=“facebookcomments“></div> „извиквате“ всички коментари, които се зареждат в реално време чрез Facebook Graph API. В кода по-горе може да промените лейаута с този, който вашата WordPress тема използва – това става в частта fbText

Минусите на разработката са отново, че липсват контролите (като „Отговор“ или „Харесва ми“) за добавяне и харесване на коментар, които facebook comments по принцип предлагат. Друг минус е, че JQuery не е особено добър метод, що се отнася до SEO на коментарите.

Плюсовете са, че имате синхрон в дизайна на facebook и wordpress коментарите, което прави блогът по-прегледен и уеднаквен в тази връзка. Коментарите се листват с еднакъв дизайн на едно място. Друг плюс е, че за разлика от други разработки, когато някой изтрие своя facebook коментар – той се изтрива и от листнатите коментари.

Tweet