Как добавить свой статус Twitch в WordPress

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

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

Почему вы должны добавить свой статус Twitch в WordPress

Ваша главная цель как стримера - привлечь как можно больше зрителей к вашим стримам.

Для непосвященных Twitch - это платформа, которая позволяет любому транслировать себя во время игры в видеоигры. По их собственной статистике, более 100 миллионов человек смотрят своих любимых стримеров каждый. месяц. Если вы надеетесь собрать аудиторию, вам нужно, чтобы люди знали, когда вы транслируете, и отображение вашего статуса - отличный способ сделать это.

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

Более того, вы также можете встроить поток Twitch на свой веб-сайт WordPress. Это быстрый процесс, который займет у вас не более нескольких минут, и мы проведем вас через него после того, как поговорим о вашем статусе Twitch.

Представляем плагин статуса Twitch

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

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

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

Ключевая особенность:

• Отображает ваш статус Twitch на вашем сайте WordPress.
• Предоставляет кнопку или виджет для отображения статуса вашего потока.
• Позволяет настроить виджет с помощью CSS
• Обновляется автоматически каждые 30 секунд для отображения изменений вашего статуса.

Цена: Бесплатно | Больше информации

Как добавить свой статус Twitch в WordPress (3 способами)

Чтобы начать работу, вам необходимо установить и активировать плагин Twitch Status, затем перейти на вкладку « Настройки»> «Статус Twitch » на панели инструментов WordPress:

Здесь вы введете название своего канала Twitch в соответствующее поле и сохраните свои изменения. Затем добавьте класс .twitch в поле селекторов jQuery - он вам понадобится через минуту. Теперь вам нужно выбрать подходящий метод для отображения вашего потока.

1. Добавьте свой статус Twitch на боковую панель WordPress.

Если вы перейдете на вкладку « Внешний вид»> «Виджеты » на панели управления, вы должны найти новый виджет « Статус Twitch» . Как и все другие виджеты WordPress, вы можете перетащить его либо на боковую панель, либо на область нижнего колонтитула. Мы рекомендуем вашу боковую панель как наиболее логичный вариант, поскольку она более заметна. Перетащите виджет Twitch Status на свою боковую панель и при необходимости измените его порядок.

После добавления вам нужно будет настроить несколько параметров. Во-первых, установите заголовок и укажите, какой канал вы хотите, чтобы ваш виджет отображал. Чтобы это работало, канал должен быть уже настроен во вкладке « Настройки»> «Статус Twitch »:

Во-вторых, укажите, что должно произойти, когда кто-то нажимает кнопку « Воспроизвести» на вашем виджете. Самый безопасный вариант - перенаправить пользователей на ваш канал Twitch, и мы также рекомендуем включить опцию Открыть в новой вкладке . Таким образом, ваши посетители с большей вероятностью вернутся на ваш сайт после того, как закончат просмотр. Теперь сохраним наши изменения и посмотрим, как виджет выглядит со стороны:

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

2. Включите свой статус Twitch в меню навигации WordPress.

Плагин Twitch Status также позволяет добавить простую кнопку на свой сайт с помощью шорткода. Рекомендуется отобразить это в меню навигации, так как по нему с большей вероятностью будут щелкать. К сожалению, WordPress не позволяет сделать это по умолчанию, но мы все же можем получить желаемый эффект. Для начала перейдите на вкладку « Внешний вид»> «Меню » на панели инструментов, найдите главное меню и найдите параметр « Пользовательские ссылки» :

Теперь добавьте адрес вашего канала Twitch в поле URL , а также текст, который должен появиться рядом с кнопкой Live . Нажмите кнопку Добавить в меню , когда вы сделали, и свиток к началу страницы меню. Найдите вкладку « Параметры экрана » вверху и нажмите на нее - вы хотите убедиться, что опция « Классы CSS» включена:

Прокрутите вниз и найдите свой пункт меню Twitch, затем разверните его настройки. Вы найдете новое поле CSS Classes прямо под URL и текстом ссылки. Идите вперед и добавьте селектор .twitch , который мы добавили в начале этого раздела:

Сохраните изменения в своем меню, проверьте свой интерфейс, чтобы убедиться, что кнопка работает:

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

3. Добавьте свой статус Twitch в дополнительное меню Divi.

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

Для этого вам необходимо создать и назначить меню для места отображения дополнительного меню , что вы можете сделать на вкладке « Меню внешнего вида »:

Затем добавьте настраиваемую ссылку в свое меню и повторите процесс из предыдущего раздела. Когда это будет сделано, сохраните изменения и посмотрите, как все выглядит в интерфейсе:

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

Как встроить свой поток Twitch в WordPress

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

К счастью, этот шаг не требует дополнительной настройки. Если вы уже настроили плагин статуса Twitch, просто вставьте шорткод [twitch-player channel = ”yourchannelgoeshere”] на любую страницу или сообщение, где вы хотите, чтобы ваш поток отображался, не забудьте добавить свое собственное имя канала. После сохранения изменений проверьте, правильно ли отображается проигрыватель во внешнем интерфейсе:

Вот так! Теперь вы знаете о нескольких вариантах отображения вашего статуса Twitch и о том, как встроить свой поток в любое место на вашем сайте!

Заключение

Отображение вашего статуса Twitch на вашем веб-сайте WordPress - это простой трюк, который может привлечь больше зрителей и подписчиков. Кроме того, вы также можете встроить свой поток на свой сайт, если хотите, чтобы посетители могли следить за вами. Самое приятное то, что добиться того и другого с помощью WordPress очень просто.

Давайте вспомним три разных способа добавить свой статус Twitch в WordPress:

1. Добавьте свой статус на боковую панель вашего сайта.
2. Включите свой статус в меню навигации.
3. Добавьте свой статус во вторичное меню Divi.

У вас есть вопросы о том, как использовать Twitch и WordPress вместе? Спросите в разделе комментариев ниже!

Миниатюра статьи Rzt Moster / shutterstock.com.