1. Навіщо потрібна заглушка для сайту на час розробки або реконструкції
2. Віртуальний хостинг сайтів для популярних CMS:
3. Створення заглушки без допомоги плагіна - як закрити сайт від сторонніх
4. Заглушка Вордпресс за допомогою плагіна WP Maintenance Mode
5. Налаштування заглушки WordPress за допомогою плагіна Maintenance

Буває, що вам необхідно внести зміни в структуру сайту, які зажадають деякого часу для реалізації. При цьому ви не хочете, щоб відвідувачі бачили сторінки сайту в недопрацьованому стані. Правильним рішенням в цьому випадку буде закрити сайт сторінкою-заглушкою, яка поінформує користувачів, що на сайті проводяться технічні роботи.

Навіщо потрібна заглушка для сайту на час розробки або реконструкції

Заглушка - це тимчасова домашня сторінка, що повідомляє відвідувачам, що ваш сайт знаходиться в розробці. На сторінці-заглушці, як правило, відсутня навігація, тому користувачі не зможуть перейти до інших сторінок сайту. Ви можете залишити повідомлення для відвідувачів, вказавши контактні дані та орієнтовну дату роботи сайту, щоб вони повернулися пізніше.

Заглушку можна ставити не тільки на існуючий сайт під час технічних робіт, але і для нового сайту, який поки ще перебуває в процесі розробки, для того щоб не відкривалася порожня сторінка або не виводилася помилка сервера. Основні цілі використання сторінки-заглушки:

• приховати сайт від відвідувачів, поки він знаходиться в недопрацьованому стані;
• проінформувати цільову аудиторію на початковому етапі розробки сайту;
• закрити доступ до контенту на час проведення технічних робіт;
• відображати контактну інформацію компанії під час розробки сайту.

Сторінка-заглушка налаштовується на розсуд власника сайту. Ви можете просто вибачитися перед відвідувачами і вказати спосіб зв'язку з адміністрацією. Додайте іконки соціальних мереж, щоб користувачі підписувалися на поновлення, або додайте переадресацію на новинні розділи і архівну інформацію компанії.

Віртуальний хостинг сайтів для популярних CMS:

Щоб не втратити цільову аудиторію сайту в період технічних робіт, корисно оснастити заглушку спеціальним полем підписки на повідомлення по електронній пошті або формою зворотного зв'язку для контакту з потенційними клієнтами. Для комерційних сайтів краще зробити хоча б одну сторінку про компанію замість повішеною на півроку заглушки, особливо якщо розробка сильно затягується.

Створення заглушки без допомоги плагіна - як закрити сайт від сторонніх

Будь-які плагіни гальмують завантаження сайту, тому в деяких випадках оптимальним виявиться створення заглушки без їх використання. Технічно цей процес являє собою переадресацію відвідувачів на сторінку-заглушку. Налаштування перенаправлення вимагає внесення змін до коду файлу .htaccess. Цей спосіб не залежить від системи управління контентом, на якій встановлено сайт, і підійде для всіх серверів з Apache.

1. Встановити з'єднання із сервером хостингу через файловий менеджер. У кореневій директорії сайту знайдіть файл .htaccess.
2. Відкрийте файл .htaccess в режимі редагування коду і знайдіть розділ WordPress між програмними дужками #BEGIN і #END (рядки 8-26 на скріншоті). Після інструкції RewriteEngine On (рядок 10) додайте в код рядка 12-17. Рядки 13 і 14 будуть потрібні тільки в разі, коли доступ до сайту можливий з кількох IP-адрес, при цьому потрібно підставити саме ваші значення. В іншому випадку приберіть ці IP-адреси з коду і залиште тільки локальний хост 127.0.0.1 (рядок 12).
3. Збережіть виправлений файл .htaccess в корені сайту і туди ж додайте сторінку перенаправлення maintenance.html, на якій вкажіть всю необхідну інформацію. Всі користувачі, які прийшли з IP-адрес, які відрізняються від зазначених у файлі, будуть перенаправлені на сторінку-заглушку.

Заглушка Вордпресс за допомогою плагіна WP Maintenance Mode

Плагін для створення заглушки WP Maintenance Mode знаходиться в офіційному репозиторії WordPress: https://wordpress.org/plugins/wp-maintenance-mode/ . При активації плагіна включається режим проведення технічних робіт на сайті, і тільки користувачі з достатніми правами зможуть використовувати зовнішній інтерфейс.

З особливостей плагіна WP Maintenance Mode можна відзначити:

• Настроюється колір шрифту і довільний фон;
• Наявність форми підписки для повідомлення про роботу сайту, дані при цьому експортуються в CSV-файл;
• Таймер зворотного відліку часу, який залишився до запуску сайту в роботу;
• Чуйний (адаптивний) дизайн;
• Підтримка Лендінгем і багатосторінкових сайтів;
• Іконки соціальних мереж;
• Виняток певних URL з обслуговування.

До мінусів можна віднести відсутність іконок популярних російськомовних соціальних мереж. Крім того, WP Maintenance Mode може функціонувати нестабільно, якщо для сайту включено кешування сторінок. Тому перед активацією плагіна рекомендується відключити режим кешування.

Встановіть плагін WP Maintenance Mode і увімкніть її, після цього в адмінці WordPress в меню «Налаштування» з'явиться пункт «Технічне обслуговування», в якому розташовуються 3 вкладки для управління настройками плагіна.

На вкладці «Загальні» переведіть статус заглушки в стан «Включено». За бажанням можна відключити індексування сайту пошуковими роботами на час технічних робіт або проставити метатеги. Вкажіть користувачів, які матимуть доступ до сайту і панелі управління. За замовчуванням доступ завжди надано для адміністраторів.

Можна задати адресу сторінки, куди будуть перенаправлятися користувачі, які не мають доступу до сайту, і вказати винятки, наприклад, дозволити доступ до новин або архівному розділу сайту. При необхідності активуйте нагадування про включений режим заглушки і додайте посилання для входу в адмінку. Натисніть кнопку «Зберегти налаштування» перш ніж перейти до інших вкладках.

Вкладка «Дизайн» налаштовує візуальне відображення сторінки-заглушки.

1. Введіть назву та заголовок сторінки в відповідні поля.
2. У вбудованому міні-редакторі наберіть потрібний текст, який буде виводитися на сторінку-заглушку. Для заголовка і тексту можна поміняти колір шрифту.

Фон для сторінки вибирається з попередньо встановлених зображень або дозволяється завантажити власну картинку розміром 1920x1080 пікселів. Збережіть налаштування, щоб застосувати їх на сторінку-заглушці.

На вкладці «Модулі» на сторінку-заглушці можна підключити додаткові функціональні модулі. Увімкніть відображення таймера зворотного відліку, якщо хочете, щоб відвідувач знав, коли сайт буде доступний. Для зацікавлених клієнтів активуйте форму підписки на повідомлення про роботу сайту.

Якщо на сайті є прив'язка до соціальних мереж, можна включити відображення кнопок і переадресацію для них. Доступні тільки популярні західні соцмережі: Facebook, Pinterest, Google+, Linkedin, Twitter, Dribble.

Допускається відображення форми зворотного зв'язку з кнопкою «Зв'яжіться з нами» для контакту з відвідувачами. SEO-настройка плагіна дозволяє використання Google Analytics.

Так буде виглядати сторінка-заглушка з довільним фоном, налаштованим таймером і формою підписки на повідомлення про роботу сайту.

Зверніть увагу, що при деактивації плагіну режим технічних робіт не вимикається автоматично. Для відновлення роботи сайту зайдіть в налаштування плагіна і на вкладці «Загальні» виберіть опцію «Відключено».

Налаштування заглушки WordPress за допомогою плагіна Maintenance

Ще один популярний плагін Maintenance для створення заглушки сайту розташований в офіційному репозиторії WordPress за адресою: https://wordpress.org/plugins/maintenance/ .

Плагін дозволяє закрити сайт на технічне обслуговування, включити 503-ї відповідь сервера «Сервіс тимчасово недоступний», встановити тимчасову сторінку з авторизацією, яка редагується за допомогою налаштувань. Безкоштовна версія плагіна включає:

• Retina-ready HTML / CSS макет;
• Редакція фон з налаштованим ефектом розмиття;
• Завантаження власного логотипу;
• Налаштування футера сторінки-заглушки;
• Настроюються шрифти і фон;
• Вхід користувачів і панель адміністратора прямо зі сторінки-заглушки;
• Генерація сервером помилки 503;
• Підключення Google Analytics;
• Виняток URL з обслуговування.

Преміум-версія додатково включає таймер зворотного відліку, галерею фонів, іконки соціальних мереж, можливість установки фонового відео з галереї або з Youtube / Vimeo і форму підписки на розсилку новин по електронній пошті.

Встановіть плагін Maintenance і увімкніть її. В меню адмінки WordPress з'явиться пункт з такою ж назвою для настройки заглушки.

1. Активуйте режим заглушки перемикачем On / Off.
2. Задайте назву та заголовок сторінки-заглушки.
3. У міні-редакторі наберіть текст, який буде відображатися для відвідувачів.

У підвалі сторінки-заглушки зручно вказати контактні дані для зв'язку. Виберіть картинку логотипу і завантажте її у відповідному полі, дозволяється регулювати розмір відображуваного логотипу. Для Retina-екранів можна задати альтернативне зображення підвищеної чіткості.

У безкоштовної версії доступний тільки один вбудований фон, але ви можете завантажити власне зображення. Вкажіть сімейство шрифтів і задайте колір тексту на сторінці-заглушці.

За бажанням можна відображати панель адміністратора на заглушці і підключити модуль Google Analytics. Для фону дозволяється задати ефект розмиття і регулювати його інтенсивність.

При необхідності плагін допускає використання власних CSS-стилів для відображення сторінки-заглушки. Ви також можете вказати, які сторінки сайту потрібно виключити з режиму технічного обслуговування. Для застосування налаштувань натисніть кнопку «Зберегти».

Так виглядає заглушка, створена плагіном Maintenance із застосуванням логотипу і футера.