
Привет!
Радостно сообщаем, что у нас проходит ребрендинг — мы изменили имя компании, создали фирменный стиль и дизайн сайта. Сейчас этот самый дизайн уже активно внедряем.
Так вот, идея поста навеяна именно этими глобальными изменениями. Наш новый домен уже активно продвигается, а это значит, что при переходе по адресу sphinx-it.ru — нужно отдавать хоть какую-то визуальную часть с базовым функционалом. Сайт работает также на WordPress. Заглушка позволяет хотя бы минимально сконвертить пусть небольшой, но трафик.
Текущий же сайт seo-bility.ru пока функционирует в обычном режиме, мы своевременно наполняем блог исчерпывающими и качественными публикациями, занимаемся технической поддержкой и лайтовым продвижением. Судьбу проекта и домена пока не решили — либо сделаем постраничный редирект, либо выставим на продажу. Во втором случае за новым владельцем остаётся весь контент и наработки, а также в качестве бонуса нереализованный план работ по проекту, включая тз (если есть желающие купить вот этот вот сайт по себестоимости — welcome на seo.bility@yandex.ru).
Итак, заглушка ВордПресс: как её создать, настроить и использовать? Не теряя трафика, разумеется.
Чтобы заблаговременно начать анонсировать новый интернет-проект необходимо не только купить домен, но и поставить заглушку, чтобы при заходе по адресу браузер не выдавал сообщения о недоступности или баннера хостера.
Столкнулись с таким мы впервые, перебрали и настроили множество плагинов, но смогли найти тот, который подошёл под все наши требования. Имя ему WP Maintenance Mode.
Скачиваем и устанавливаем расширение (как это сделать мы подробно описали в статье для портала vc.ru — плюсуйте и добавляйте в закладки).
Подробно остановимся на его функционале и настройках.

Работа плагина WP Maintenance Mode для заглушки
Надстройка после активации выдаёт код ответа 503, что значит Service Unavailable («сервис недоступен») — статус, что на сайте ведутся технические работы. Модуль формирует статическую картинку-заставку, что сайт временно не работает.
Здесь важно обратить внимание, что настроенную заглушку вы увидите только тогда, когда не авторизованы в админ-панели. Если же залогинены, то увидеть все действия после сохранения из админки WP не удастся — придётся пользоваться двумя браузерами. Но это, пожалуй, единственный его крупный недостаток.
Фото нашего сайта при авторизации в системе управления ВордПресс — базовый шаблон.
Заказать услугу продвижения с оплатой по трафику.

Настройка WP Maintenance Mode
Пункт управления находится в левом вертикальном меню: “Настройки” -> “WP Maintenance Mode”. При переходе видим окно с пятью вкладками “Общие”, “Дизайн”, “Модули”, “Управление ботом” и “GPDR”.

Общие настройки
Активируем статус плагина в режиме “Включено”, но запрещаем индексацию сайта роботами — режим “Нет”.
Строки с доступами мы не заполняем — у нас один ответственный по работе над сайтом, одновременно с ним никто не работает.
Мета-тег для роботов прописываем как noindex, nofollow, он совпадает с нашим нежеланием индексирования сайта роботами, который был выше.
Далее мы ничего не настраиваем специально, разве что убираем напоминание при заходе в админку, что на сайте тех. работы — “Предупреждение”.

Дизайн заставки в пользовательском интерфейсе
Прописываем название в теге HTML, заголовок и текст сообщения. Выбираем цвета.
Загружаем подготовленную картинку в качестве фона для текста. Сохраняем.

Модули и фишки
Нужен ли вам обратный отсчёт до запуска сайта? Нам — нет, мы не торопим специалистов и помпезного открытия с перерезанием ленточки устраивать не будем.
Форма подписки: у нас она отключена, т.к. не нравится её визуальное отображение на заглушке. Но в процессе написания статьи открыли и протестировали — работает исправно. Как только пользователь оставил свой ящик появляется кнопка статистики с выгрузкой мэйлов всех неравнодушных в скачиваемый документ формата .csv.

Фотография скачанного документа с базой e-mail’ов.

Выводим кнопки социальных сетей (Vk и Ok отсутствуют, зато есть устаревшие и покрытые плесенью Google+ и Linkedin).

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

Подключение системы аналитики от Google уже по желанию — у нас стоят счётчики, но для вас привяжем и заскриним.

Чат с ботом
Настроим интерактив с пользователями по нашей подробной фото инструкции.



Настройку диалога стоит оттестировать “наживую” — смотрим сайт и если что-то не так, правим в админке.
Готовый диалог вы можете посмотреть на sphinx-it.ru (только на время работы плагина с заглушкой).
Вкладка GPDR
General Data Protection Regulation означает общие положения о защите данных. Поскольку мы собираем данные о посетителях, мы активировали эту функцию. После завершения сохраняем настройки и переходим на сайт.
Настраиваем вывод кнопки с Политикой.

Ссылка на эту страницу автоматически появляется в форме обратной связи.
Мы же в дальнейшем от вывода ссылки с документом решили отказаться.

В процессе настройки всплывают те или иные недочёты, которые необходимо править в шаблоне или стилях, но для базовой настройки этого мануала вполне хватает с избытком.
Читайте также:
Great content! Super high-quality! Keep it up! 🙂
Нет необходимости менять диапазон для всех блоков. Настройку можно сделать только для тех блоков, где неудачно обрезается фотография, или если выбранный блок не подходит для мобильной версии. Рассмотрим, как настроить мобильную версию обложки, на которой текст выровнен по левому краю, а на фотографии значимый объект расположен справа.