WordPress мобильная версия: Создание Мобильной Версии сайта WordPress за 10 минут – WordPress Mobile Apps | WordPress.org

Работа с мобильных устройств | WordPress.org Русский

появляется уведомлние, что пробуйте редактировать через SFTP

Как выглядит это уведомление? Сделайте скриншот, плз.

Все делается под компьютеры,

Если бы так было хотя бы на 50%.. А то впечатление, что новые «дизайны» создаются для разрешения в 320 точек. Для ПК вообще всё страшнее и не удобней…

И что теперь делать тем кто работает с планшета?

А как Вы вообще работаете с планшета? Андроид? Через браузер или приложение?

Редактировать код не могу.

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

У всех разные возможности, как и знаний. Если бы все были умные, никто бы здесь не задавал вопросов. Что касаемо скриншота, незнаю как здесь отправять.
Вот скопировал надпись, которая выходит » Невозможно соединиться с сайтом для проверки кода на ошибки, был сделан откат изменений в PHP-коде. Вам нужно загрузить измененный PHP файл другим способом, например через SFTP.»

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

Модератор Yui

(@fierevere)

ゆい

в настоящее время существует проблема deadlock при безусловном старте сессии PHP ( start_session() ) достаточно многими плагинами использующими сессии (например формы контактов, другие плагины могущие показывать например капчу) и функцией ядра wp_remote_get() на сам сайт (петлевой запрос)

лучшим решением конечно было бы — вообще не использовать внутренний редактор,
вторым вариантом — не обновляться (или откатить бэкап) на «нулевой релиз» в течении первой же недели, когда выявляются проблемы на живых сайтах, которых не обнаружили в бета версиях (вот у меня на сайте-песочнице ни одного проблемного плагина не оказалось)
ну и третий вариант — найти плагин стартующий сессию php и отключить/заменить его

Ну и что теперь, прощай вордпресс. Так и многие уйдут из за неудобств. Хотел назад вернуть версию, но и это не могу. Вот и все, слов нет…

пункты лицензии 11 и 12
а бэкап перед большим обновлением, чтобы вернуть версию, надо делать обязательно

работайте через панель хостера.
Хотя это тоже из раздела «вредных советов»

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

Вы, похоже обиделись? И совершено напрасно. Это как раз Я не знаю что и как на планшете. А Вы рассказать не хотите.
И как же можно Вам помочь?

Что касаемо скриншота, незнаю как здесь отправять

http://imgur.com/ (или какие возможности у Вас на планшете я не знаю).

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

Попробуйте приложение. Я не знаю что оно умеет, но оно есть в гуглоплее.
Но повторю ещё раз. Если не имеете устойчивого желания поломать сайт НЕ пользуйтесь встроенным редактором кода в ВП. Только по ФТП в правильных блокнотах — с подсветкой кода и поддержкой UTF8.

Ну и что теперь, прощай вордпресс.

Ошибка вероятно имеет место быть. https://ru.wordpress.org/support/topic/%D1%80%D0%B5%D0%B4%D0%B0%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5-%D1%84%D0%B0%D0%B9%D0%BB%D0%BE%D0%B2-%D1%82%D0%B5%D0%BC%D1%8B/page/2/#post-265219
Поэтому либо ждать обновлений, либо научиться пользоваться правильным решениями, о которых я говорил выше.

Спасибо за предложение. Но все они не подходят, для тех, кто ранее работал через редактор админки. И как бы это не выглядело (убийством или сайто убийством) все это понятно, но многие новички и у многих нет тех возможностей о которых пишут.
Лично для меня и многих других, данные изменения в редакторе, это и есть убийство сайта, так как нет возможности. И поэтому просто связаны руки на дальнейшее ведение сайта.

Хоть бы плагин тогда какой нибудь выпустили, чтоб через него редактировать.

Даже настроение блин все пропало!

Модератор Yui

(@fierevere)

ゆい

посмотрите на предложение tuxfighter,
я дополню, если не хотите использовать ФМ панели хостинга, можно установить альтернативный файловый менеджер (их много), втч даже оформленный как плагин WP (правда если вы ухитритесь убить сайт некорректным кодом, то ФМ в составе плагина тоже отвалится, поэтому независимый ФМ был бы более лучшим вариантом)

elfinder например — https://studio-42.github.io/elFinder/

но многие новички и у многих нет тех возможностей о которых пишут.

Не бывает такого. Если человек занимается делом у него просто обязаны быть все нужные инструменты. Иначе он обращается к тем, у кого они есть. К специалистам.
Это как Вы кипятите молоко в алюминиевой кастрюле, Вам говорят, что так делать опасно, но Вы не хотите/не имеете возможности взять эмаль. Только тут, в отличии от молока новый пакетик не купите, и сайт может упасть навсегда. Из-за пропущено запятой напр (так было до 4,9, а теперь такие ошибки проверятся и не дают сохраниить и соотвесвено уронить сайт. Это защита. Но пока не везде откатана получилась.).

[oftop]Меня всегда забавляли заявления типа «это все для программистов, а я простой пользователь!!»

Простой пользователь — это когда просто пользуешся. Как только ты перестаеш пользоваться, и начинаеш что то создавать — ты тут же перестаеш быть «простым пользователем». И вот тут уже вступает в силу такое понятие, как «минимальный порог вхождения».
[/oftop]
и да простят меня модераторы…..

и да простят меня модераторы…..

Не только простят, но и горячо поддержат.

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

Модератор Yui

(@fierevere)

ゆい

если перечитаете ответы, то найдете что «как раньше» вам уже предложили

1. откатиться до WP 4.8.x (бэкапом например, хотя можно и просто заменить файлы ядра из архива релиза — удалить и заменить папки wp-admin/ wp-includes/ а также файлы .php, в корне сайта, исключая wp-config.php)

2. найти и отключить проблемный плагин, вызывающий start_session() на каждой странице вашего сайта. Возможно вариант может быть неприемлимым.

2 tuxfighter:

и да простят меня модераторы…..

ничего не имею против, все правильно написано. и уж тем более в тегах оффтоп 😀

А через SFTP как редактировать код в header?
Подробно может кто обьяснить чайнику? Спасибо заранее!

Мобильная версия WordPress сайта за 10 минут: плагин Wptouch

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

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

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

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

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

В нашем случае мобильную версию wordpress нам поможет сделать замечательный плагин Wptouch, который, если смотреть с популярных сенсорных устройств, например, таких как iPhone, IPod Touch, Android, BlackBerry будет хорошо отображаться! Админ-панели позволяет настроить многие аспекты его внешнего вида. Там есть куча настроек, которые вам помогут всё выполнить максимально чётко.

Где взять плагин?

Это можно сделать прямо через админку вашего сайта, перейдя в Плагины — добавить новый, и вбить в поиск плагинов его название: «мобильная версия wordpress». Как видите, у данного плагина хороший рейтинг.

Вместо кнопки «детали» у вас, будет кнопка «Установить», нажимаете на неё и активируете плагин. Либо же есть другой вариант. Можно скачать плагин из интернета себе на компьютер и потом установить его по всем известной схеме, кто не знает, читайте статью «Как установить wordpress плагин».

Как видите, тут всё просто, а вот уже как его настроить, совсем другой вопрос, поскольку плагин полностью на английском, можно скачать видеоурок по настройке плагина (качайте на ютубе).

Советую просто всё сделать, как описано в уроке, и тогда ваш блог станет мобильным уже буквально за несколько минут. Кстати говоря, это не единственный вариант, как можно выполнить мобильную версию сайта.

С помощью wptouch ваш ресурс будет корректно отображаться в различных устройствах, а в следующей статье расскажу, как можно сделать более продвинутую версию с помощью специального сервиса, какого и как именно это сделать? Всё будет в следующей статье, не пропустите, следите за обновлениями!

Если вы не поленились и уже сделали всё по уроку, то у вас есть готовая мобильная версия wordpress блога и теперь вы не будете терять новых посетителей, клиентов и покупателей.

Похожее

Делаем мобильную версию сайта на WordPress Блог Интернет Технологий

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

  • Мобильный интернет серфинг растет в 8 раз быстрее, чем компьютерный на основе использования WEB;
  • 70% населения планеты имеет мобильный аппарат;
  • В 2010 году абонентов мобильной связи превысило 5 миллиардов;
  • У 85% детей есть собственный телефон, в то время как только у 73% есть книги в домашних условиях;
  • Android растет в размере 886% — 160 000 телефонов Android активизируются ежедневно;
  • 1000000 смартфонов активизируются каждую неделю;
  • Google сообщает, что объем мобильного поиска составляет до 130% по сравнению с аналогичным года;
  • К 2014 году он предсказал, что использование мобильного интернета обгонит настольный использования Интернета.

На собственном примере я бы хотел поделиться с Вами опытом, как сделать собственную мобильную версию сайта на CMS WordPress.

Отдыхая летом на море, у меня не было под рукой ноутбука и просматривать дела в интернете пришлось через мобильный телефон. После того, как я его удачно утопил, мне пришлось пользоваться не столь хорошим мобильным телефоном (SE K750i) у которого не такой большой и удобный экран, на котором отлично отображаются сайты. Я просто был в приятном удивлении, когда у того или иного сайта присутствует мобильная версия, которая загружается автоматически, когда удачно проходит идентификация мобильного устройства и сайт «понимает», что Вы зашли с помощью мобильного телефона и мобильную версию сайта Вам куда лучше просмотреть нежели традиционную.

Сегодня я расскажу как на WordPress CMS сделать мобильную версию сайта: какие плагины и некоторые настройки, которые будут полезны при редактировании внешнего вида мобильной версии.

Существует около 10-15 различных плагинов, которые предоставляют возможность сделать версию сайта для мобильных устройств и ныне популярных планшетов. Попробовав каждый из плагинов я остановился на плагине — WordPress Mobile Pack.

WordPress Mobile Pack — это полный набор инструментов с помощью которых Вы легко сделаете мобильную версию сайта. Пакет включает в себя: мобильный переключатель, мобильные виджеты, и содержание адаптации для мобильных характеристик устройства. Сайт отлично работает во всех популярных мобильных ОС (iOS, Android, Palm). Так же, в WP Mobile Pack существует внутренняя статистика по мобильным устройствам (в Инструменты-Mobile Analytics), однако для более точной статистики советую зарегистрироваться и повесить (на мобильную версию) счетчик

WapLog.

Итак, загружаем плагин себе на сайт.

Вообщем то мобильная версия сайта уже будет работать! Как проверить? — спросите Вы. Качаем Opera Mobile Emulator — эмулятор браузеров различным мобильных телефонов и планшетов. Около 35 мобелей мобильных телефонов, планшетов и КПК будут в вашем распоряжении через одну программу 🙂

Вводим в адресную строку адрес блог и вуаля — мобильная версия сайта готова 🙂

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

Заходим в Дизайн — Mobile Switcher

Напротив Mobile theme выбираем тему которая вам больше по душе. Остальные настройки я оставил по умолчанию, потому что они меня целиком и полностью удовлетворяют. Хоть плагин и не имеет русифицированную версию — вы методом тыка сможете все настроить, что необходимо.

Мобильные версии шаблонов сайта лежат в wp-content/themes, если вы используете WP Super Cache то вам необходимо обновить правило для модуля mod_rewrite. Для этого просто зайдите на страницу плагина на нажмите на соответствующую кнопку.

Это необходимо для того, чтобы в обновился файл htaccess которые и будет перенаправлять мобильных посетителей на мобильную версию 🙂

Отредактируйте файлы шаблона по своему усмотрению, так же после активации в footer’e сайта появится «переключалка» между обычной и мобильной версией сайта, которую вы так же с помощью не сложный преобразований сможете вынести в любое удобное Вам место. Мобильную версию сайта так же можно вынести на поддомен, это делается и настраивается в графе Mobile Switcher.

Поставив WapLog счетчик и отписав в Support Яндекса с вопрос все ли сделано без проблем и ошибок, они дали положительный вариант моей мобильной версии сайта!

С Уважением, VanoID

С уважением, Vasilenko Ivan!

Убрать мобильную версию сайта | WordPress.org Русский

O

(@perdyllo)

убрать мобильную версию сайта (что бы он отображался как на компьютере)

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

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

Присоединяясь к словам выше и добавлю — если Ваша «мобильная версия» (адаптивная) не удобна для пользования — то нужно «просто» её довести до ума.

Ида — это зависит от темы, а не от ВП.

Спасибо за ответы! Сам понимаю что мобильная версия лучше,современнее и правильнее так сделать и выглядит она читабильно и красиво,но делаю сайт для знакомого и он уперся вот «ХОЧУ ТАК И ВСЕ» ,ну ты же можешь или не можешь…. И вот просто вопрос кругозора и обучения возможно ли.Сам думаю что с медиазапросами надо что то делать только их милион и от темы и от елементора и что с ними делать,или удалить тупо все маленькие разрешения или правильнее туда вставить разметку от больших разрешений,или еще есть какие то варианты.

Как сделать мобильную версию шаблона для WordPress

Сегодня я расскажу о том, как без плагинов и скриптов создать мобильную версию шаблона для вашего блога на WordPress. Ни для кого не секрет, что сейчас увеличивается количество людей, посещающих сайты с помощью смартфонов. Например, на одном из моих блогов около 2000 просмотров в месяц, а это 10-12% от общего числа, происходит с мобильных устройств. Кстати, это на 3% больше, чем посетителей с браузером Internet Explorer. Так почему, если на практически каждом сайте прописываются специальные теги для IE, не позаботиться и о пользователях мобильных телефонов?

Большинство современных для телефонов, с которых совершается просмотр сайтов, управляются OS Android или iOS, на Symbian в 90% случаев используется браузер Opera Mini (Mobile). А значит, браузеры для телефонов поддерживают CSS3, что мы и будем использовать при создании мобильной версии темы.

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

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

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

сайт с телефонаВот так выглядит мобильная версия моего сайта с телефона

Давайте теперь определимся, каким должен быть дизайн сайта для телефона:

  • адаптированным под небольшое разрешение экрана
  • предусматривать управление нажатием на сенсорный экран
  • достаточно контрастным, чтобы хорошо отображался на ярком экране телефона
  • одноколоночным, чтобы отсутствовала горизонтальная прокрутка
  • “резиновым” – так как мы не можем предусмотреть все разрешения экранов

Шаг 1. Путь к мобильной теме в header.php

Во-первых, сделайте копию файла стилей вашей темы, и назовите ее style-mob.css.

Определяем мобильное устройство. Способ 1

Сейчас давайте немного изменим файл hearder.php. Найдите, где подключается файл стилей (обычно это первые несколько строк кода):

<link rel="stylesheet" media="screen" href="<?php bloginfo( 'template_url' ); ?>/style.css" />

и замените ее на следующее:

<link rel="stylesheet" type="text/css" media="screen and (min-width: 641px)" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<link rel="stylesheet" media="screen and (max-width: 641px)" href="<?php bloginfo( 'template_url' ); ?>/style-mob.css" />

Мы разделили все экраны пользователей на две группы: те, которые больше 640 px, и те, которые меньше. Если экран больше 640 px, то будет загружаться обычный файл стилей style.css, а если меньше, то style-mob.css.

Если вы решили использовать этот способ, то перед строками, которые вы только что вставили, необходимо добавить специальные строки для IE 6-8.

<!--[if IE 6]>

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<![endif]-->

<!--[if IE 7]>

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<![endif]-->

<!--[if IE 8]>

<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<![endif]-->

Да-да, телефоны поддерживают media=”screen and (max-width: 641px)”, а ослик до 9 версии – нет 😀

Определяем мобильное устройство. Способ 2

Есть второй способ. Можно задать значение media="handheld" для пути к “мобильному” стилю, и там прописать путь к файлу стиля для телефона:

<link rel="stylesheet" type="text/css" media="screen" href="<?php bloginfo( 'stylesheet_url' ); ?>" />

<link rel="stylesheet" media="handheld" href="<?php bloginfo( 'template_url' ); ?>/style-mob.css" />

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

Шаг 2. Редактируем style-mob.css

Если вы использовали способ 1 для вставки файла стилей, то просто уменьшите окно браузера, чтобы увидеть, как ваш сайт выглядит с телефона! Если вы использовали способ 2, то временно замените его на способ 1, и сделайте то же самое :D. Ну, или просмотрите сайт непосредственно с телефона. На самом деле, первый способ хорош в процессе разработки мобильной темы, а второй – уже когда она готова к использованию.

Теперь откройте style-mob.css вашим любимым файловым редактором.

Я сделала такие правки:

  • установила ширину страницы (body) в 100%, а блока с контентом (page) в 95%, чтобы сделать небольшие поля
  • включила “видимость” для кнопки “поиск”
  • увеличила размер шрифта, перевела все значения шрифтов в em
  • убрала float:left для центральной колонки, чтобы шаблон стал одноколоночным
  • и еще некоторые “косметические” правки

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

Если возникли какие-то вопросы, пишите, обязательно отвечу. И подписывайтесь на RSS, чтобы не пропустить ничего интересного!

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

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