В конце 2019 года приложение TikTok официально набрало свыше 1,5 млрд загрузок. Количество активных пользователей приложения составляет более 1 млрд. Эти цифры позволяют TikTok успешно конкурировать с другими крупными социальными сервисами, такими как Instagram. И этот факт может вести к тому, что вы захотите добавить TikTok в WordPress.
В данном обзоре мы рассмотрим плагин WP TikTok Feed. С его помощью вы можете создавать фиды на базе хэштегов TikTok и пользовательских аккаунтов и отображать их в любом месте своего WordPress-сайта.
Обзор WP TikTok Feed
WP TikTok Feed – новый плагин от QuadLayers, разработчика, стоящего за Social Feed Gallery (ранее плагин был известен как Instagram Feed Gallery, пока Instagram не стал запрещать использовать свою торговую марку в каталоге плагинов WordPress.org в 2019).
Я решил поделиться этим новым плагином потому, что разработчик имеет огромный опыт создания решений для социальных сетей.
Итак, что делает WP TikTok Feed?
Как и следует из названия, он позволяет создавать один или несколько каналов для извлечения видео из TikTok и вывода его на вашем WordPress-сайте.
Вы можете создавать свои каналы на базе хэштегов или конкретных пользовательских имен. Разница между ними такая же, как и в Twitter:
- Хэштеги – вывод контента из разных аккаунтов, если этот контент имеет заданный хэштег.
- Имя пользователя – вывод контента из аккаунта с определенным именем пользователя.
Чтобы выводить контент, вы можете использовать две разметки:
- Masonry
- Галерея
Также вы сможете воспользоваться мелкими настройками для управления работой видео и вывода контента. К примеру, вы можете выбрать, отображать ли лайки, количество комментариев для видео.
Вы можете выводить видео во всплывающем окне, когда посетители щелкают по ролику (в отличие от открытия видео на сайте TikTok). Также вы можете добавить кнопку, которая будет вести в TikTok.
Наконец, с целью управления производительностью плагин WP TikTok Feed позволяет вам настраивать длительность кэширования контента канала. К примеру, вы можете установить кэш на 5 часов, и плагин будет получать новые элементы фида раз в 5 часов, что не приведет к существенным затратам ресурсов.
Если вы хотите увидеть плагин в действии, вы можете посетить демо-страницу.
Практикуемся с WP TikTok Feed
После установки плагина с WordPress.org вы сможете воспользоваться новым пунктом TikTok Feed в консоли WordPress. Этот раздел отвечает за управление фидами и настройками плагина.
Создаем фид
Фид – это коллекция контента из TikTok.
Вы можете получать контент двумя способами:
- Через хэштег
- Через имя пользователя TikTok
Чтобы создать свой новый фид, перейдите в TikTok Feed -> Feeds -> + Feed:
Вы увидите всплывающее окно, в котором вы можете настроить свой канал.
Вы можете выбрать тип фида и ввести хэштег или имя пользователя. В качестве примера я введу хэштег basketball:
Затем вы можете настроить макет, который будет включать в себя следующие опции:
- выбор между разметкой masonry и gallery;
- ограничение количества выводимых видео;
- выбор количества столбцов в разметке.
Далее вы можете перейти на вкладку Video для управления выводом видео. К примеру, вы можете:
- Задать расстояние между видео
- Выбрать, какие элементы отображать: количество лайков, комментариев.
Опция Video type также важна для управления миниатюрами:
- Origin – миниатюры для каждого видео будут статичными картинками.
- Dynamic – миниатюры для каждого видео будут короткими динамическими GIF. Это выглядит привлекательнее, но если в галерее много видео, то это немного сбивает с толку.
Во вкладке Popups вы можете настраивать дополнительные опции для всплывающих окон. По умолчанию плагин выводит актуальное видео в попапе, когда посетитель щелкает по видео. В итоге пользователи остаются на вашем сайте, не переходя в TikTok.
Однако при желании вы можете отключить всплывающие окна, и в таком случае посетители будут переходить в TikTok , чтобы посмотреть видео, если они нажмут на него.
Для всплывающих окон можно задавать некоторые параметры. Как пример, вы можете включать/отключить следующие данные:
- Информация из пользовательского профиля
- Текст видео
- Количество лайков и комментариев
Вкладка Button позволяет вам настраивать дополнительную кнопку. По умолчанию плагин выводит отдельную кнопку под вашим фидом TikTok. Эта кнопка перенаправляет пользователей на сайт TikTok (либо на страницу хэштега, либо на пользовательский профиль).
Вы можете включать и отключать эту кнопку. Если она включена, вы можете настроить ее цвет и текст:
Вывод фида
Как только вы закончите настройку вашего фида, вы получите шорткод, который можно добавить в любое место вашего сайта:
Настройка других параметров
Расширенных настроек у плагина не так много.
В области Settings есть один важный пункт – контроль кэша.
Опять же, как я уже говорил ранее, эта опция позволяет вам корректировать производительность плагина, задавая частоту получения новых элементов фида.
Если вы зададите более короткий срок действия кэша, ваши каналы будут обновляться чаще, но для этого плагину потребуется больше ресурсов.
Примеры созданных фидов
Давайте рассмотрим разные примеры созданных фидов.
Вот так будет выглядеть masonry-разметка с тремя колонками. Включены лайки и комментарии. Посетители увидят их, когда наведут курсор на видео.
Еще один пример фида с галерейной разметкой в 4 колонки:
Также здесь вы можете видеть кнопку.
Наконец, вот как выглядит стандартное всплывающее окно со всей включенной информацией. Если вы хотите, вы можете отключить все данные или часть их справа (или переместить их влево).
В данный момент плагин является полностью бесплатным.
Источник: wplift.com