Параметр URL в нашей функции .getJSON будет иметь следующий вид:
http://api.twitter.com/1/statuses/user_timeline/username.format
Вы можете выбирать один из следующих форматов (мы будем использовать json):
- atom
- json
- rss
- xml
Для начала нам понадобится разместить все твиты на главной странице.
Здесь у нас есть два варианта: либо мы вручную создадим в шаблоне home.php блок div и список ul, либо сделаем это с помощью jQuery.
Как поступить – решать вам. На данный момент вы уже должны быть достаточно подкованными как в плане ручного редактирования темы, так и в плане создания DOM объектов с помощью jQuery.
Поскольку отображение твитов полностью зависит от включенного Javascript, и нам не требуется выполнять произвольный вывод контента с помощью тегов шаблонов, я отдам свое предпочтение jQuery.
Начнем с того, что добавим в файл custom-jquery.js код, который будет отвечать за создание пространства под твиты:
...
//Добавим блок div на главную страницу
//с помощью класса .home (ваша тема должна
//использовать тег шаблонов body_class() в HTML теге body)
jQuery('.home #content')
//добавляем блок div, h2 заголовок и три пункта
//к списку ul вместе со ссылкой Follow Us:
.append('<div class="tweets"><h2>Our Tweets:</h2>
<ul><li></li><li></li><li></li></ul>
<p>
<a href="http://twitter.com/ozoopa">Follow Us!</a>
</p></div>');
...
Далее мы зададим переменную, которая будет содержать в себе ссылку на Twitter API. В качестве имени пользователя я указал собственный ник: ozoopa:
... var tweetURL = 'http://api.twitter.com/1/statuses/user_timeline/ ozoopa.json?callback=?'; ...
Теперь мы можем вызвать нашу функцию .getJSON:
jQuery.getJSON(tweetURL, function(twitter){
//'twitter' это функция обратного вызова, которая возвращает твиты
//в каждый li из класса tweets мы добавим полученный текст
jQuery('.tweets li').each(function(i){
//нам необходим только текст твита
jQuery(this).html(twitter[i].text);
});
});
...
Как вы можете видеть на следующем скриншоте, наши твиты выводятся в удобном формате:
