Как убрать мобильную версию сайта


Как отключить мобильную версию сайта на wordpress?

Подскажите Как отключить мобильную версию сайта на wordpress? Страница создана в elementor.


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

не помогло, уточняю что страница создана в elementor

не помогло, уточняю что страница создана в elementor

с elementor не работал, хотя и слышал много хорошего. Может решением послужит переадресация с мобильной на основную версию?

htaccess - поможет

Все делается достаточно легко.
1. Найдите в теме файл header.php
2. Ищете и удаляете строку <meta name="viewport" content="width=device-width, initial-scale=1.0">
3. сохраняете
4. радуетесь
5. ставите мне пиво xD

От части помогло (меню в headere стало от desktop версии), Спасибо. Но сайд бар все равно переносится в низ контента, на мобильных устройствах.

добрый день. я удалила данную строку <meta name="viewport" content="width=device-width, initial-scale=1.0"> и даже заходя с ноутбука, я стала попадать на мобильную версию сайта. то есть основная версия сайта исчезла. помогите пожалуйста, мне нужно удалить мобильную версию сайта, то есть чтобы сам сайт был адаптирован под мобильные устройства, но по какой-то причине основная версия сайта и мобильная версия сайта, это 2 абсолютно разных сайта с разной информацией, и мне нужно оставить только один вид и одну информацию для посетителей.

А можно ссылку на сайт? Хочется взглянуть на сам код.

Просто поменяйте разрешение сайта на более большее или ширину сайдбара уменьшите.
Вот здесь хорошо описано все: http://wpcreate.ru/step/kak-izmenit-shirinu-blokov-wordpress-ili-uvelichit-shirinu-shablona-wordpress.html

vadim   13.12.2018 17:44

Нашли ли рабочее решение, тоже мучаюсь с этой проблемой?
В ТП elementor ответили, что такой возможности нету.


java - Как отключить мобильную версию сайта?

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
.

Как просмотреть мобильную версию сайтов WordPress с рабочего стола

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

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

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

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

Почему стоит предварительно просмотреть макет мобильного устройства

Более 50% посетителей вашего сайта будут использовать свои мобильные телефоны для доступа к вашему сайту. Около 3% будут использовать планшеты.

Это означает, что очень важно иметь сайт, который отлично смотрится на мобильных устройствах.

На самом деле, мобильные устройства настолько важны, что Google теперь использует индекс «сначала мобильные» для своего алгоритма ранжирования веб-сайтов.

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

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

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

Видеоурок

Подписаться на WPBeginner

Если вам не нравится видео или вам нужны дополнительные инструкции, продолжайте читать.

1. Использование настройщика тем WordPress

Вы можете использовать настройщик тем WordPress для предварительного просмотра мобильной версии вашего сайта WordPress.

Просто войдите в свою панель управления WordPress и перейдите на экран Внешний вид »Настроить .

Это откроет настройщик тем WordPress. В зависимости от того, какую тему вы используете, в левом меню вы можете увидеть немного разные параметры:

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

Примечание: Синие символы редактирования присутствуют только в средстве предварительного просмотра. Вы не увидите их на своем действующем сайте.

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

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

2. Использование режима устройства Google Chrome DevTools
В браузере

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

Просто откройте браузер Google Chrome на рабочем столе и перейдите на страницу, которую хотите проверить.

Это может быть предварительный просмотр страницы вашего сайта или даже сайт ваших конкурентов.

Затем вам нужно щелкнуть правой кнопкой мыши на странице и выбрать «Проверить».

С правой стороны откроется новая панель, например:

В представлении разработчика вы сможете увидеть исходный HTML-код своего сайта.

Затем нажмите кнопку «Переключить панель инструментов устройства», чтобы перейти к мобильному представлению.

Вы заметите, что предварительный просмотр вашего веб-сайта уменьшится до размера экрана мобильного устройства.

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

Когда вы наведете курсор мыши на мобильное представление вашего сайта, он превратится в круг, например:

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

Вы также можете удерживать клавишу «Shift», затем щелкнуть и переместить мышь, чтобы имитировать сжатие экрана мобильного телефона для увеличения или уменьшения масштаба.

Над мобильной версией вашего сайта вы увидите некоторые дополнительные параметры.

Они позволяют делать несколько дополнительных вещей. Вы можете проверить, как ваш сайт будет выглядеть на разных типах смартфонов. Вы также можете смоделировать производительность своего сайта при быстром или медленном подключении к сети 3G. Вы даже можете повернуть экран мобильного телефона с помощью значка поворота.

Как создать контент для мобильных устройств в WordPress

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

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

Многие темы и плагины премиум-класса позволяют создавать элементы, которые на рабочем столе отображаются по-разному, а не на мобильном устройстве. Вы также можете использовать плагин для создания страниц, например Beaver Builder, для редактирования целевых страниц в мобильном представлении.

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

Отличный способ создавать мобильные всплывающие окна и формы для привлечения потенциальных клиентов - использовать OptinMonster. Это самый мощный плагин для всплывающих окон WordPress и инструмент лидогенерации на рынке.

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

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

Бонус: Ознакомьтесь с нашим выбором лучших телефонных сервисов для бизнеса, чтобы вы могли добавить кнопку «Щелкнуть для вызова» для мобильных пользователей.

Если вам понравилась эта статья, то подпишитесь на наш канал YouTube для видеоуроков по WordPress. Вы также можете найти нас в Twitter и Facebook.

.

Отключить мобильную версию | WordPress.org

Привет,

Я создал интернет-магазин, используя витрину темы Woocommerce. В настольной версии все в порядке, а в мобильной - беспорядок. Я хотел бы отключить мобильную версию сайта, чтобы можно было видеть только версию для ПК, независимо от того, какую платформу используют люди. Есть ли способ сделать это?

То, что вы просите, - это неотвечающая тема. Витрина и ее дочерние темы - это адаптивные темы.Его нельзя сделать невосприимчивым без полного пересчета ширины на основе процентов и замены их шириной на основе пикселей в CSS и удаления / объединения всех запросов @media.

Это можно сделать, но это должна быть специальная работа. Вы можете попросить разработчика сделать это, и у нас есть область настроек по этой ссылке. В противном случае вы можете посмотреть на неадаптивные темы - вот список некоторых из лучших поставщиков тем на 2018 год и посмотреть, что они предлагают.

Привет, nixiack8
Спасибо за ответ, но начинать с новой темы снизу или нанимать разработчика - не вариант.
Я уже понял, как использовать дополнительные функции CSS, найдя нужные мне CSS в Интернете, поэтому я был бы очень готов пойти по этому пути.
Я создал новую тему о том, как исправить то, чем я недоволен, и также есть ссылка на страницу. Не могли бы вы взглянуть на это? 🙂
Большое спасибо!
Анна

Привет @annawwww,

Я ответил на вашу беседу о товарах, которые не совсем подходят для мобильных устройств, но на всякий случай помещу и их сюда 🙂

Часто размещенный CSS-код может вызвать рассматриваемую проблему, поэтому, пожалуйста, извлеките CSS, который вы разместили, и посмотрите, исправится ли мобильная версия.Если это так, размещайте CSS по одному бит за раз и смотрите, что делает мобильная сторона. Как только это начнет выглядеть некорректно, не стесняйтесь размещать CSS в другом потоке, и мы можем посмотреть.

Работа

(@jobthomas)

Инженер-автоматчик счастья

Мы не получали от вас ответа в течение некоторого времени, поэтому я собираюсь отметить это как решенное - если у вас возникнут дополнительные вопросы, вы можете начать новую беседу.

.

Мобильная версия сайта

Здравствуйте @derevnya,

1. Как настроить изображение товара на всю ширину экрана?

Похоже, что эскизы ваших товаров слишком маленькие. В настоящее время они имеют ширину 342 пикселя, но мобильный вид шире. Вы можете настроить размер миниатюр продуктов с помощью плагина https://wordpress.org/plugins/simple-image-sizes/. После того, как вы установили этот плагин, вы можете настроить размеры изображений с помощью

Настройки → Медиа

Я предлагаю вам установить ширину woocommerce_thumbnail на 600 пикселей.После того, как вы это сделаете, вам нужно прокрутить вниз до нижней части страницы и заново создать эскизы. Чтобы ускорить этот процесс, достаточно повторно создать изображения woocommerce_thumbnail .

Затем вам нужно будет добавить следующий код CSS на свой сайт через

Внешний вид → Настройка → Дополнительный CSS

  / * Показывать изображения в полную ширину * / ul.products li.product img, ul.products .wc-block-grid__product img, .wc-block-grid__products li.изображение продукта, .wc-block-grid__products .wc-block-grid__product img { ширина: 100%; }  

2. Как настроить кнопку покупки на всю ширину экрана?

Вы можете сделать кнопку покупки полной ширины, добавив следующий код CSS на свой сайт через

Внешний вид → Настройка → Дополнительный CSS

  / * Сделаем кнопку покупки полной ширины * / ul.products li.product .button, ul.products .wc-block-grid__product .button, .wc-block-grid__products li.product.кнопка .wc-block-grid__products .wc-block-grid__product .button { выравнивание текста: центр; ширина: 100%; }  

Как убрать поля в мобильной версии сайта?

Поддержка плагинов Senff

(@senff)

Это зависит от того, какие поля вы хотите удалить. Не могли бы вы дать нам еще несколько деталей?

https://snipboard.io/0FdgOf.jpg
Удалите белые поля в мобильной версии сайта! Ваш коллега написал код, код работает, но поля есть.Как растянуть на всю ширину экрана?

.

Смотрите также

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Одноклассники
Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий