- Веб-Шаблоны
- Шаблон интернет-магазина
- Шаблоны для CMS
- Facebook шаблоны
- Конструктор сайтов
WordPress Блоггинг темы. Как скрыть/отобразить элементы на определённых устройствах, используя Power Builder
Апрель 10, 2017
Добрый день! Из этого видео-туториала Вы узнаете, как отобразить/скрыть различные элементы на определённых устройствах, используя Power Builder.
В плагине Power Builder есть отличная функция, которая позволяет отобразить/скрыть различные элементы вашего сайта на определённых устройствах , например, на телефонах, планшетах и т.д.
Давайте узнаем, как это сделать.
Этот туториал подразумевает, что Вы уже выполнили вход в вашу админ панель WordPress.
-
Перейдите на вкладку Страницы (Pages) в вашей админ панели и нажмите на название страницы, в которую Вы хотите внести изменения:
Скажем, Вы хотите скрыть слайдер на определённых устройствах.
-
Нажмите на значок «шестерёнка» в модуле слайдера, для того чтобы открыть настройки:
-
В открывшемся всплывающем окне прокрутите вниз, для того чтобы найти настройку «Отключить на:» (Disable on).
-
Поставьте галочку напротив нужной настройки, для того чтобы отключить слайдер на определённых устройствах, как это показано на скриншоте ниже:
Затем, нажмите на кнопку «Сохранить и выйти» (Save & Exit).
-
Не забудьте нажать на кнопку «Обновить» (Update) для применения изменений:
-
Перейдите на фронтенд вашего сайта на любом мобильном устройстве, или используйте эмулятор для просмотра изменений.
Как Вы можете видеть, слайдер больше не отображается на мобильных устройствах:
Теперь давайте отключим слайдер на мобильных устройствах и на ПК, и оставим его включенным только на планшетах.
Вернитесь на вашу Домашнюю страницу и откройте модуль слайдера для редактирования. Затем, отметьте нужные настройки тут:
Сохраните изменения и обновите страницу на ПК для просмотра изменений. Слайдер здесь больше не отображается:
Теперь давайте проверим, отображается ли слайдер на планшетах.
Слайдер отображается на планшетах:
Это конец туториала. Теперь Вы знаете, как отобразить/скрыть разные элементы на определённых устройствах, используя Power Builder.
Вы можете также ознакомиться с детальным видео-туториалом ниже:
WordPress Блоггинг темы. Как скрыть/отобразить элементы на определённых устройствах, используя Power BuilderОзнакомьтесь с WordPress Блоггинг Темами и узнайте больше о функциональности WordPress.