Параметр 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); }); }); ...
Как вы можете видеть на следующем скриншоте, наши твиты выводятся в удобном формате: