Прикручиваем Twitter к автономному сайту

В прошлом выпуске я опрометчиво пообещал научить вас прикручивать Twitter к автономному сайту на системе WordPress.

Обещал? Учу.

Делаем микроблог, или цитатник, или статусник, или все три)) Нам понадобится два плагина:

1. Twitter for WordPress
2. Shortcode Exec PHP

Как устанавливать плагины и что это такое — читайте здесь.

После установки находим и кликаем в левом вертикальном меню «Shortcode Exec PHP».

На открывшейся странице верхнюю часть заполняем, как на картинке.

И жмем кнопку «Save Changes».

В нижней части все стираем и заполняем так:

1. В поле под заголовком «Shortcodes» вставляем (вместе с квадратными скобками):

[twitt]

2. В широкое поле ниже вставляем вот такой код:

twitter_messages('Ваш_ник_в_Твиттере', 5, false, true, '>>>', true, true, false);

Этот PHP код запускает функцию вывода ваших твитов. Пройдемся по параметрам в скобках от начала до конца.

1. ‘Ваш_ник_в_Твиттере’ — в кавычки вставляем ваш ник, который зарегистрировали на twitter.com

2. 5 — вставляем сколько твитов (записей) выводить.

3. false — показывать упорядоченный список (true — неупорядоченный).

4. true — показывать как давно создана запись (если шифруетесь от босса — ставьте false).

5. ‘>>>’ — как будет выглядеть ссылка на твит, находящийся на twitter.com (можете оставить их пустыми).

6. true — показывать URL-адреса в виде ссылок.

7. true — показывать имя пользователя в виде ссылки при ответах.

8. false — применить корявую кодировку (в WordPress’е оставляем false).

Трогать рекомендую только пункты: 1 (обязательно), 2, 5.

После вставки кода нажмите «Save».

Плагины настроены. Все готово к вставке микроблога.

Теперь, в левом вертикальном меню кликните на «Странцы», а затем на подпунткт «Добавить новую».

Как обычно пишем заголовок (например «Мой микроблог»), а в то место, где пишете текст страницы — вставляйте вот этот шоткод:

[twitt]

Сохраняем страничку. Если менюгенерируется автоматически — она тут же появится на сайте.

Выглядит она так себе… Можно конечно поискать другой плагин, но мы и этот можем настроить. Это не сложно.

Залезаем с ногами в каскадные стили шаблона вашего сайта. Для этого в левом вертикальном меню кликаем «Внешний вид» и затем подпункт «Редактор».

Если все сделали правильно, увидите большое поле с кучей кода на латинице.

Не смотрите на него долго. Может начаться головокружение и вы научитесь стрелять лазером из глаз (шутка). Перематываете содержимое поля в самый низ и там (в этом самом низу) отступаете и вставляете вот эти строки:

p.twitter-message{
display:block;
padding:10px 10px 10px 120px; /* Отступы внутри блока */
margin-top:15px; /* Верхний отступ снаружи блока */
margin-bottom:10px; /* Нижний отступ снаружи блока */
border:#933 1px solid; /* цвет, толщина и тип рамки */
height:100px; /* Высота блока */
background-image:URL('путь_к_картинке'); /* Путь к картинке с аватаром */
background-repeat:no-repeat;
background-position:10px 10px;
}

.twitter-timestamp{
display:block;
verticai-align:bottom;
text-align:right;
color:#777; /* Цвет шрифта времени создания записи */
font-size:10px; /* Размер шрифта времени создания записи */
}

Вставили? Сохраните!

Теперь можно настроить некоторые параметры, если хотите.

Самое главное вместо ‘путь_к_картинке’ вписать путь к вашей аватарке.

Где брать этот путь?

Возьмите аватар (это картинка 100 Х 100 пикселей). Если не знаете, как сделать — пишите. Расскажу.

В соседней вкладке откройте пункт меню «Медиафайлы», а точнее его подпункт «Добавить новый».

Открыли? Ок.

Значит вы видите что-то вроде этого.

Кликайте «Выберите файлы», в окошке находите вашу аватарку, делаете на ней двойной клик и… вот она уже загрузилась.

В поле, которое я пометил стрелочкой находится тот самый путь к аватарке, который нужно вставить в файл стилей.

Выделяйте, копируйте, вставляйте. Да! Не забудьте нажать кнопочки «Сохранить» («Save»).

Если все сделали, как написано, у вас на страничке «Микроблог» (или как там вы ее назвали), отображаются твиты с аватаркой.

Следующим этапом будет установка на ваш мобильный телефон приложения, для публикации записей на twitter.com

Где брать и как настраивать — спросите яндекс. Я не знаю что подходит и как ставится конкретно на вашу модель сотового телефона. Впрочем, если будет интересно, обсудим.

А на сегодня все.
С вами был Лексиум.
До новых выпусков.