Использование user timeline метода

Дата публикации:Май 6, 2011

Параметр 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);
    });
  });
... 

Как вы можете видеть на следующем скриншоте, наши твиты выводятся в удобном формате:

Поделиться

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Получать новые комментарии по электронной почте. Вы можете подписаться без комментирования.

Предыдущая запись:

Следующая запись: