Как отобразить статус потока Twitch в WordPress

Используете ли вы Twitch? Это платформа потокового видео, популярная среди геймеров, которые используют ее для трансляции своего игрового процесса. Он...

Используете ли вы Twitch? Это платформа потокового видео, популярная среди геймеров, которые используют ее для трансляции своего игрового процесса. Он также используется для потоковой трансляции игровых событий, соревнований, турниров и т.д. Недавно один из наших пользователей спросил нас, как можно добавить статус своего потока Twitch в WordPress. В этой статье мы покажем вам, как отобразить статус потока Twitch в WordPress.

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

Первое, что вам нужно сделать, это установить и активировать плагин Twitch Status. После активации вам необходимо посетить Настройки » Статус Twitch страница для настройки параметров плагина.

Настройки состояния Twitch

Просто укажите название вашего канала Twitch, а затем введите селекторы jQuery. Это может быть любой CSS-класс или атрибут id элемента в HTML-коде вашей страницы. Это укажет плагину, где показывать ваш twitch-статус.

Если вы не знаете, что это значит, то не волнуйтесь, мы покажем вам, как это сделать далее в статье. Сейчас вы можете просто ввести .twitch в качестве селектора jQuery и нажмите на кнопку сохранения настроек.

Добавление Twitch Status в боковую панель WordPress

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

Настройки виджета Twitch

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

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

Предварительный просмотр виджета Twitch

Добавление статуса Twitch в меню навигации WordPress

Вы также можете добавить статус стрима Twitch в меню навигации вашего сайта. Посетите Внешний вид » Меню страницу и нажмите на вкладку пользовательских ссылок, чтобы развернуть ее. Вам нужно ввести URL вашего twitch стрима с Twitch в качестве текста ссылки, а затем нажать на кнопку добавить в меню.

Добавление ссылки на Twitch

Это добавит пункт меню в правой колонке. Теперь вам нужно нажать на кнопку Параметры экрана в правом верхнем углу экрана. Появится меню, в котором вам нужно установить флажок напротив CSS-классов.

Классы CSS

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

Добавление CSS класса к пункту навигационного меню в WordPress

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

Статус Twitch в навигационном меню WordPress

Встраивание вашего потока Twitch в WordPress

В отличие от YouTube, Vimeo и других популярных видеосайтов, которые имеют встроенную интеграцию oEmbed с WordPress, Twitch требует, чтобы вы фактически вставили код для встраивания.

Просто зайдите на свой поток Twitch и нажмите на кнопку Поделиться. Откроется всплывающее окно обмена информацией, где вам нужно скопировать код в опции ‘Embed Live Player’.

Получение кода вставки для вашего потока Twitch

Отредактируйте пост или страницу в WordPress, куда вы хотите вставить поток Twitch, и вставьте код вставки в редакторе поста. Затем нажмите на кнопку публикации или обновления.

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

Поток Twitch, встроенный в страницу WordPress

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

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

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