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

/

Вы хотите отображать свои последние твиты в WordPress? Интеграция Twitter с вашим сайтом WordPress помогает повысить вовлеченность на обеих платформах.

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

В этой статье мы покажем вам, как легко отображать последние твиты в WordPress. Мы также расскажем, как показывать выборочные твиты в WordPress.

Как отображать последние твиты в WordPress

Добавление ваших недавних твитов в WordPress - шаг за шагом

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

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

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

Чаще всего ваши недавние твиты отображаются на боковой панели блога. Начнем с этого.

Добавление ваших недавних твитов на боковую панель WordPress

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

URL профиля Twitter

Затем войдите в свою панель управления WordPress и перейдите на страницу Внешний вид »Виджеты. Просто перетащите текстовый виджет на боковую панель, а затем вставьте URL-адрес профиля Twitter, который вы скопировали ранее, в текстовую область.

Вставьте URL-адрес профиля Twitter в текстовый виджет WordPress

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

Сохраните виджет последних твитов в WordPress

После этого вы можете назвать свой виджет, сохранить его и предварительно просмотреть на своем сайте. Вот как наши недавние твиты отображаются на нашем демонстрационном веб-сайте.

Последние твиты на демо-сайте WordPress - с текстовым виджетом

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

Встраивание ленты Twitter в WordPress с помощью публикации в Twitter

Вместо функции виджета Twitter, Twitter теперь имеет функцию публикации Twitter для встраивания содержимого Twitter в веб-сайты.

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

Публикация в Twitter для встраивания твитов на веб-сайты

Чтобы использовать этот метод, вам необходимо посетить веб-сайт публикации в Twitter, а затем вставить URL-адрес своего профиля в Twitter в поле «Что вы хотите встроить?».

Введите URL профиля Twitter в Twitter Publish

По завершении щелкните значок стрелки.

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

Параметры отображения публикации Twitter

После выбора параметра отображения он мгновенно создаст код для встраивания ваших последних твитов. Теперь нажмите кнопку Копировать код.

Скопируйте код встраивания Twitter из Twitter Publish

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

Вставьте код встраивания профиля Twitter в пользовательский HTML-виджет

После этого сохраните виджет и просматривайте последние твиты на своем веб-сайте.

Вот как наш канал Twitter выглядел на тестовом сайте.

Последние твиты в WordPress - Демо-сайт

Встраивание ваших недавних твитов в сообщения блога WordPress

Иногда вам может потребоваться встроить хронологию Twitter в сообщения в блоге или на страницу «О нас».

WordPress поставляется со встроенным блоком Twitter для нового редактора блоков WordPress.

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

Добавить блок для встраивания Twitter в редактор WordPress

Теперь вам нужно вставить URL своего профиля в Twitter и нажать кнопку «Вставить».

Вставить хронологию Twitter в сообщение WordPress

После этого WordPress автоматически загрузит и отобразит ваши последние твиты в области содержимого.

Профиль Twitter, встроенный в сообщение WordPress

Этот метод добавляет к вашему сообщению ленту Twitter с полосой прокрутки.

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

Перейдите на веб-сайт публикации в Twitter, вставьте URL-адрес своего профиля в Twitter в поле «Что вы хотите встроить?» И щелкните стрелку рядом с ним.

Введите URL профиля Twitter в Twitter Publish

После этого выберите опцию «Встроенная временная шкала» и скопируйте встроенный код.

Скопируйте код для встраивания профиля Twitter

Затем вам нужно добавить блок Custom HTML в редактор сообщений, чтобы вставить код для встраивания.

Добавить собственный блок HTML в редакторе WordPress

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

Вставьте код встраивания профиля Twitter в настраиваемый блок HTML

После этого сохраните сообщение и просмотрите его вживую.

Отображение выборочных твитов в WordPress

Встраивание вашего профиля в Twitter покажет все ваши недавние сообщения на вашем сайте. Что, если вы хотите показать только выбранные твиты?

Не волнуйтесь, и для этого есть простые решения. В основном есть 5 способов встроить выбранные твиты на ваш сайт.

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

Среди этих вариантов вы можете создать последние четыре варианта прямо на веб-сайте Twitter. Кроме того, вы можете скопировать соответствующий URL-адрес и вставить его в боковую панель WordPress с помощью текстового виджета.

Например, вы можете найти свои списки в Twitter на странице своего профиля в Twitter. Выберите любой список, который хотите встроить, и щелкните по нему.

При нажатии на ссылку откроется список, и вы можете скопировать URL-адрес списка из своего браузера.

Теперь вы можете вставить этот URL в боковую панель WordPress.

Добавить список Twitter в текстовый виджет WordPress

Точно так же вы можете найти URL-адреса лайков, моментов и хэштегов на странице своего профиля в Twitter и легко встроить в свой сайт WordPress.

Однако вам нужно использовать расширенную функцию Twitter TweetDeck для создания коллекции. Коллекция Twitter - это список твитов, организованный пользователем по теме.

Посетите веб-сайт TweetDeck и войдите в свою учетную запись Twitter. Когда откроется панель управления TweetDeck, нажмите кнопку «Добавить столбец» на левой панели.

Добавить столбец в приложении TweetDeck

Далее вам нужно выбрать опцию «Коллекция».

Выберите вариант коллекции в TweetDeck

После этого вы можете назвать свою новую коллекцию Twitter.

Создать новую коллекцию в TweetDeck

После этого вы увидите новый столбец, добавленный на панель инструментов TweetDeck.

Перетащите твиты в коллекцию Twitter

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

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

Вставить коллекцию из TweetDeck

При нажатии на «Вставить коллекцию» откроется страница публикации в Twitter с кодом для встраивания вашей коллекции в Twitter.

Скопируйте код для встраивания коллекции Twitter

Скопируйте код для внедрения, а затем вставьте его на свой веб-сайт с помощью виджета Custom HTML.

Встроить коллекцию Twitter с помощью настраиваемого HTML-виджета

После этого сохраните виджет и просмотрите свою коллекцию Twitter на своем веб-сайте.

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

Нужна помощь с WordPress? Свяжитесь сейчас
[email protected]

Это переведенная версия оригинальной статьи от wpbeginner, весь контент, изображения и авторство принадлежит автору

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

Вы хотите создать короткую ссылку для сообщений или страниц вашего блога WordPress? Короткие ссылки WordPress полезны для публикации в электронной почте,

Как добавить архив типов сообщений в меню навигации WordPress

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

Как сделать ссылку на внешние ссылки из заголовка сообщения в WordPress

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

Как автоматически связать ключевые слова с партнерскими ссылками в WordPress

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