В июне 2019 года было изучено, что на смартфоны приходится около 50% поисковых запросов в Google, поэтому очень важно помнить о пользователях смартфонов при работе над пользовательским интерфейсом вашего веб-сайта.
Виджеты часто добавляются на боковую панель или нижний колонтитул веб-сайта, чтобы стимулировать взаимодействие. Однако некоторые из этих виджетов отлично смотрятся на экранах рабочего стола, но ужасно на экранах мобильных телефонов.
Из-за этого владельцы веб-сайтов хотят скрыть или отключить эти виджеты на мобильных телефонах. В этом руководстве мы поймем, как отключить виджет только для экранов мобильных телефонов.
Параметры виджета
Следите за всеми виджетами на приборной панели! Назначьте ряд вещей своим боковым панелям, нижнему колонтитулу и любым виджетам панели инструментов.
Параметры виджета предоставляют удобные настройки под каждым виджетом, чтобы полностью контролировать и регулировать отображение и дизайн каждого виджета.
Параметры виджета позволяют ограничить видимость виджета определенной страницей, блогом или категорией.
После того, как вы установили вышеупомянутый плагин, вам нужно перейти в Внешний вид, а затем в Виджеты на панели инструментов WordPress.
Создавайте потрясающие сайты
С лучшим бесплатным конструктором страниц Elementor
Начать сейчас
На этой странице вы сможете увидеть свои активные и неактивные виджеты. Идите вперед и выберите виджет, который вы хотите отредактировать.
После того, как вы выбрали виджет, который хотите отредактировать, вы увидите новую опцию, добавленную ниже плагином Widget Options. Вам нужно выбрать небольшой значок мобильного устройства и выбрать устройства, на которых вы хотите отключить виджет.
Теперь нажмите кнопку «Сохранить», чтобы сохранить все изменения, а затем проверьте свой сайт на экране мобильного устройства, чтобы убедиться, что ваш виджет больше не отображается.
Как создать версию виджета для смартфона
Возможно, вам захочется иметь другую версию виджета для смартфона или планшета, которая будет выглядеть более привлекательно.
Плагин параметров виджета также позволяет вам это делать. Вы можете просто создать еще один виджет и ограничить его внешний вид мобильными устройствами и планшетами. Мы собираемся двигаться дальше и понимать, как это сделать.
Выберите «Внешний вид», а затем «Виджеты», чтобы открыть виджет, который вы хотите отображать на мобильных устройствах и планшетах. Затем нажмите значок мобильного телефона ниже. Затем выберите «Скрыть на отмеченных устройствах» на панели «Скрыть / показать», а затем установите флажок «Рабочий стол».
Сохраните изменения, и ваш виджет будет доступен только для экранов мобильных устройств и планшетов. Это все для этого урока. Мы надеемся, что это помогло вам сделать ваш сайт более привлекательным.
Не забудьте подписаться на нас по номерам Facebook и Twitter, чтобы быть в курсе наших будущих материалов.
