Вы хотите скрыть определенный виджет WordPress для мобильных пользователей?
Виджеты - это динамический контент, который часто добавляется на боковую панель или нижний колонтитул веб-сайта. Иногда виджет может хорошо отображаться на рабочем столе, но вы можете скрыть его на мобильных устройствах.
В этой статье мы покажем вам, как условно скрыть виджет WordPress на мобильных устройствах (без написания кода).
Примечание. В наиболее отзывчивых темах WordPress боковая панель отображается под контентом, когда вы используете мобильные устройства. Вот почему часто владельцы веб-сайтов хотят скрыть определенные виджеты на мобильных устройствах, чтобы ускорить их работу.
Как скрыть виджет на мобильном устройстве в WordPress
В рамках этого руководства мы будем скрывать виджет поиска на нашем тестовом веб-сайте, но вы также можете использовать его, чтобы скрыть любой виджет WordPress.
На нашем тестовом веб-сайте виджет поиска отображается в верхней части нижнего колонтитула, и он отлично работает на компьютере.
Однако на телефоне виджеты боковой панели отображаются под содержимым вместо боковой панели:
Мы собираемся скрыть виджет поиска, чтобы он отображался только на настольных компьютерах, а не на мобильных устройствах.
Ремарка : В этом руководстве термин «компьютер» включает как ноутбуки, так и настольные компьютеры.
Прежде всего, вам необходимо установить и активировать плагин Widget Options , Для получения более подробной информации, ознакомьтесь с нашим пошаговым руководством по установке плагина WordPress.
После активации перейти на страницу Внешний вид »Виджеты в админке WordPress.
На этой странице вы увидите свои активные виджеты, размещенные в готовых для виджетов областях вашего веб-сайта.
Пойдем и отредактируем виджет поиска, щелкнув имя виджета:
В настройках виджета новый раздел добавит плагин Widget Опции. Здесь вам просто нужно щелкнуть небольшой значок мобильного телефона, а затем выбрать, на каком устройстве вы хотите скрыть виджет.
Не забудьте нажать кнопку «Сохранить», чтобы сохранить изменения.
Теперь перейдите и просмотрите свой сайт на мобильном устройстве. Этот виджет больше не будет отображаться в области виджетов:
Но что, если вы хотите скрыть виджет на настольных устройствах, но показать его на мобильных?
Давайте посмотрим, как это сделать.
Как сделать мобильную версию виджета в WordPress
Иногда вам может потребоваться одна версия виджета для посетителей с компьютеров, а другая для посетителей с мобильных устройств.
Например, вы можете отобразить свои пять самые последние публикации на рабочем столе, а на мобильных - всего три сообщения.
Это также легко сделать с помощью плагина Widget Options. Вы можете просто создать два виджета и настроить один виджет для отображения только на рабочем столе, а другой - только на мобильных устройствах.
Сначала добавьте или откройте виджет, который хотите отобразить. только на рабочем столе. Затем нажмите на маленький значок мобильного телефона. После этого просто установите флажки " Таблетка ' и " Мобильный " чтобы скрыть виджет на этих устройствах:
Не забудьте нажать на кнопку Регистрация хранить ваши изменения.
Теперь добавьте или откройте виджет, который вы хотите показывать только на мобильных устройствах. Повторите тот же процесс, но на этот раз установите флажок "Рабочий стол" чтобы скрыть виджет на настольных устройствах:
Вот. Теперь у вас есть настольная и мобильная версия виджета.
Откройте для себя также некоторые темы и премиальные плагины WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Плагин WordPress для оптимизации скорости
Вы изо всех сил пытаетесь управлять несколькими плагинами для оптимизации скорости веб-сайта? Вы обеспокоены тем, что они снижают скорость выполнения вашего сайта? Тогда этот плагин WordPress станет идеальным решением всех ваших забот.
Этот плагин разработан, чтобы предоставить вам от 6 до 8 функций. WordPress плагины другой. Просто установите и настройте его, чтобы увидеть заметное улучшение загрузки ваших страниц.
Мы хотели бы отметить, что это не кеш плагин или CDN, но результат, тем не менее, впечатляет. Так что не стесняйтесь попробовать этот плагин WordPress, чтобы увидеть, на что он способен.
скачать | Демонстрация | веб-хостинг
2. Социальный обмен и Locker Pro
Плагин Social Share & Locker Pro был разработан, чтобы сделать ваш сайт более заметным в социальных сетях. С помощью всего нескольких щелчков мышью вы можете либо установить положение своих социальных иконок, либо заблокировать свой контент, потребовав публикации в одной из предлагаемых вами социальных сетей.
У вас есть предопределенные темы 10, и это должно охватывать самые распространенные пожелания. Все ее темы - Retina и чудеса творчества.
Кроме того, с Social Share & Locker Pro вы сможете отображать полное название социальных сетей или только значок. Это будет зависеть от вашего дизайна, доступного пространства или ваших пожеланий.
скачать | Демонстрация | веб-хостинг
3. WordPress PDF изображения лайтбокс
Wordpress Image PDF Lightbox — это Расширение WordPress премиум, который позволяет создавать программы просмотра PDF-файлов. Просмотрщик PDF - это набор фотографий, которые можно сохранить в формате PDF.
С помощью этого расширения вы можете создать столько программ для просмотра PDF, сколько захотите. Для каждого зрителя администратор может установить некоторые параметры, например:
- Обложка: которая будет добавлена как первая страница созданного пользователем PDF-файла.
- Максимальное количество изображений на зрителя
- Изображение водяного знака: для нанесения на страницы PDF
- Отправка по электронной почте: если эта функция активирована, Контактная форма будет предлагаться сразу после галереи изображений. С помощью этой формы пользователи смогут отправить созданный PDF-файл кому угодно по электронной почте.
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Как добавить двухфакторную проверку подлинности на WordPress
- Как создать полноценный веб-сайт с Elementor
- 10 инструментов автоматизации для маркетинга малого бизнеса
- 5 CDN рекомендуется для повышения производительности вашего блога WordPress
Заключение
Вот ! Это все для этого урока. Мы надеемся, что эта статья помогла вам узнать, как скрыть виджет на мобильных устройствах. Вы также можете увидеть наши полное руководство о том, как повысить производительность WordPress для начинающих.
Однако вы также сможете ознакомиться с нашими Ressources, если вам нужно больше элементов для реализации ваших проектов создания интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
Не стесняйся поделиться с друзьями в ваших любимых социальных сетях. А если у вас есть предложения или замечания, оставьте их в нашем разделе. Комментарии.
...
