Как вывести твиттер на сайте WordPress без плагинов
Сегодня поговорим о выводе твиттер сообщений на сайт, а точнее, о выводе твиттер виджета без плагинов. Данный виджет будет мотивировать посетителей сайта подписаться на ваш твиттер, либо просто следить за актуальной информацией. Прочтите урок по кросспостингу новостей из WordPress в Twitter, чтобы совместить его с данным, для более продуктивной работы твиттер аккаунта. В последнее время твиттер стал очень популярной соцеальной сетью, он может дать очень положительный эффект в развитии проекта.
1. Регистрация твиттер виджета
Для начала разумется у вас должен быть twitter аккаунт. Если даный пункт соблюден, переходим к следующим.
- Авторизуемся в твиттере
- Нажимаем на шестеренку и выбираем настройки
- Переходим в пункт “Виджеты”
- Нажимаем “Создать новый”
- Выбираем нужны параметры
- Нажимаем “Создать виджет”
- Копируем полученный код
Как видите в регистрации виджета нету ничего сложного, проблем не должно возникнуть.
2. Вставляем код твиттера на сайт
В первую очерель вы должны определиться, где вы хотите отображать твиттер на вашем сайте, обычно это сайдбар (боковая панель) , иногда подвал. В моем случае это будет сайдбар.
- Обычно виджеты можно встраивать через админ панель, если у вас в меню “Внешний вид” нету подпункта “Виджеты”, то в 4 уроке по созданию адаптивного шаблона для wordpress я рассказывал, как регистрировать, выводить и вставлять виджеты в вашем шаблоне. Прочитав урок вы сможете самостоятельно зарегистрировать сайдбар и получить заветное меню Виджетов.
- Если у вас есть меню виджетов “Внешний вид – Виджеты”
- Добавляем блок-виджет “Текс”
- В содержимое блока вставляем код твиттера, который мы получили ранее
- Называем блок как вам угодно
- Сохраняем
- Если у вас нету меню виджетов, или по другим соображениям вы не хотите его использовать
- Открываем sidebar.php
- Хорошо рассмотрите структуру кода, каким образом код делиться на блоки.
- Вставляем код твиттера в нужное место
- Если по структуре кода это нужно, добавляем заголовок перед виджетом, например <h6>Twitter</h6>.
На данном этапе всё, ваша твиттер лента должна отобразиться на сайте. Если вдруг блок твиттера у вас на английском, то в посте о том, как создать шаблон для wordpress в пункте 2 я рассказывал о значении атрибута lang, который используется в теге <html>. Прописав тегу html атрибут lang=’ru’, блок твиттера на сайте будет отображаться на русском.
Вот и подошел наш урок к концу, задавайте ваши вопросы, оставляйте отзывы, буду рад на них ответить. Лайки, твитты и репосты данного поста в социальные сети приветствуются.
