WordPress

Подготовка к работе

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

О том, как создать резервную копию, читайте в документации WordPress. При возникновении затруднений обратитесь на форум WordPress или поищите ответы на свои вопросы в нашем Справочном центре для веб-мастеров.

Мой сайт размещен на WordPress.com

Если ваш сайт размещен на wordpress.com (то есть его адрес имеет формат moisait.wordpress.com), ничего делать не нужно.

Wordpress автоматически оптимизирует сайт для просмотра на мобильных устройствах в зависимости от установленной темы и мобильной платформы пользователя. Более подробная информация доступна на странице поддержки мобильных устройств WordPress.

Я использую WordPress в собственном домене

1. Как узнать версию и тему WordPress?

1.1. Как это выяснить?

Узнать версию WordPress можно следующими способами:

  • Откройте панель управления. Номер версии WordPress отображается в верхней ее части (см. рисунок ниже). В старых версиях этот номер может располагаться внизу страницы.
Панель управления WordPress
  • Перейдите на сайт, на котором установлено программное обеспечение WordPress. Откройте исходный код в браузере и найдите мета-тег "generator". В нем указан номер версии, например: <meta name="generator" content="WordPress 3.9.2" />

  • Номер версии WordPress также указан в файле /wp-includes/version.php, который можно просмотреть в текстовом редакторе. Ознакомиться с его содержимым можно даже в том случае, если он располагается на удаленном сервере.

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

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

Откройте Панель администратора и выберите Внешний вид -> Темы.

Проверьте, нет ли обновлений для используемой темы.

1.2. При необходимости обновите версию и тему

Если версия WordPress устарела

(https://wordpress.org/download/), настоятельно рекомендуется обновить ее, следуя приведенным здесь инструкциям. Так вы установите необходимые средства безопасности и сделаете свой сайт удобным для мобильных пользователей.

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

1.3 Проверьте удобство использования сайта на мобильных устройствах

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

Положительный результат теста

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

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

2.1 Я хочу изменить тему сайта, чтобы оптимизировать его для мобильных устройств

Как правило, это означает, что вам нужно выбрать тему, основанную на принципе адаптивного дизайна. Тогда ваш сайт будет выглядеть одинаково хорошо как на ПК, так и на мобильных устройствах. Страницы будут подстраиваться под браузер пользователя, используя один и тот же код HTML, CSS и JavaScript.

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

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

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

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

  • В Инструментах разработчика браузера Google Chrome есть функция эмуляции мобильных устройств. Чтобы открыть инструменты разработчика, нажмите Меню > Дополнительные инструменты > Инструменты разработчика. Подробнее об эмуляции мобильных устройств читайте здесь.
  • Чтобы проверить работу темы, можно сузить окно браузера до размеров экрана мобильного устройства. Адаптивные темы должны правильно отображаться на любой платформе, подстраиваясь под размер области просмотра (как правило, это ширина окна браузера). Обратите внимание, что эта функция не работает, если тема автоматически изменяется в зависимости от агента пользователя, поэтому для надежности рекомендуется использовать мобильное устройство.

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

Если используемая тема не оптимизирована для мобильных устройств, выберите другую

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

  • Выполните поиск тем по тегу responsive layout (адаптивный дизайн).

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

  • Просмотрите самые популярные темы WordPress. Многие из них используют адаптивный дизайн.

  • Обычно в описаниях таких тем встречаются слова responsive (адаптивная) или mobile (мобильная).

Темы в каталоге сайта wordpress.org, как правило, совместимы с самыми последними версиями WordPress. Убедитесь в корректной работе темы на мобильных устройствах с помощью инструмента PageSpeed Insights.

2.2 Мне нужна мобильная версия сайта, но я не хочу изменять версию для обычных ПК

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

  • Jetpack позволяет владельцам сайтов воспользоваться преимуществами платформы wordpress.com (в том числе и при создании мобильной версии) даже на сайтах, размещенных в собственных доменах.

  • WPTouch – плагин, который служит для создания отдельной версии сайта, оптимизированной для мобильных устройств. Темы, используемые на сайте для обычных ПК, останутся без изменений. При отображении сайта на мобильных устройствах будет использоваться отдельная тема. На выбор доступны несколько тем.

  • WP Mobile Detector, как и WPTouch, используется для отображения специальных тем на мобильных устройствах.

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

2.3 Я хочу изменить действующую конфигурацию WordPress (темы и плагины), чтобы оптимизировать сайт для мобильных устройств

Это тема повышенной сложности, требующая глубоких знаний HTML и CSS. Вот некоторые источники информации:

3. Удалось ли мне оптимизировать сайт Wordpress для мобильных устройств?  

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

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

Мы постоянно совершенствуем документацию. Оставьте отзыв о ней.

Оставить отзыв о...

Текущей странице