Как встроить твиты в WordPress без кода (руководство для начинающих)

Чтобы научиться встраивать твиты в WordPress, нужно всего несколько простых шагов и, возможно, плагин, если вам нужны более продвинутые функции.

Цель этого руководства — помочь вам чувствовать себя комфортно при встраивании твита в свой блог, что позволит вам добавлять живые интерактивные разговоры в Твиттере из вашей собственной учетной записи или из других источников в Интернете.

Вы можете разместить один твит в сообщении в качестве ресурса или даже иметь постоянно обновляемую ленту из своей учетной записи. Продолжайте читать, чтобы узнать, как!

Как встроить твиты в WordPress с помощью редактора по умолчанию

Редактор WordPress по умолчанию предлагает большую коллекцию блоков перетаскивания для включения элементов в ваши страницы и сообщения WordPress.

Это включает в себя специальный блок для встраивания твитов!

Это самый простой способ разместить твит или короткую ленту Twitter в посте или на странице. Здесь нет каких-либо причудливых инструментов настройки или дизайна, но он позволяет мгновенно отображать твит на вашем веб-сайте и не беспокоиться о коде для встраивания или плагинах.

Вот как это использовать…

1. Добавьте блок Twitter

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

Перейдите в область, в которую вы хотите добавить свой твит, и щелкните значок + , чтобы добавить новый блок:

Найдите/выберите блок Twitter , чтобы добавить его в свой пост:

2. Вставьте URL-адрес своего твита.

Теперь пришло время перейти к Твиттеру. На вашем веб-сайте можно публиковать чьи-либо публичные твиты, если это не лента Твиттера с коллекцией твитов.

Поэтому найдите твит, который вы хотите встроить, и перейдите на конкретную страницу только для этого твита.

В строке поиска браузера отображается уникальный URL-адрес твита. Скопируйте URL-адрес веб-сайта в буфер обмена вашего компьютера.

Вернитесь в панель управления WordPress.

Теперь вы должны увидеть блок URL-адресов Twitter, запрашивающий ссылку из нужного твита.

В пустое поле вставьте твит, который вы скопировали ранее.

Нажмите кнопку « Встроить» , чтобы завершить процесс.

Затем вы должны увидеть предварительный просмотр встроенного твита в редакторе. Есть некоторые настройки для удобства мобильных устройств и CSS, но это все.

Чтобы убедиться, что все выглядит хорошо, перейдите во внешний интерфейс этой записи или страницы WordPress, чтобы просмотреть твит перед публикацией. Вы заметите, что когда вы встраиваете твиты, они предлагают интерактивные элементы, такие как ссылки, хэштеги и кнопки, чтобы увидеть полный твит в Твиттере или посетить учетную запись.

Бонус: встроить полные «Tweetstorms»

Еще один дополнительный элемент, который поставляется с блоком Twitter, предназначен для встраивания так называемых «Tweetstorms». Tweetstorm — это серия связанных сообщений, обычно публикуемых последовательно.

Вы можете публиковать Tweetstorms, но вы должны быть владельцем учетной записи Twitter.

Для этого щелкните ранее встроенный твит и нажмите кнопку «Развернуть».

Это показывает несколько постов подряд, но только если Tweetstorm из вашей учетной записи, недавний и посты связаны друг с другом. В противном случае вы получите ошибку.

Как встроить ленту пользователей Twitter или хэштегов в WordPress с помощью плагина

В Интернете доступно довольно много плагинов для встраивания твитов с более продвинутыми функциями.

Например, вам может понадобиться текущая лента из вашей учетной записи Twitter на вашем веб-сайте или, возможно, некоторые инструменты для настройки того, как эти твиты выглядят при встраивании.

Мы рекомендуем протестировать множество плагинов с такими возможностями, но в основном мы рекомендуем плагин Smash Balloon Custom Twitter Feeds, который мы будем использовать в руководстве ниже.

1. Установите плагин

Для начала установите и активируйте плагин Smash Balloon Twitter Feeds. Если у вас есть какие-либо вопросы по этому поводу, узнайте, как установить плагин здесь.

2. Подключите плагин к своей учетной записи Twitter.

Выберите новую вкладку Twitter Feeds на панели инструментов WordPress.

Область настройки плагина состоит из четырех шагов.

Первая — это вкладка « Настроить ».

Нажмите на кнопку, чтобы войти в Twitter , что дает плагину разрешение на импорт каналов с использованием вашей учетной записи Twitter.

Нажмите кнопку Авторизовать приложение , чтобы предоставить плагину Smash Balloon Twitter Feed доступ к вашей учетной записи Twitter.

Это должно быть связано с вашей учетной записью Twitter. Если нет, вы можете вручную получить свой токен доступа и секрет токена доступа. следуя инструкциям плагина.

Сохраните изменения после привязки учетной записи.

3. Настройте параметры фида

Находясь на вкладке « Настройка », прокрутите вниз, чтобы изменить настройки канала. Например, вы можете выбрать канал из учетной записи пользователя или из хэштега.

Существуют и другие бесплатные и премиальные настройки, например, количество отображаемых твитов или расширенные типы каналов.

4. Настройте макет для вашего фида

Сохраните изменения и перейдите на вкладку « Настроить ».

Здесь у вас есть настройки для изменения дизайна ленты Twitter.

Вы можете настроить все, от макета до того, что включено в твиты. Вы также можете указать плагину, сколько твитов вы хотите отображать.

5. Настройте дизайн/стиль вашего фида

Вкладка « Стиль » предназначена для других модификаций внешнего вида, таких как цвета и текст.

Не стесняйтесь менять вещи, чтобы они соответствовали вашему бренду.

Не забудьте сохранить настройки перед переходом на другую вкладку.

6. Отобразите свой канал

Последний шаг — отобразить вашу ленту .

Есть два способа отображения ленты, но единственный из перечисленных на этой странице — метод шорткода. Поэтому скопируйте данный шорткод в буфер обмена.

Перейдите к новой или старой записи или странице в WordPress.

Первый вариант отображения ленты — это вставка шорткода в блок шорткодов .

Более простой способ — найти и вставить блок Twitter Feed . Этот блок взят из плагина Smash Balloon Twitter Feed.

В дальнейшей настройке нет необходимости, так как вы уже настроили свой канал в области настроек.

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

Встраивайте твиты в WordPress уже сегодня

Для некоторых других идей по интеграции Twitter на ваш сайт WordPress у нас также есть несколько других полезных руководств:

• Девять способов интеграции WordPress и Twitter
• Как опубликовать в Twitter из WordPress
• Как автоматически делиться старыми сообщениями блога в Twitter

Остались вопросы о том, как встроить твиты в WordPress? Спросите нас в комментариях!