воскресенье, 25 марта 2012 г.

Создаём строку с последним твитом на сайт

Здравствуйте!
На днях делал новый блог, понадобилось вывести строку с последним твитом на странице. Дело не хитрое, однако подумать заставило. Для начала было скачано несколько плагинов, но в силу ряда причин были выкинуты на помойку. К примеру один парсил несколько сотен твитов, а выводил последний. Я еще удивлялся чего так медленно. Обратился к официальному API twittera и сделал сам. Ниже можно ознакомиться подробнее.



Для начала определяем место вывода строки и вставляем туда блок:

Непосредственно в этом блоке и будет отображаться наш последний твит. Теперь подключаем два js файла:

Во втором файле меняем MadKort на свой ник в twitter. Count=1 это количество твитов которые будут выводиться, в нашем случае это число равно единице. В принципе все, осталось добавить красоты по вкусу. Для этого добавляем в ваш файл стилей следующие:

#twitter_update_list {
padding: 1em;
padding-left: 50px;
background:url('twitter.png') no-repeat ;
width: 400px;
-webkit-box-shadow:0 1px 4px rgba(0, 0, 0.3, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
#twitter_update_list li {
list-style-type: none;

}
#twitter_update_list span {
color: #000;
text-decoration: none;
}
#twitter_update_list a {
text-decoration: none;
color: #c2c2c2;
}

Получится примерно так:
aftero.info/wp-admin/media.php?attachment_id=102&action=edit

Комментариев нет:

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