Как настроить показ страницы в мобильном wb
Адаптивный дизайн – тот, который подстраивается под разные разрешения экрана при этом не теряя своей привлекательности. Это может производится как и засчёт адаптации каждого элемента сайта, так и банальным управлением отображения/скрытия контента на мобильных устройствах. Процесс создание адаптивного дизайна достаточно трудный, но скрыть или показать блоки сайта в зависимости от разрешения можно за несколько минут.
Как Вы уже поняли, в помощь нам приходит media screen в CSS, с помощью которого можно регулировать отображение структуры сайта в зависимости от разрешений экранов. Для начала, нам нужно заключить скрываемую информацию в дополнительный div-контейнер, назовём его hidemobile.
Возможно, у вас есть какое-то целевое предложение или контент, предназначенный только для владельцев смартфонов. Или же вы банально хотите показывать мобильным посетителям принципиально другое содержание страницы. В любом из этих случаев, рассмотрим способ отображения контента только на маленьких разрешениях экрана.
Первая поставка на Wildberries: Урок 14. Мобильное приложение Wildberries для поставщиков — WB Partner
Проверяем отображение мобильной версии в Chrome
Страница приложения в Google Play
Главная страница приложения
Главная страница приложения — продолжение
Страница меню
Главная страница мобильного приложения WB
Список ранее добавленных товаров
Раздел «Инфо»
Раздел «Описание»
Раздел «Свойства»
Раздел «Цвет»
Раздел «Размеры»
Раздел «Состав»
Название, сгенерированное автоматически, смотрится не очень
Нажав на этот раздел, можно перейти к редактированию наименования товара
Раздел аналитики
Отчет по продажам
Раздел «Что продавать на Wildberries». Товары, отмеченные как дефицитные, пользуются большим спросом, а пометка «Избыток» говорит о том, что товары лежат на складах более 121 дня
Здесь отображаются сборочные задания. Они распределены по статусам: «Новые», «На сборке», «Собранные» и «Архив».
Здесь же можно создать новую поставку
Информация дается за все время работы продавца на Wildberries
Склад выбирается вручную в верхнем меню
Календарь акций
Раздел помощи и поддержки
Установка цены
Управление скидками
Управление промокодами
Раздел настроек
Персональные настройки
Как настроить показ страницы в мобильном wb
Адаптивный дизайн – тот, который подстраивается под разные разрешения экрана при этом не теряя своей привлекательности. Это может производится как и засчёт адаптации каждого элемента сайта, так и банальным управлением отображения/скрытия контента на мобильных устройствах. Процесс создание адаптивного дизайна достаточно трудный, но скрыть или показать блоки сайта в зависимости от разрешения можно за несколько минут. 
Как Вы уже поняли, в помощь нам приходит media screen в CSS, с помощью которого можно регулировать отображение структуры сайта в зависимости от разрешений экранов. Для начала, нам нужно заключить скрываемую информацию в дополнительный div-контейнер, назовём его hidemobile.
Возможно, у вас есть какое-то целевое предложение или контент, предназначенный только для владельцев смартфонов. Или же вы банально хотите показывать мобильным посетителям принципиально другое содержание страницы. В любом из этих случаев, рассмотрим способ отображения контента только на маленьких разрешениях экрана.
Мобильная версия сайта WordPress
Доброго времени суток, дорогие мои друзья! Очень неприятно попадать на сайт без мобильной версии, когда ищешь информацию на бегу и поэтому я продолжаю важную тему для пользователей WordPress: как оптимизировать сайт для мобильных устройств? Как создать мобильную версию сайта WordPress ? Мобильная версия сайта WordPress — плагин WP Mobile Detector.
Оптимизировать сайт для показа на различных мобильных устройствах, если вам сложно изменить действующую конфигурацию темы WordPress, можно с помощью специальных мобильных плагинов, с одним из самых популярных и рекомендуемых Google — WPtouch, я познакомил вас в этой статье.
Читайте инструкции: Как создать и настроить Турбо — страницы Яндекс и AMP-версию WordPress.
Но, в связи с тем, что у бесплатной версии WPtouch очень много, даже слишком ограничений, естественно, надо рассмотреть его (ему) альтернативу, а такие есть. И к стати, Google, также предлагает к выбору из трёх вариантов мобильных плагинов. Вот, сегодня и предлагаю познакомится вам с ещё одним плагином для создания мобильной версии сайта на WordPress.
Мобильная версия сайта WordPress с плагином WP Mobile Detector
WP Mobile Detector Mobile Plugin, как и WPTouch, используется для отображения специальных тем на мобильных устройствах. Темы, используемые на сайте для обычных компьютеров, останутся без изменений. При отображении сайта на мобильных устройствах будет использоваться отдельная тема. На выбор доступны семь тем.
Данный модуль автоматически распознаёт более 5 000 мобильных устройств и отображает совместимую с телефоном/планшетом тему. Ещё есть возможность просматривать статистику по посещениям пользователей с мобильных устройств. В общем, хороший плагин, только единственный большой минус, опять в бесплатной версии нельзя вставить мобильную рекламу, а так, WP Mobile Detector весьма достоин, чтобы использовать для своего сайта.
Для того, чтобы создать мобильную версию для вашего сайта WordPress, достаточно установить мобильный плагин WP Mobile Detector стандартным способом, через поиск по плагинам в админпанели, введя его название и после его активации, перейти сразу в подраздел Mobile Themes:
На странице выбора мобильной темы для вашего сайта, если вас устраивает тема по умолчанию, тогда всё, больше ни чего делать не надо. Конечно, можно подобрать из семи предложенных тем для мобильного сайта, для этого надо понравившеюся темку активировать, нажав соответствующею ссылку:
Вот и весь, товарищи, процесс создания мобильной версии сайта. Можете теперь проверить свой результат оптимизации сайта для мобильных устройств, то есть удобство для пользователей. Пройдите по этому адресу — https://www.google.com/webmasters/tools/mobile-friendly/ введите свой адрес блога и через несколько секунд появится результат:
На этом, дамы и господа, позвольте с вами попрощаться. Вроде ни чего не забыл, добавить больше не чего. На долго вас не задержал. Удачи вам и всего хорошего.
Другая главная страница для мобильных
Wordpress
Если сайт на WordPress является не адаптивный под мобильные устройства. Или вы просто хотите чтобы ваша тема отображала другую главную для мобильных и компьютеров? Переделка сайта в адаптивный, занимает долгое время и нет желания переписывать код. Как же заставить Вордпресс изменить главную статическую страницу в зависимости от устройства посетителя?
Существует очень простая в использовании функция WordPress, которая позволяет обнаруживать мобильные устройства. Поэтому, если вы хотите менять главную страницу для мобильных устройств , то WordPress имеет простую и удобную функцию ( wp_is_mobile() ). С помощью этой функции вы можете легко показывать или скрывать контент на мобильных устройствах.
Например, вы можете скрыть большие изображения для мобильных устройств, и только люди, посещающие ваш веб-сайт WordPress с компьютеров, будут видеть большие изображения.
Поскольку большинство тем WordPress адаптивны, и не требуется никаких специальных изменений для мобильных устройств. Вы можете изменить макет для мобильных устройств, используя медиа-запросы (CSS). Но если требуется перенаправить мобильных посетителей на другую главную страницу, то есть 4 варианта как это реализовать.
1. Добавление кода в header.php
Создаем отдельную страницу для мобильных устройств и используем функцию wp_is_mobile () .