Твой Твиттер

Вчера я наконец-то «заразил» свой WordPress Твиттером и теперь мой блог стал еще более Твиттеризованным.  Теперь я и вы можем писать в Twitter прямо с этого блога.

Можете еще меня зафолловить, наведите на ссылку — @twtt_ru (уже снял это возможность. обновлено 27.03.2011).

Это и многое другое возможно сегодня благодаря платформе @anywhere от Twittter.

Используя мой видеоурок, вы за 5 простых шагов сможете “подружить” Twitter со своим блогом на Wordpess.

Шаг 1. Что вообще за @anywhere ?

Это такой способ внедрения Twitter в сайты, блоги, который максимально прост и состоит из нескольких строк JavaScript. C помощью этого кода вы можете сделать форму отправку твитов в Twitter для всех посетителей. Или добавить “умную” кнопку follow на блог. Теперь фолловить Вас будут еще больше!

Шаг 2. Начинаем использовать @anywhere  от Twitter для своего блага.

Для начала необходимо зайти на dev.twitter.com и добавить свое “приложение”. Как это делается смотрите в видеоуроке.

Шаг 3. Проверяем все настройки

Рекомендую зайти по адресу http://twitter.com/oauth и проверить, все ли работает верно.

Шаг 4. Работаем с кодом

Далее вставляем код в шаблон темы wordpress. Как это сделать, показал в видеоуроке.

Шаг 5. Радуемся жизни и простоте API Twitter!

Чтобы все получилось, и стало кристально ясным смотрите подробный видеоурок по настройке @anywhere  от Twitter и его интеграции в WordPress.

Приступите к изучению видеоурока: (рекомендую включить HD)

Обещанный код:

В моем случае, в теме wordpress в файле header.php ищем тег </head> и перед ним вставляем полученный код при регистрации на dev.twitter.com:

<script src=»http://platform.twitter.com/anywhere.js?id=ЗДЕСЬ ВАШ КОД&amp;v=1» type=»text/javascript»> </script>

Красным цветом я показал, что здесь произошли недавние изменения, некоторые уроки содержат старый код.

————-

1. Для вставки всплывающих окошечек типа: @twtt_ru после верхней строки вставляем код:

<script type=»text/javascript»>

twttr.anywhere(onAnywhereLoad);

function onAnywhereLoad(twitter)

{ twitter.hovercards();

};

</script>

————-

2. Для «умных» кнопочек Twitter используем следующий код сразу же после строчки с уникальным кодом или после предыдущего, но перед </head>.

<script type=»text/javascript»>

twttr.anywhere(onAnywhereLoad);

function onAnywhereLoad(twitter) {

twitter(‘#follow-twtt_ru‘).followButton(«twtt_ru«);

};

</script>

Не забудьте изменить то, что помечено красным, подставьте ваш ник, вместо моего: twitter(‘#follow-ваш-ник-в-твиттере‘).followButton(«ваш-ник-в-твиттере«);

Теперь там, где вы хотите вывести кнопку ставьте — <div id=»follow-ваш-ник-в-твиттере«></div>. Я поставил сразу после окончания статей.

————-

3. Для вставки формы отправки сообщения в Twitter:

<script type=»text/javascript»>

twttr.anywhere(onAnywhereLoad);

function onAnywhereLoad(twitter) {

twitter(«#custom-tweetbox«).tweetBox({

label: «1. Прокомментируйте статью в Twitter»,

defaultContent: «@twtt_ru «,

height: 50,

width: 450,

});

};

</script>

А дальше выводим ее в блоге, где хотим. Кодом — <div id=«custom-tweetbox«></div>.

label: — здесь вместо моего текста можно написать другой вступительный текст!

defaultContent: — то, что уже будет в форме, там мой ник в Twitter.

height: 50 — высота формы

width: 450 - ширина формы

Так же читайте подобный урок добавляем поддержку @anywhere от Twitter в WordPress блог, автору спасибо, что помог разобраться с моей проблемой при настройке Twitter API в WordPress.

О подобной возможно впервые задумался, прочитав пост — Twitter API для начинающих. Интеграция с сайтом

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