Мой :
Всем доброго дня )



Скрипты Операция “Follow me” или Твиттер в блог

Сегодня, дорогие друзья, я бы хотел рассказать вам как можно придать внешнему виду блога жизни и повседневной актуальности. Сегодня я покажу вам как вывести последний пост из твиттера в блог. Думаю многие блоггеры, да и обычные пользователи, освоили twitter.com, а если нет, то бегом осваивать! У меня блок с последней записью из твиттера можно видеть сразу под шапкой перед постами. И так, давайте приступим.

Для начала нам нужно определиться, где мы будем выводить последнюю запись из твиттера. Я решил что удачным местом будет именно пространство над постом, ибо в сайдбаре слишком узко, в шапке слишком мазолит глаза, а в конце страницы слишком незаметно. Как многие знают Twitter является серьезным подспорьем блогу и источником траффика. Поэтому стоит заявить читателям о своем твиттере ненавязчиво, подпитать их интерес к вашим повседневным запискам. Место нужно выбрать заметное, но чтобы глаз не мазолило, либо делать не яркий дизайн твитта. Теперь давайте к делу. Было бы хорошо хоть немного понимать в строении тем WordPress, но это не главное. В нужное место мы вставляем php код который и будет тянуть наш последний пост с твиттера.

 Код PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?php
$username = "Ваше_имя_на_Твиттере";
$prefix = "<div class=\"twitter_post\">";
$suffix = "</div>";
 
$feed = "http://search.twitter.com/search.atom?q=from:" .
$username . "&rpp=1";
 
function parse_feed($feed) {
    $stepOne = explode("<content type=\"html\">", $feed);
    $stepTwo = explode("</content>", $stepOne[1]);
    $tweet = $stepTwo[0];
    $tweet = str_replace("&lt;", "<", $tweet);
    $tweet = str_replace("&gt;", ">", $tweet);
    return $tweet;
}
 
$twitterFeed = file_get_contents($feed);
echo stripslashes($prefix) . parse_feed($twitterFeed) . stripslashes($suffix);
?>

Теперь разберем как им пользоваться.
$username - Это ваш логин на твиттере (http://twitter.com/Ваше_Имя)
$prefix - Префикс может служить для того, чтобы задать свой стиль выводимому тексту с помощью CSS. Либо там может находиться любой текст который будет стоять перед выведенным постом. Для этого мы пишем:

 Код PHP
1
$prefix = "<div class=\"twitter_post\">";

Внимание нужно обратить, что HTML будет восприниматься корректно только в том случае, если перед кавычками " использовать слеш \ вот так к примеру class=\"twitter_post\". Это необходимо помнить.
Далее мы закрываем наш DIV через $suffix.

 Код PHP
1
$suffix = "</div>";

Тем самым мы задаем текст с твиттера CSS класс .twitter_post

Далее в style.css вашей темы вприсываем этот класс с нужными параметрами.

Вот как сделал я

 Код CSS
1
2
3
4
5
6
7
.twitter_post {
     background: #2c343a;
     font: 16px Georgia,Serif;
     color: #FFFFFF;
     text-decoration: none;
     padding: 5px 5px 5px 5px;
}

Я задал цвет текста белым (#FFFFFF), а фон сделал тёмным (#2c343a) и для читабельности добавил отступы в 5 пикселей (padding: 5px 5px 5px 5px;).

В файле темы где хранится струкрута вывода постов (У меня это index.php в папке самой темы) я поместил свой код так:

 Код PHP
1
2
3
4
5
6
7
<?php
get_header();
?>
 
Код_вывода_поста_с_твиттера
 
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>

Ну вот вообщем и все. Экспериментируйте на свой вкус. За PHP код парсера отдельное спасибо Александру Волкову

Трек к посту:






Если вам понравилась статья, вы можете помочь блогу - сделайте ретвит записи, с помощью кнопки слева. Спасибо! Если вы хотите регулярно получать самое интересное и свежее подпишитесь на обновления блога по RSS, Email или twitter!



Статью можно занести еще и в социальные закладки одним кликом  

0 Комментариев »

Еще нет комментариев. Начни обсуждение!

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




(c) 2008 - 2010 Заметки Жителя Сети [drsof.ru]
Блог о дизайне, seo, креативе, рекламе и маркетинге
В случае перепечатки материалов активная ссылка на drsof.ru обязательна!

www.popularsite.ru