Как встроить ленту Twitter в WordPress (простой способ)

Опубликовано: 2022-10-06

Вы ищете простой способ добавить ленту Twitter на свой сайт WordPress?

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

В этой статье мы ответим на все эти и другие вопросы.

Давайте посмотрим, как легко встроить ленту Twitter в WordPress.

Стоит ли добавлять ленту Twitter в WordPress с помощью плагина?

Вы должны использовать плагин, чтобы добавить ленту Twitter в WordPress. Хитрость заключается в том, чтобы найти правильный плагин для работы. Вы же не хотите, чтобы плагин с плохим кодом замедлял работу вашего сайта. Итак, лучше всего использовать профессионально сделанный плагин, чтобы добавить ленту Twitter на ваш сайт WordPress.

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

Конечно, это не означает, что вы не можете встроить ленту Twitter в WordPress без плагина. Но сложно настроить внешний вид вашей ленты, не зная HTML и CSS. Вы также можете потерять свой код для встраивания, если переключите тему WordPress. Та же проблема возникает, если вы не используете дочернюю тему, а ваша тема получает серьезное обновление.

Также очень раздражает встраивание нескольких каналов Twitter в разные сообщения и страницы с помощью кода.

Мы рекомендуем использовать Twitter Feed Pro от Smash Balloon для встраивания своих твиттер-каналов в WordPress.

Разбить воздушный шар Обзор

Smash Balloon — это простой плагин для WordPress, который позволяет отображать каналы социальных сетей на вашем сайте без использования кода.

Вы можете использовать Smash Balloon для создания пользовательских каналов социальных сетей для вашего сайта WordPress в несколько кликов. Там нет кодирования и нет необходимости нанимать разработчика. И вы можете интегрировать каналы Instagram, Facebook, Twitter и YouTube вместе или по отдельности по своему усмотрению.

Действительно классный способ использовать такой плагин, как Smash Balloon, — это использовать каналы социальных сетей для создания стены отзывов.

Социальное доказательство SmashBalloon

Лучшая часть? Он невероятно прост в использовании.

Установка Smash Balloon занимает всего 5 минут. И вообще нет кривой обучения.

Более 2 миллионов пользователей доверяют Smash Balloon отображение своих социальных лент на своих веб-сайтах. В довершение всего, Smash Balloon имеет средний рейтинг 4,8 из 5 звезд на WordPress.

Давайте посмотрим, как создать ленту Twitter для вашего сайта с помощью Smash Balloon.

Как добавить ленту Twitter в WordPress

Установите и активируйте плагин Twitter Feed Pro. Если вы не знаете, как это сделать, ознакомьтесь с этой статьей о том, как установить плагин WordPress. Затем следуйте инструкциям в этом руководстве, чтобы настроить и встроить ленту Twitter в WordPress.

Шаг № 1: Создайте ленту Twitter

Чтобы начать, перейдите в меню Twitter Feed »All Feeds на панели управления WordPress и нажмите кнопку « Добавить новый »:

Добавить новую ленту Twitter WordPress

Затем выберите тип ленты Twitter, которую вы хотите показывать на своем веб-сайте. Вы можете создать 7 типов лент Twitter:

  • Хронология пользователя : все твиты из вашей учетной записи Twitter.
  • Hashtag: Лента общедоступных хэштегов из Twitter.
  • Домашняя хроника: твиты из вашей хроники Твиттера и людей, на которых вы подписаны.
  • Поиск: канал для отображения результатов расширенного поиска в Твиттере.
  • Упоминания: все твиты, в которых вас отметили другие пользователи Твиттера.
  • Списки: канал с твитами пользователей из определенных списков Twitter.

Выберите тип фида, который вы хотите создать, затем нажмите кнопку « Далее ».

Для этого урока мы будем использовать ленту User Timeline :

Выберите тип канала Twitter

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

Шаг № 2: привяжите свою учетную запись Twitter

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

Для начала нажмите на кнопку Подключить :

Подключить учетную запись Twitter к WordPress

Теперь плагин откроет Twitter и запросит доступ только для чтения к вашей учетной записи Twitter. Доступ только для чтения означает, что Twitter Feed Pro будет только просматривать информацию в Твиттере и вообще не сможет вносить изменения в вашу учетную запись.

Нажмите на кнопку Авторизовать приложение :

Разрешить Твиттеру доступ только для чтения

Введите дескриптор Twitter, хэштег, поисковый запрос, список Twitter и многое другое, что вы хотите встроить, и нажмите кнопку « Далее »:

Добавить хронологию пользователя Twitter Feed Pro

Затем вы можете настроить внешний вид вашей ленты в Твиттере.

Шаг № 3: Настройте свою ленту Twitter в WordPress

Twitter Feeds Pro поставляется с адаптивным дизайном для ваших каналов Twitter. Итак, независимо от того, какую тему WordPress вы используете, она будет выглядеть потрясающе. Выберите шаблон фида, который вы предпочитаете, и нажмите кнопку « Далее »:

Выберите шаблон ленты для Twitter

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

Редактор прямых трансляций Twitter Feed Pro

Нажмите на опцию « Макет ленты » на левой панели:

Настройка макета ленты Twitter

С Twitter Feed Pro вы можете выбрать один из 3 вариантов: List, Masonry и Carousel .

Выберите макет ленты Twitter

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

Вариант цветовой схемы Twitter Feed Pro

Вы получаете 4 цветовые схемы, которые можно использовать для быстрого изменения цветов вашей ленты в Твиттере:

Выберите цветовую схему Twitter

И, как и раньше, нажмите кнопку « Сохранить », чтобы подтвердить изменения.

Шаг № 4: опубликуйте свою ленту Twitter в WordPress

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

Встроить ленту Twitter WordPress

Чтобы встроить его на страницу WordPress, нажмите кнопку « Добавить на страницу »:

Выберите страницу для встраивания ленты Twitter в WordPress

Просто выберите страницу, на которую вы хотите встроить ленту, и нажмите кнопку « Добавить »:

Добавить ленту Twitter на новую страницу

Это откроет страницу WordPress в редакторе блоков. Нажмите значок плюса (+) , чтобы добавить новый блок WordPress.

Добавить новый блок контента Twitter

Щелкните блок Twitter Feed WordPress, чтобы добавить его на свою страницу:

Вставьте ленту Twitter на свой сайт WordPress

Наконец, нажмите кнопку « Опубликовать » или « Обновить », и ваша лента Twitter будет опубликована на вашем сайте WordPress следующим образом:

Пример ленты Twitter на веб-сайте

Вот и все! Готово.

Что делать после того, как вы добавите ленту Twitter в WordPress

На этом все, ребята! К настоящему времени вам удалось встроить ленту Twitter в WordPress. Вы также должны проверить, как вставлять фотографии из Instagram в WordPress. И как настроить вирусную раздачу, чтобы увеличить количество подписчиков в социальных сетях.

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

  • Стоимость push-уведомлений: действительно ли это бесплатно? (Ценовой анализ)
  • Как получить больше трафика на свой блог WordPress (9 простых способов)
  • Как повысить уровень отклика на веб-push-уведомления (7 способов)

Мы рекомендуем использовать PushEngage для отправки push-уведомлений. PushEngage — программа для push-уведомлений №1 в мире. Итак, если вы еще этого не сделали, начните работу с PushEngage сегодня.