Все для начинающих интернет-предпринимателей

Как встроить видео TikTok в WordPress

tiktok-v-wordpress

Приветствуем вас! TikTok — это чрезвычайно популярный сервис обмена видео и контентом, который позволяет пользователям легко создавать и обмениваться танцевальными, музыкальными, синхронными и даже актерскими клипами. Это приложение для iOS и Android берет идеи от ранее популярных платформ социальных сетей, таких как Vine, Musical и даже YouTube, но представляет их в значительно улучшенном виде.

Знаете ли вы, как встроить видео TikTok на сайт WordPress? По умолчанию WordPress упрощает встраивание видео TikTok в ваши записи и страницы. Тем не менее, он не отображает автоматически ваши последние TikToks. В этой статье мы покажем вам, как легко встраивать видео TikTok в WordPress, и автоматически показывать ваши последние видео TikTok.

Как вставить видео TikTok в WordPress без плагина

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

tiktok-v-wordpress-1

Затем вам нужно отредактировать сообщение или страницу, где вы хотите отобразить видео TikTok. На экране редактирования сообщения просто вставьте URL-адрес в область содержимого.

tiktok-v-wordpress-2

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

Вы можете сделать то же самое, используя блок TikTok. На экране редактирования сообщения нажмите на (+), чтобы добавить новый блок, а затем выполните поиск «TikTok».

tiktok-v-wordpress-3

Затем вставьте блок в редактор сообщений, а затем вставьте URL-адрес видео TikTok в настройки блока. WordPress автоматически загрузит предварительный просмотр видео.

tiktok-v-wordpress-4

Вы также можете вставить видео TikTok в боковую панель вашего сайта с помощью виджетов. Просто перейдите на страницу «Внешний вид»-«Виджеты» и добавьте виджет «Текст» на боковую панель.

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

tiktok-v-wordpress-5

Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета. Хотя этот метод и позволяет легко встраивать видео TikTok в WordPress, но он не отображает автоматически ваши последние видео TikTok. Для этого вам понадобится плагин.

Как вставить последнюю ленту видео TikTok в WordPress

Если вы хотите, чтобы ваши последние видео с TikTok автоматически отображались в вашем блоге, вам нужно будет использовать плагин TikTok. Для начала вам нужно установить и активировать плагин QuadLayers TikTok Feed.

Затем перейдите на страницу «TikTok Feed»-Feeds . Здесь вы увидите, что плагин уже добавил демо-канал TikTok, используя хэштег WordPress. Вам нужно нажать на кнопку «+ Feed», чтобы добавить свой собственный канал TikTok.

tiktok-v-wordpress-6

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

tiktok-v-wordpress-7

Мы установили параметры для отображения видео из хэштега, что означает, что любое видео с хэштегом #WordPress будет отображаться в нашем фиде. И мы выбрали Галерею с ограничением в 9 видео и 3 столбцами, чтобы она отображалась в упрощенном формате на нашей странице.

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

tiktok-v-wordpress-8 

Теперь скопируйте этот шорткод и вставте его на страницу или пост. Просто вернитесь на страницу, в которую вы хотите вставить свою галерею TikTok. В редакторе содержимого щелкните значок (+), найдите виджет «шорткод».

tiktok-v-wordpress-9

Оттуда вставьте свой шорткод в сообщение и сохраните страницу.

tiktok-v-wordpress-10

При просмотре своей страницы вы увидите, что ваша галерея встроена вместе с кнопкой «Просмотр на TikTok», которая переводит пользователя на ленту тегов #WordPress на TikTok.com.

tiktok-v-wordpress-11

Когда вы вернетесь назад и отредактируете свой канал, вы можете выбрать вкладку «Кнопка» слева и снять флажок рядом с полем «Кнопка TikTok», чтобы удалить кнопку.

tiktok-v-wordpress-12

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

tiktok-v-wordpress-13

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

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

tiktok-v-wordpress-14

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

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

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

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

tiktok-v-wordpress-15

Мы надеемся, что эта статья помогла вам научиться встраивать видео TikTok в WordPress. А у нас на этом все. Всем пока!

С уважением Вячеслав и Валерия!

Понравился материал? Поделитесь с друзьями!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *