Вывод твиттер сообщений на сайт wordpress

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

1. Регистрация твиттер виджета

Для начала разумется у вас должен быть twitter аккаунт. Если даный пункт соблюден, переходим к следующим.

  • Авторизуемся в твиттере
  • Нажимаем на шестеренку и выбираем настройки
  • Переходим в пункт “Виджеты”
  • Нажимаем “Создать новый”
  • Выбираем нужны параметры
  • Нажимаем “Создать виджет”
  • Копируем полученный код

Как видите в регистрации виджета нету ничего сложного, проблем не должно возникнуть.

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

В первую очерель вы должны определиться, где вы хотите отображать твиттер на вашем сайте, обычно это сайдбар (боковая панель) , иногда подвал. В моем случае это будет сайдбар.

  • Обычно виджеты можно встраивать через админ панель, если у вас в меню “Внешний вид” нету подпункта “Виджеты”, то в 4 уроке по созданию адаптивного шаблона для wordpress я рассказывал, как регистрировать, выводить и вставлять виджеты в вашем шаблоне. Прочитав урок вы сможете самостоятельно зарегистрировать сайдбар и получить заветное меню Виджетов.
  • Если у вас есть меню виджетов “Внешний вид – Виджеты”
    • Добавляем блок-виджет “Текс”
    • В содержимое блока вставляем код твиттера, который мы получили ранее
    • Называем блок как вам угодно
    • Сохраняем
  • Если у вас нету меню виджетов, или по другим соображениям вы не хотите его использовать
    • Открываем sidebar.php
    • Хорошо рассмотрите структуру кода, каким образом код делиться на блоки.
    • Вставляем код твиттера в нужное место
    • Если по структуре кода это нужно, добавляем заголовок перед виджетом, например <h6>Twitter</h6>.

На данном этапе всё, ваша твиттер лента должна отобразиться на сайте. Если вдруг блок твиттера у вас на английском, то в посте о том, как создать шаблон для wordpress в пункте 2 я рассказывал о значении атрибутаlang, который используется в теге <html>. Прописав тегу html атрибут lang=’ru’, блок твиттера на сайте будет отображаться на русском.

Вот и подошел наш урок к концу, задавайте ваши вопросы, оставляйте отзывы, буду рад на них ответить. Лайки, твитты и репосты данного поста в социальные сети приветствуются.

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован. Обязательные поля помечены *