Настройка плагина WPtouch Mobile Plugin мобильная версия для сайта wordpress — ТОП

Настройка плагина WPtouch Mobile Plugin мобильная версия для сайта wordpress



Сегодня вы узнаете как самостоятельно сделать мобильную версию для своего сайта wordpress. Сделать мобильную версию сайта можно с помощью популярного плагина — WPtouch Mobile Plugin. Плагин имеет очень гибкие настройки, вы сможете добавить на мобильную тему слайдер, изменить цвет фона темы, цвет заголовка, цвет ссылок, добавить свой текст в футер темы и т.д. Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите на страницу: ПлагиныДобавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

плагин wordpress

 

После установки и активации плагина, перейдите на страницу: WPtouch. Здесь вы сможете настроить свою мобильную тему. Разберём настройки.

 

настройки wptouch

 

 

Общие

 

— Название сайта WPtouch, здесь вы можете указать название вашего мобильного сайта. По умолчанию отображается название основного сайта.

— Показ WPtouch для мобильных посетителей, должно быть включено, для показа моб.темы мобильным посетителям.

— Мобильная первая страница, здесь можно выбрать другую страницу, имеющуюся на вашем сайте, для отображения на главной странице мобильной темы. Либо можно сделать перенаправление на определённый URL адрес.

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

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

— Шоу на платформе ссылки WPtouch в нижнем колонтитуле темы, вы можете добавить ссылку на автора плагина в футер моб. темы. По умолчанию отключено.

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

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

 

 

Устройства

 

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

Дополнительные пользовательские агенты, вы можете добавить в поле дополнительные устройства, на которых будет отображаться ваша тема. Например — «nokia».

 

 

Настройки меню

 

Настройка меню, по умолчанию в мобильной теме отображается меню, которое установлено на основном сайте. Если вы хотите, то вы можете создать отдельное меню для мобильной темы. На странице Внешний видМеню, вы можете создать меню и показывать данное меню только на мобильной теме, поставив галочку для значения — WPtouch Header Menu.

 

мобильное меню

 

— Включить родительские элементы как ссылки, страницы которые имеют вложения будут отображаться как ссылки. По умолчанию включено.

— Использовать значки меню, можете добавить значки к элементам меню. По умолчанию отключено.

— Show login in menu, можно добавить в меню ссылки входа и выхода. По умолчанию отключено.

 

 

Параметры меню

 

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

— Menu position, здесь можно выбрать с какой стороны будет отображаться кнопка для открытия меню, слева или справа. По умолчанию слева.

— Показывать поиск в колонтитуле, по умолчанию вверху моб. темы отображается форма поиска. Здесь можно отключить поиск.

— THEME COLORS, вы можете настроить цвета мобильной темы.

— Theme background, можно выбрать цвет фона моб. темы.

— Header & Menu, можно выбрать цвет заголовка, где отображается название сайта.

— Links, можно выбрать цвет для ссылок.

— Post/Page Headers, можно выбрать цвет для заголовка на страницах и записей.

— Совмещение шрифтов, можно выбрать стиль шрифта для текста.

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

Featured slider style, можно выбрать другой стиль слайдера.

Show # of comments, можно включить показ комментариев. По умолчанию отключены.

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

Posts to display, здесь можно задать определённые записи для показа на главной странице. Например из конкретной рубрики.

Эскизы записей, можно выбрать эскизы записей.

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

Показать категории записей и теги, можно включить.

Показать дату публикации, включено по умолчанию.

Показать автора записи, можно включить.

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

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

Также показывать на страницах, показ кнопок соцсетей на страницах, по умолчанию отключено.

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

Цветовая схема, можно выбрать цвета кнопок соцсетей.

ССЫЛКИ НА СОЦИАЛЬНЫЕ СЕТИ, вы можете добавить ссылки на свои аккаунты в соцсетях.

— НИЖНИЙ КОЛОНТИТУЛ, можете добавить любой текст или html в подвал моб. сайта.

 

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

 

привью мобильной темы

 

Ваша мобильная тема готова !

 





Смотри ещё!


info-effect.ru

Настройка плагина WPtouch Mobile Plugin мобильная версия для сайта wordpress обновлено: Октябрь 14, 2016 автором: Илья Журавлёв

51 комментарий

  • Любовь 02.12.2016 Ответить

    Ок
    Спасибо, Илья!
    Пробую)

  • Сергей 04.12.2016 Ответить

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

    • Илья Журавлёв 04.12.2016 Ответить Автор

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

  • Сергей 04.12.2016 Ответить

    адрес моего блога на вордпресс

  • Андрей 23.01.2017 Ответить

    Подскажите как можно его закрипить меню при скоролинги

  • Андрей 23.01.2017 Ответить

    В мобильной версии от wptoach плагин не работает

    • Илья Журавлёв 23.01.2017 Ответить Автор

      Тогда вам нужно добавлять свои CSS стили, чтобы зафиксировать меню. Узнать такой стиль можно с помощью плагина — SiteOrigin CSS. Добавить стили можно с помощью плагина — Simple Custom CSS, если в настройках плагина WPtouch нет специального поля для добавления пользовательских CSS стилей, не помню есть оно там или нет.

  • Андрей 23.01.2017 Ответить

    Делал не помогло

    • Илья Журавлёв 23.01.2017 Ответить Автор

      Значит что-то не то делали…

  • Макс 31.01.2017 Ответить

    У меня сторфронт тема и хотелось бы вместо 1 столбца товаров, сделать 2 на одной странице. Подскажите, как это можно сделать?

    • Илья Журавлёв 31.01.2017 Ответить Автор

      Именно для мобильных устройств ? А на теме WPtouch один столбец отображается ?

  • Макс 31.01.2017 Ответить

    И еще вопрос, как сделать кнопку переход на Десктоп версию сайта? Есть ли плагины специальные?

    • Илья Журавлёв 31.01.2017 Ответить Автор

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

  • Денис 12.02.2017 Ответить

    А подскажите как «заточить» таблицу сделанную в tablepress под этот плагин?
    Ее не увеличить не уменьшить не получается. Сталкивались с проблемой?

    • Илья Журавлёв 13.02.2017 Ответить Автор

      Да, было дело, лучше использовать плагин Shortcodes Ultimate, там есть функция колонки.

  • Andrei 14.02.2017 Ответить

    Как убрать в мобильной версии из меню «Login» ?

    • Илья Журавлёв 14.02.2017 Ответить Автор

      Можно скрыть с помощью CSS. Пример:

      @media screen and (max-width: 600px) {
      #chto_ne_pozavivat {
      visibility: hidden;
      display: none;
      }
      }

      В первой строчки нужно указать максимальный размер экрана, на которых будет отображаться элемент.
      Во второй строчки нужно указать название элемента для CSS.
      Всё остальное без изменений.
      И ещё нужно поставить плагин — Simple Custom CSS, в котором вы будете прописывать данный код.

  • Ivan 10.03.2017 Ответить

    Как убрать страницы, архивы и рублики с витрины(магазин)

    • Илья Журавлёв 10.03.2017 Ответить Автор

      Не понял вопроса. На странице Магазин могут отображаться только товары или категории.

  • Ivan 10.03.2017 Ответить

    Главная / Витрина
    Витрина
    Отображается единственный результат
    Заполнитель
    Giga

    1,450 ₽
    В корзину
    Найти:
    Страницы

    Wishlist
    Woocommerce Predictive Search
    Витрина
    Корзина
    Мой аккаунт
    Оформление заказа
    Архивы

    Рубрики

    Рубрик нет
    Наверх
    Мобильн.Компьютерная

    Вот так у меня отображается на моб. версии

    • Илья Журавлёв 11.03.2017 Ответить Автор

      Заходите: Внешний вид — Меню, убираете не нужные страницы.

  • Ivan 11.03.2017 Ответить

    А рубрики с архивами как убрать?

  • Елена 17.05.2017 Ответить

    А подскажите сделал плагином Custom Field Suite дополнительные поля на блог с рецептами вывела их на сайте все прекрасно, только вот плагин wptouch не хочет их показывать в мобильной версии сайта

    • Илья Журавлёв 17.05.2017 Ответить Автор

      Значит плагины не совместимы. Попробуйте другой плагин, например — Rich Snippets, там можно добавлять рецепт, плюс он будет отображаться в поисковой выдаче Google.

  • Марина 09.06.2017 Ответить

    В теме storefront в настройках меню можно просто галочку поставить внизу возле «Меню для мобильных устройств» и не париться час с настройках этого плагина, как я вначале :)

    • Илья Журавлёв 09.06.2017 Ответить Автор

      Да, можно и так, если вас устраивает мобильное меню темы.

  • Нурбек 21.06.2017 Ответить

    Здравствуйте! А как убрать все title в мобильной версии?

    • Илья Журавлёв 21.06.2017 Ответить Автор

      Здравствуйте. Можно скрыть с помощью CSS.

      • Нурбек 21.06.2017 Ответить

        Плагин не показывает мобильную версию сайта не могу изменить показ! Нажимаю глазок сразу выходить пк версия. Как сделать что бы плагин показал мобильную версию?! Имею ввиду плагин SiteOrigin CSS

  • Евгений 05.11.2017 Ответить

    Здравствуйте! Плагин WPtouch стоит на моем сайте давно и все работало нормально до тех пор,пока движок WordPress не обновился до версии 4.8.3 Теперь в мобильной версии сайта не работает меню.То есть,сверху вверху есть три черты,которые и должны открывать полное меню сайта,но ничего не работает.Данный плагин совместим с моей версией движка WordPress.Что можно сделать,какие настройки изменить чтобы все работало?
    Заранее благодарю за ответ!

  • Влад 15.11.2017 Ответить

    Приветствую,
    Пробовал данный плагин ставить на сайт с флеш играми. В мобильном выглядит замечательно, игры загружаются (если использовать правильный браузер), но после загрузки игры кнопка «Play» не кликабельна, игра не запускается. Что можно подкрутить в плагине что бы флеш работало?
    P.S. Пробовал другие подобные плагины игры работают.

    • Илья Журавлёв 15.11.2017 Ответить Автор

      Здравствуйте. В настройках по умолчанию ничего не сделать. Если перейдёте на версию PRO, возможно решить проблему. Там есть настройки «Совместимость сайта».

  • Виктория 23.11.2017 Ответить

    Здравствуйте! Настраиваю все по Вашему блогу, даете очень полезную информацию. Большое спасибо!

    Также решила остановиться на этом плагине, но дизайн совершенно не понравился. А проблема у меня в том, что с текущей темой мобильная версия выглядит хорошо, но
    1) не работают ссылки (проверяла на iOS),
    2) из-за карты Яндекс в контактах все сдвигается вправо.
    Подскажите, пожалуйста, может что-то можно вручную поправить?

    • Илья Журавлёв 23.11.2017 Ответить Автор

      Здравствуйте. 1. Попробуйте в общих настройках включить Масштабирование страницы. 2. В настройках меню попробуйте отключить параметр Включить родительские элементы как ссылки, или включить, если он отключен. 3. Обратите внимание, у плагина есть настройки Совместимость сайта, но они доступны только в платной версии. Возможно как раз они вам и помогут. 4. Также обратите внимание на Индивидуальную настройку темы. Нажмите на кнопку Перейти в настройщик, попробуйте там изменить настройки.

  • mihael 24.12.2017 Ответить

    Спасибо за детальную инструкцию. И за то, что отвечаете на все комментарии.

    У меня в полной версии на странице есть тег [box]…[/box] или как это называется. Он отображается как заливка белым цветом. В мобильной версии просто отображается текст «[box]». Как можно сделать, чтобы его не было. Заливка цветом не нужна.

  • Олег 19.01.2018 Ответить

    Илья, Вы в этом деле человек опытный. Какие есть еще простенькие плагины, чтобы адаптировать сайт для мобильной версии или это самый простой?

    Я как-то обращался к Вам с вопросом по плагину Hyper Cache, но нашел у Вас на сайте информацию про другой хороший плагин, который в результате и установил,

    • Илья Журавлёв 19.01.2018 Ответить Автор

      У вас тема адаптивная? Если да, плагин вам не нужен. Перейдите: Внешний вид — Настроить. Внизу можно посмотреть как сайт отображается на мобильных и планшетах.

  • Олег 19.01.2018 Ответить

    У меня установлена тема: SuvZineВерсия: 1.0.
    Судя по тому, что она уже давно не обновлялась, подозреваю, что тема не поддерживается автором.
    При попытке ее настроить, изменить фон или произвести с ней еще какие-нибудь действия — появляется сообщение:
    Страница недоступна
    Сайт ol…v.ru пока не может обработать этот запрос.
    HTTP ERROR 500

    Я скачал пару похожих тем, но устанавливать их не решаюсь, боюсь. Почитал про установку новых тем, пишут, что могут возникнуть много проблем, которые замучаешься потом расхлебывать…

    • Илья Журавлёв 20.01.2018 Ответить Автор

      Где тему взяли? На WP её нет. Поэтому и глючит. Рекомендую использовать официальные темы WordPress, которые есть в репозитории. То есть, их можно найти через админ-панель WordPress, либо на официальном сайте. «Почитал про установку новых тем, пишут, что могут возникнуть много проблем, которые замучаешься потом расхлебывать…» Это бред. Никаких проблем не будет! Да, придётся настроить тему под себя. Но это не проблема! Вот вам полезные плагины для настройки тем:

      Изменить стили темы — SiteOrigin CSS
      Перевести тему на Русский язык — Loco Translate
      Более 500 полезных плагинов — Супер плагины WordPress!

  • Олег 21.01.2018 Ответить

    Забиваю в поиск ВП, тема высвечивается. Уже не помню, но по-моему с сайта ВП и качал в 2009 году.
    Я тут наше две темы, но не знаю как они, ибо не специалист.

    • Илья Журавлёв 21.01.2018 Ответить Автор

      В какой поиск забиваете? Вы похоже не там ищите. Эти темы очень старые. Ищите через админ-панель WordPress. Внешний вид — Темы — Добавить новую. Там есть фильтр. Свежие темы есть. В админке удобней, можно заранее посмотреть тему и сразу установить, без скачивания.

  • Nick 31.01.2018 Ответить

    Здравствуйте, отличная тема, очень нравится
    Не подскажите как поменять социальные сети, допустим сейчас по стандарту можно поделиться на facebook/pin/twitter/и почта, как отредактировать, добавить тот же допустим вк ?

    • Илья Журавлёв 01.02.2018 Ответить Автор

      Здравствуйте. Можно плагин поставить отдельный по соцсетям. Например, Uptolike классный плагин!

      • Nick 01.02.2018 Ответить

        Огромное спасибо за совет, плагин превосходный!
        То что нужно!

    • Илья Журавлёв 01.02.2018 Ответить Автор

      У меня на сайте много записей про такие плагины, ищите через поиск, либо здесь — Супер плагины WordPress

  • Nick 01.02.2018 Ответить

    Огромное спасибо за совет, плагин превосходный!
    То что нужно!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

восклицательный знак Отправляя свои данные Вы соглашаетесь с Политикой Конфиденциальности сайта info-effect.ru.


Яндекс.Метрика

WhatsApp 7 922 717 9869   Связь - Мой хостинг

Политика конфиденциальности - Пользовательское соглашение

Стрелка вверх