Создайте простую HTML/PHP-страницу в стиле вашего сайта, установите плагин WP Maintenance Mode, переименуйте файл в wp-maintenance-mode.php и загрузите его в папку wp-content. Проверьте включение режима обслуживания в настройках плагина и протестируйте вид страницы как посетитель и как администратор.

Зачем нужна кастомная страница обслуживания

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

Изображение: пример минималистичной брендированной страницы обслуживания с логотипом и кратким сообщением.

Шаг 1. Создание страницы обслуживания

Страница обслуживания — это обычный HTML-файл. Он будет отображаться посетителям, когда сайт переводят в режим обслуживания. Главные требования:

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

В примере в архиве есть файл wp-maintenance-mode.html и логотип. Откройте html-файл в браузере, затем отредактируйте в текстовом редакторе.

Советы по редактированию:

• Откройте файл через «Открыть с помощью» и выберите редактор, например Notepad++ на Windows, TextEdit на macOS в режиме plain text, или любой кодовый редактор.
• Замещайте плейсхолдеры логотипа и текста на актуальные для вашего сайта.
• Уберите тяжёлые внешние ресурсы. Сторонние шрифты и скрипты могут замедлить загрузку страницы обслуживания.

Изображение: пример комментариев в HTML-файле, помогающих быстрее найти места для правок.

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

  
  
  
  


  

    
    
Мы на техническом обслуживании
    
Извините за неудобства. Мы скоро вернёмся. Спасибо за терпение.
    

      
Связаться: email@site.ru
    
  

Ключевые файлы и имена

• Исходный файл: wp-maintenance-mode.html
• Для плагина его нужно переименовать в wp-maintenance-mode.php перед загрузкой
• Логотип и фон — положите рядом и укажите относительный путь, например wp-content/uploads/your-logo.png

Изображение: страница обслуживания, стилизованная под авторский сайт.

Шаг 2. Установка плагина WP Maintenance Mode

Чтобы WordPress показывал вашу страницу, установите плагин WP Maintenance Mode от разработчика Frank Bültge. Делается это так:

1. В админке WordPress перейдите в «Плагины» → «Добавить новый».
2. В строке поиска введите wp maintenance mode.
3. Найдите плагин от Frank Bültge и установите его.
4. Активируйте плагин и нажмите ссылку «Настройки» под плагином.

Изображение: панель управления плагином WP Maintenance Mode.

Альтернативы

Если по какой‑то причине вы не хотите использовать этот плагин, можно рассмотреть другие решения:

• Coming Soon Page and Maintenance Mode — часто используемый плагин с визуальным редактором.
• Simple Maintenance — лёгкий и минималистичный.
• Самодельный подход — настроить редирект на статическую страницу на уровне сервера (nginx/Apache) или использовать файл .maintenance в корне WordPress.

Когда альтернативы подходят лучше

• Если нужен визуальный drag‑and‑drop — берите конструкторную надстройку.
• Если хотите полное управление сервером — используйте серверные правила вместо плагина.

Шаг 3. Загрузка файлов на сервер

Перед загрузкой переименуйте wp-maintenance-mode.html в wp-maintenance-mode.php. Это позволит плагину подключить файл как шаблон.

Действия:

1. Подключитесь к хостингу по FTP или через файловый менеджер в панели управления (cPanel, Plesk и т.д.).
2. Перейдите в папку с сайтом и затем в wp-content.
3. Загрузите wp-maintenance-mode.php и сопроводительные файлы (логотип, фон).

Изображение: пример структуры папки wp-content, куда нужно загрузить файл.

Советы по безопасности и совместимости

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

Шаг 4. Включение и тестирование

Вернитесь в настройки плагина в админке WordPress. Найдите опцию Plugin Active и переключите значение на True, затем нажмите Update. Теперь плагин будет показывать ваш файл обслуживания посетителям.

Изображение: пример переключателя статуса плагина на True.

Тестирование

• Выйдите из учётной записи администратора или откройте сайт в режиме инкогнито. На главной странице должен показываться ваш шаблон обслуживания.
• Откройте /wp-admin — вы останетесь в админке и сможете вносить изменения.
• Проверьте страницы с кэшированием и CDN, убедитесь, что они не мешают отображению.

Критерии приёмки

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

Отладка распространённых ошибок

Проблема: по‑прежнему видна стандартная страница WordPress

• Проверьте, переименовали ли вы файл в wp-maintenance-mode.php.
• Убедитесь, что файл загружен в папку wp-content, а не в корень сайта или другую папку.
• Очистите кэш браузера и CDN.

Проблема: страница ломается из‑за CSS или JS

• Уберите лишние внешние скрипты или переместите их внутрь условной обёртки, чтобы они не мешали отображению.
• Для теста используйте минимальный CSS и постепенно добавляйте стили.

Если плагин не видит файл

• Проверьте регистр имени файла и кодировку; на некоторых хостах важен регистр символов.
• Проверьте логи сервера на ошибки PHP.

Контент страницы: что писать

• Короткое заглавие: «Мы на техническом обслуживании» или «Сайт временно недоступен».
• Краткое объяснение: одна‑две строки о том, что происходит.
• Сроки и ожидания: укажите, когда планируете вернуться, если известно.
• Контакты: почта, ссылка на страницу поддержки или соцсети.
• При необходимости — ссылка на альтернативные ресурсы.

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

Роли и чеклист перед включением режима обслуживания

Владелец сайта:

• Подтвердить сроки простоя и уведомить команду.
• Сохранить резервные копии перед сложными обновлениями.

Разработчик:

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

Маркетолог / Контент-менеджер:

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

Общий чеклист перед переключением

• Резервная копия готова.
• Шаблон загружен в wp-content и переименован в wp-maintenance-mode.php.
• Логотип и фон загружены и доступны по относительным путям.
• Кэш и CDN настроены для обновления.

Критерии завершения работ

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

Дополнительные рекомендации и сочетания практик

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

Фактическая краткая памятка

• Файл: wp-maintenance-mode.php в папке wp-content.
• Плагин: WP Maintenance Mode от Frank Bültge.
• Проверки: мобильная версия, инкогнито, кэш.

Примеры, когда этот подход не подходит

• Если вы обновляете структуру базы данных и требуется полная изоляция процесса, лучше проводить работы на staging‑сайте и затем деплоить на живой сайт.
• Если у вас распределённая инфраструктура с несколькими серверами и балансировщиком, ручная замена файла на одном сервере не остановит трафик на других — применяйте централизованный подход на уровне CDN или балансировщика.

Короткая методология внедрения

1. Подготовьте шаблон и ресурсы локально.
2. Сделайте резервную копию сайта.
3. Переименуйте файл и загрузите в wp-content.
4. Установите и активируйте плагин, включите режим обслуживания.
5. Тестируйте и работайте. По завершении отключите режим и очистите кэш.

Шаблон уведомления для посетителей (готовый текст)

Мы временно проводим технические работы.

Мы скоро вернёмся. Спасибо за терпение. Если вам нужна срочная помощь, напишите на email@example.com.

Краткое резюме

Кастомная страница обслуживания улучшает впечатление от сайта и сохраняет лояльность пользователей во время простоя. Процесс включает создание HTML-шаблона, установку плагина WP Maintenance Mode, загрузку файла в wp-content и тестирование в браузерах и на мобильных устройствах.

Важно

• Регулярно проверяйте отображение на мобильных устройствах.
• Учитывайте кэш и CDN при обновлении ресурсов.

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