Твиттеризация блога
8 Сен
В этом посту я расскажу о том, как лучше всего направить свой блог в сторону твиттера, а точнее как добавить различные фишки в блог на wordpress. Именно на него, а не жж или блогспот, т.к эти системы не позволяют вполной мере делать с блогом все что душе вздумается, а WP – позволяет.
Если полистать страницы моего блога, почитать посты то вы заметите тесную интеграцию сервиса twitter в мой блог.
Не заметили? Ок, тогда щас покажу:
При упоминании ника, например @Bizi благодаря специальному Anywhere (что это такое и как им пользоваться, расскажу чуть позже) можно увидеть основные данные твиттер-аккаунта, прямо с блога можно отправить сообщение в твиттер и многое другое.
1. @Anywhere позволяет внедрить в сторонние сайты Twitter с максимально простыми и универсальными методами. Поддержка технологии включается всего несколькими строками кода на Javascript.
Какие функции Anywhere советую вам использовать:
- создание ссылок на ники, например @Twitter
- отправка твитов с сайта
Хочу заметить, что с повсеместным внедрением сокращения ссылок в Twitter через t.co, в Anywhere появился новый пункт
Теперь при отправке сообщения с ссылкой из вашего блога, ссылка будет сокращаться автоматически, если поставить галочку в этом пункте.
Теперь нужно в header.php между тегами <head></head> подключить скрипт:
<script src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1" type="text/javascript"></script>
Где APIKey – это Consumer key, который указан у вас в настройках приложения.
После того, как мы подключили Anywhere к своему блогу можно и подключать функции.
Подключаем Hovercards
Что такое Hovercards? Лучше просто покажу:
В header.php, сразу после <body> прописываем следующий код:
<script type="text/javascript">
twttr.anywhere(function (T) {
T.hovercards();
});
</script>
Tweetbox – отправка сообщений в Twitter из блога
Сначала советую установить плагин Code Insert Manager, который позволит вам встраивать код в любую часть вашего блога и вам не придется рыться в исходниках :)
Вставить в свой блог форму отправки сообщений можно с помощью следующего кода:
<span id="login"></span>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#login").connectButton();
});
</script>
Скрипт имеет множество настроек, углубляться не стану. Лучше покажу код, который использую я. Из него видно, что отвечает за размеры блока, заголовок и встроенное сообщение:
<div id="tbox"></div>
<script type="text/javascript">
twttr.anywhere(function (T) {
T("#tbox").tweetBox({
height: 100,
width: 904,
label: "Опубликовать в Twitter:",
defaultContent: "RT @Bizi <?php the_title (); ?> <?php the_permalink()?>"
});
});
</script>
Переменные <?php the_title (); ?> и <?php the_permalink()?> отвечают за вставку заголовка (названия поста) и ссылку на него.
В конце этого поста вы увидите работающий бокс со стандартным сообщением, опробуйте его ;) Что бы отправить твитт, необходимо авторизовать приложения:
Отображение числа подписчиков
Устанавливаем плагин для WordPress Subscribers Text Counter, в настройках заполняем нужные вам поля, а потом либо в виджет, либо в код блога вставляем следующий код:
[ stcounter type= "twitter" ] #для виждета (без пробелов)
<?php echo stcounter('twitter') ?> #для вставки в код
Твиты в статье
Бывают случаи, когда нужно поместить в пост очень важный твитт и приходиться просто вставлять текст. Но есть более интересное решение – это Blackbird Pie! Вместо того, что бы описывать что это за плагин, лучше покажу его в работе:
В редакторе записи у вас появиться новая иконка на панели инструментов:
Нажимаете на птичку, вставляете ссылку на твит или ID – число твитта и вставляете. Всё просто.
На этом у меня все, пользуйтесь на здоровье, если возникнут вопросы пишите в комментарии :)
