Как вставить фактические твиты в посты блога WordPress

Хотите ли вы вставлять отдельные твиты в сообщения вашего блога WordPress?? Встраивание твитов в сообщения блога позволяет легко цитировать твиты внутри...

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

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

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

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

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

Встраивание фактических твитов в посты WordPress — шаг за шагом

WordPress позволяет легко встраивать сторонние сервисы в сообщения вашего блога. Это касается видео с YouTube, твитов и других постов в социальных сетях.

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

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

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

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

Скопируйте ссылку на твит

Далее вам нужно отредактировать пост или страницу WordPress, куда вы хотите встроить твит.

На экране редактирования сообщения нажмите на значок +, чтобы добавить новый блок, а затем выберите блок Twitter в разделе Embeds.

Добавление блока вставки Твиттера в редакторе WordPress

Теперь вы увидите, что блок Twitter Embed добавлен в область редактирования сообщения. Вам нужно вставить URL твита, который вы скопировали ранее в настройках блока.

Встраивание Твиттера в редактор постов WordPress

Теперь WordPress будет автоматически получать и отображать фактический твит в содержимом вашего сообщения.

Фактический твит, встроенный в пост WordPress

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

Встраивание фактического твита в предварительный просмотр записи блога WordPress

Профессиональный совет: Вы также можете вставить URL твита в блок абзаца, и WordPress автоматически преобразует его в блок для встраивания Twitter.

Как вставить твиты в классический редактор WordPress

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

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

Добавление URL-адреса Twitter в классическом редакторе WordPress

Как только это будет сделано, он сразу же загрузит фактический твит в ваш редактор постов.

Tweet Embedded в классическом редакторе WordPress

Не забудьте обновить или сохранить изменения и просмотреть пост или страницу.

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

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

Что, если вы хотите показать последние твиты с вашего аккаунта, другого пользователя или хэштега??

Именно в этом случае Smash Balloon Custom Twitter Feeds приходит на помощь. Он позволяет легко встроить ленту твиттера с красивыми макетами и множеством вариантов настройки.

Сначала вам нужно установить и активировать плагин Smash Balloon Custom Twitter Feeds. Для более подробной информации смотрите наше пошаговое руководство по установке плагина WordPress.

Примечание: Существует также бесплатная версия плагина Custom Twitter Feeds. Мы показываем версию pro, потому что она имеет больше возможностей.

После активации вам необходимо Twitter Feeds » Лицензия страницу и введите свой лицензионный ключ. Вы можете найти эту информацию под своей учетной записью на сайте Smash Balloon.

Введите лицензию Smash Balloon

Далее вам нужно нажать кнопку ‘Активировать лицензию’, а затем нажать кнопку Сохранить изменения.

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

Подключите свой аккаунт Twitter

Это приведет вас на сайт Twitter, и вам будет предложено войти в систему. После входа в систему вам нужно нажать на кнопку «Авторизовать приложение», чтобы продолжить работу.

Авторизация приложения

После этого вы будете перенаправлены обратно на свой сайт, где вы увидите заполненные поля Access Token и Access Token Secret. Обязательно сохраните изменения.

Отображение вашей ленты Twitter в WordPress

После установки плагина вы можете добавить последние твиты в любой пост или страницу WordPress.

Просто отредактируйте пост или страницу, где вы хотите отобразить ленту Twitter. На экране редактирования поста нажмите на кнопку (+), чтобы добавить блок Twitter Feed на вашу страницу.

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

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

Лента Твиттера на странице

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

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

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

Настройки хэштега Smash Balloon

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

Лента хэштегов Twitter

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

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

Smash Balloon Twitter Feed позволяет отображать Twitter-ленты в различных макетах с несколькими вариантами настройки.

Просто перейдите к Twitter Feeds » Настроить вкладку, и вы увидите первый набор опций для отображения вашей ленты. Вверху есть быстрые ссылки для перехода к разделу, который вы хотите настроить.

Настройка макета

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

Выберите свой макет

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

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

Twitter feed 2 column masonry layout

Если вы используете классический редактор, то вам нужно скопировать и вставить шорткод [custom-twitter-feeds] туда, где вы хотите, чтобы ваша лента была на вашей странице или в посте.

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

Добавление ленты Twitter в боковую панель

Создание нескольких лент Twitter в WordPress

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

Просто перейдите по ссылке Twitter Feeds » Twitter Feeds а затем выберите вкладку «Отображать вашу ленту».

Отображение вашей ленты

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

Например, вы можете просто использовать этот шорткод: [custom-twitter-feeds screenname=optinmonster num=6] для отображения 6 последних твитов от OptinMonster.

Измените «имя экрана» на любое имя в Twitter, которое вы хотите использовать. А затем выберите любое число в опции ‘num=6’, чтобы отобразить количество твитов.

Затем вы добавите ее в свой пост с помощью блока шорткодов, нажав на (+) и выбрав виджет шорткодов.

Виджет шорткода Twitter

После этого добавьте шорткод в настройки блока и сохраните пост или страницу.

Вставка шорткода Twitter

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

Твиттер-лента OptinMonster

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий