Хотите отображать свои последние твиты в WordPress? Интеграция Twitter с вашим сайтом WordPress помогает повысить вовлеченность пользователей.
Посетители вашего блога могут легко обнаружить твиты, которые помогут вам получить новых подписчиков в Twitter. С другой стороны, ваши подписчики в Twitter открывают для себя больше вашего контента, что увеличивает трафик на ваш сайт.
В этой статье мы покажем вам, как отображать последние твиты в WordPress.
Зачем отображать последние твиты в WordPress
Twitter является одной из самых популярных социальных медиа платформ. Отображая последние твиты на своем сайте WordPress, вы сможете повысить социальную активность.
Это помогает удерживать посетителей на вашем сайте и показывать твиты, основанные на их интересах. Люди могут отмечать, комментировать и ретвитить последние твиты, не покидая сайт.
Еще одним преимуществом показа последних твитов является то, что они могут повысить конверсию. Вы можете использовать их в качестве социального доказательства, чтобы показать положительные отзывы или людей, рекомендующих ваши продукты в ленте Twitter, что поможет укрепить доверие клиентов при совершении покупки.
Кроме того, лента Twitter также помогает улучшить вашу поисковую оптимизацию (SEO). Он поддерживает свежесть записей вашего блога, регулярно добавляя новый и обновленный контент на ваш сайт.
Учитывая это, давайте рассмотрим, как добавить последние твиты в WordPress с помощью ленты Twitter. Поскольку это исчерпывающее руководство, мы добавили таблицу содержания, чтобы вы могли легко пропускать разделы:
- Показывать последние твиты + пользовательские макеты ленты Twitter (рекомендуется)
- Ручное добавление последних твитов в боковую панель WordPress
- Встраивание последних твитов с помощью Twitter Publish
- Ручное отображение выборочных твитов в WordPress
.com/wp-content/uploads/2019/08/recenttweetssmashballoonlicensekey.png» alt=»Лицензионный ключ Smash Balloon» width=»680″ height=»324″ />
Далее перейдите на свой сайт WordPress и перейдите в раздел Twitter Feeds » Лицензия и вставьте ключ. После этого вам нужно нажать кнопку «Активировать лицензию».
Вы должны увидеть, что статус изменился с Неактивного на Активный. Также есть возможность протестировать соединение с Smash Balloon, нажав кнопку ‘Test Connection’. Теперь нажмите кнопку «Сохранить изменения», чтобы продолжить работу.
Далее вам нужно будет получить токен доступа и секретный ключ от Twitter для настройки плагина.
Для этого перейдите в раздел Twitter Feeds и выберите вкладку Configure. Затем нажмите на кнопку ‘Log in to Twitter and get my Access Token and Secret’.
После этого вам нужно будет войти в свой аккаунт Twitter и нажать кнопку ‘Authorize App’, чтобы разрешить Smash Balloon доступ к вашим твитам.
Это автоматически отправит обратно маркер доступа и секрет маркера доступа. Нажмите кнопку «Сохранить изменения», чтобы сохранить настройки.
Следующий шаг — решить, какой тип твитов вы хотите отображать в ленте Twitter. Smash Balloon Custom Twitter Feeds Pro предлагает несколько типов фидов на выбор.
Вы можете выбрать опцию User Timeline и ввести имя пользователя Twitter для отображения твитов. Также есть возможность включить ответы и включить ретвиты в вашу ленту.
Помимо этого, другие типы ленты включают показ твитов на основе различных хэштегов, поисковых запросов, таких как упоминания или фразы, главной временной шкалы, временной шкалы упоминаний и списков.
После этого вы можете установить количество твитов для отображения, настроить время проверки новых твитов и выбрать, сохранять ли настройки при удалении плагина.
Далее вам нужно перейти на вкладку «Настроить». Здесь вы можете изменить ширину и высоту ленты Twitter, добавить пользовательский CSS-класс и отключить лайтбокс.
Плагин также предлагает 3 различных макета для ленты Twitter. Вы можете выбрать макет списка, карусели или каменной кладки. Каждый макет имеет больше опций для настройки, например, количество колонок для отображения на настольных и мобильных компьютерах.
Теперь прокрутите страницу вниз и выберите элементы, которые вы хотите показать или скрыть в своих твитах. Например, есть возможность включить текст ретвита, изображение аватара, дату, логотип Twitter, имя автора и многое другое.
Другие возможности настройки включают показ заголовка, кнопку «Загрузить больше», варианты расположения медиафайлов и настройки автопрокрутки загрузки. Вы даже можете модерировать твиты, вводя слова или хэштеги.
Smash Ballon Custom Twitter Feeds Pro также предлагает возможность вводить пользовательский CSS, пользовательский Javascript и возможность включить настройки GDPR.
Есть и расширенные настройки, такие как очистка кэша Twitter-карт, включение темы с поддержкой Ajax, отображение HTTPS-изображений только в Twitter-картах, множитель твитов и многое другое.
Как только вы будете удовлетворены настройками, нажмите кнопку «Сохранить изменения».
Далее перейдите на вкладку «Стиль» и измените внешний вид и оформление ленты Twitter в соответствии с вашим сайтом. Существует множество вариантов оформления, например, добавление цвета фона ленты и твитов, изменение цвета фона заголовка и ввод пользовательского текста.
Вы также можете редактировать часовой пояс, выбирать форматы дат, вводить пользовательский формат даты и многое другое. Кроме того, плагин предлагает функции стилизации для редактирования текста автора, размера логотипа Twitter, размера текста твита, различных вариантов ссылок, редактирования кнопки «Загрузить еще» и многого другого.
Не забудьте нажать кнопку «Сохранить изменения» после редактирования стиля вашей ленты Twitter.
После этого вы можете отобразить ленту Twitter, чтобы показать последние твиты на вашем сайте WordPress. Для этого Smash Balloon Custom Twitter Feeds Pro предлагает простой шорткод, который вы можете вставить в сообщения блога, боковую панель или куда угодно, чтобы показать последние твиты.
Он даже предлагает различные шорткоды для отображения нескольких лент и настройки ленты Twitter в редакторе блоков WordPress без необходимости возвращаться к параметрам стиля в плагине.
Вы можете найти шорткоды на вкладке «Отображение вашей ленты».
Допустим, вы хотите отобразить ленту Twitter в записи блога. Просто зайдите в редактор WordPress, нажмите на значок плюса, чтобы добавить блок Shortcode, и введите шорткод.
В качестве альтернативы вы также можете использовать блок Twitter Feed для отображения последних твитов.
Затем просмотрите ленту Twitter, внесите окончательные коррективы, если необходимо, и опубликуйте пост.
Если вы хотите добавить ленту Twitter в меню боковой панели, перейдите в раздел Внешний вид » Виджеты. После этого перетащите виджет Custom Twitter Feeds на боковую панель.
Smash Balloon Custom Twitter Feeds будет автоматически иметь шорткод, введенный в область описания. Если вы хотите еще больше настроить ленту, то добавьте пользовательские шорткоды, как описано в плагине, и нажмите кнопку «Обновить».
Теперь вы можете просматривать последние твиты в боковой панели вашего блога WordPress.
Метод 2: Ручное добавление последних твитов в боковую панель WordPress
Второй способ отображения последних твитов в WordPress — это ручная вставка вашего профиля Twitter или временной шкалы.
Подобно добавлению видео на YouTube, WordPress также позволяет легко встраивать на ваш сайт контент Twitter, такой как отдельный твит, коллекция, список, лайк и момент.
WordPress использует функцию oEmbed, которая автоматически превращает любой URL-адрес контента в код для встраивания при вставке в область контента.
Сначала вам нужно найти и скопировать URL-адрес профиля Twitter, который вы хотите встроить. URL профиля Twitter — это просто комбинация URL сайта Twitter и вашего имени пользователя Twitter.
Например, URL профиля WPBeginner в Twitter — https://twitter.com/wpbeginner.
Затем войдите в панель управления WordPress и перейдите по ссылке Внешний вид » Виджеты страница. Просто перетащите виджет «Параграф» на боковую панель, а затем вставьте URL-адрес профиля Twitter, который вы скопировали ранее.
Как только вы это сделаете, он сразу же превратится в виджет временной шкалы Twitter, показывающий последние твиты с этого конкретного аккаунта.
После этого вы можете обновить свои виджеты и просмотреть виджет «Твиты» в реальном времени на своем сайте. Вот как это выглядит на нашем демонстрационном сайте.
Как вы можете видеть на скриншоте выше, этот метод добавляет ваши последние твиты в поле с вертикальным слайдером. Блок включает 20 последних твитов и кнопку «Загрузить больше твитов» в конце.
Метод 3: Встраивание ленты Twitter в WordPress с помощью Twitter Publish
Третий метод добавления последних твитов — это использование функции Twitter Publish.
Twitter Publish позволяет легко создать код вставки для различных типов контента Twitter, включая твит, коллекцию, профиль, список, момент, хэштег и многое другое.
Чтобы использовать этот метод, вам нужно посетить сайт Twitter Publish, а затем вставить URL вашего профиля Twitter в поле «Что вы хотите вставить??’ box.
Как только это будет сделано, нажмите на значок стрелки.
После этого вам будет предложено выбрать вариант отображения: Embedded Timeline или Twitter Buttons. Вы должны выбрать опцию ‘Embedded Timeline’, поскольку вы хотите показать временную шкалу Twitter с последними твитами.
При выборе опции отображения мгновенно создается код вставки для ваших последних твитов. Теперь нажмите на кнопку Копировать код.
Далее вам нужно перейти по адресу Внешний вид » Виджеты из своей приборной панели и добавьте пользовательский виджет HTML в область боковой панели. После этого необходимо вставить код вставки, который вы скопировали ранее, в поле HTML.
После этого обновите виджеты и увидите последние твиты на своем сайте.
Вот как выглядит наша лента Twitter на нашем тестовом сайте.
Иногда вам может понадобиться встроить временную шкалу Twitter в сообщения блога или на страницу о сайте. WordPress поставляется с блоком вставки Twitter для нового редактора блоков WordPress.
Просто создайте новый пост или отредактируйте существующий. На экране редактирования поста добавьте блок вставки Twitter в область контента.
Теперь вам нужно вставить URL вашего профиля Twitter и нажать кнопку «Вставить».
После этого WordPress автоматически получит и отобразит ваши последние твиты в области содержимого поста.
Обратите внимание, что этот метод добавляет ленту Twitter с полосой прокрутки в ваш пост.
Также вы можете использовать метод Twitter Publish, который позволит вам показать последние твиты без полосы прокрутки.
Перейдите на сайт Twitter Publish и вставьте URL-адрес своего профиля Twitter в поле «Что бы вы хотели вставить??’ и нажать на стрелку рядом с ним.
После этого выберите опцию ‘Embedded Timeline’ и скопируйте код вставки.
Далее вам нужно добавить ‘Пользовательский HTML блок в редактор вашего поста, чтобы вставить код для вставки.
Теперь вы можете вставить код вставки, который вы скопировали ранее. После этого вы можете сохранить свой пост и просмотреть его в прямом эфире.
Метод 4: Ручной показ выборочных твитов в WordPress
Встраивание вашего профиля Twitter покажет все ваши последние сообщения на вашем сайте. Что, если вы хотите показать только выбранные твиты??
Не волнуйтесь, для этого тоже есть простые решения. Существует в основном 5 способов встраивания выбранных твитов на ваш сайт.
- Коллекция: Показать коллекцию твитов в соответствии с темами, интересами, разговорами и т.д.
- Список: Отображение твитов курируемой группы пользователей Twitter.
- Likes: Показать все твиты, которые определенный пользователь Twitter отметил как понравившиеся.
- Момент: Показать твиты из публичного момента пользователя Twitter.
- Хэштег: Отображать твиты всех, кто содержит определенный хэштег.
Среди этих вариантов вы можете создать последние четыре подборки прямо с сайта Twitter. Также вы можете скопировать соответствующие URL-адреса и вставить их в боковую панель вашего WordPress с помощью виджета Paragraph.
Например, вы можете найти списки Twitter на странице вашего профиля Twitter. Выберите любой список, который вы хотите встроить, и нажмите на него.
После нажатия на ссылку откроется список, и вы можете скопировать URL списка из браузера. Например, URL нашего списка Twitter ‘WordPress Experts’ — https://twitter.com/wpbeginner/lists/wordpress-experts.
Теперь вы можете вставить этот URL в боковую панель WordPress.
Аналогичным образом вы можете найти URL-адреса лайков, моментов и хэштегов на странице своего профиля в Twitter и легко вставить их на свой сайт WordPress.
Однако для создания коллекции необходимо использовать расширенную функцию TweetDeck в Twitter. Коллекция Twitter — это список твитов, организованных по темам пользователем.
Посетите веб-сайт TweetDeck и войдите в систему под своей учетной записью Twitter. Когда откроется панель TweetDeck, нажмите на кнопку «Добавить колонку» на левой панели.
Далее вам нужно выбрать опцию «Коллекция».
После этого вы можете дать имя своей новой коллекции Twitter.
После этого вы увидите новую колонку, добавленную в панель TweetDeck. Теперь вы можете перетащить твиты из своего домашнего аккаунта Twitter или любого другого аккаунта пользователя и создать свою коллекцию.
После того как вы добавили твиты в свою коллекцию, вы можете встроить их в свой сайт. Вам нужно нажать на значок Опции, а затем выбрать опцию Поделиться. После этого выберите опцию Embed Collection.
После нажатия на кнопку Embed Collection откроется страница Twitter Publish с кодом для вставки вашей коллекции в Twitter.
Скопируйте код вставки, а затем вставьте его в боковую панель вашего сайта с помощью виджета Custom HTML.
После этого вы должны обновить виджеты, чтобы увидеть коллекцию Twitter на своем сайте.
Надеемся, что эта статья помогла вам узнать, как показать последние твиты в WordPress. Вы также можете ознакомиться с нашим списком лучших плагинов WordPress для бизнес-сайтов и сравнением лучших сервисов email-маркетинга для увеличения трафика.
Источник: www.wpbeginner.com