Създаване на страници „Coming Soon“ и „Maintenance“ в WordPress

Всеки интернет потребител е срещал уеб страници с подобно съдържание: Coming Soon (Очаквайте скоро), Under Construction (Обновяване) или Maintenance Mode (Профилактика). Накратко, това са служебни страници, които информират посетителя, че сайтът временно е недостъпен и дават допълнителна информация относно времето за възстановяване на нормалната му работа.

Обикновено тези страници не зареждат секциите за навигиране (меню с линкове и footer). Тяхната цел е да се покаже причината, поради която потребителят не открива сайта. За този тип страници много разпространени дизайн елементи са таймери с обратно броене до пускането на сайта и имейл формуляри за събиране на имейл адреси, на които ще се изпрати съобщение при пускането на сайта.

Когато WordPress сайтът е в режим на профилактика (maintenance mode) посетителите ще имат достъп до само една специална страница от него. Докато администраторът на сайта може да достъпва целия сайт и администрацията му.

Има ли разлика между режимите Coming soon и Maintenance?

Обикновено страницата Coming Soon се програмира да връща HTTP статус 200, което позволява сайтът да бъде индексиран от търсещите машини. Всъщност, ползата от индексиране на Coming Soon страница не е голяма и по-скоро инвестирането в плъгин за създаването на този тип страница е неоправдано. Естествено след активиране на сайта, индексираната Coming Soon страница ще връща грешка 404 Not Found защото вече не е активна. Тези страници не са предназначени да бъдат онлайн продължително време.

В режим Maintenance страницата връща статус код 503 Service Unavailable, който информира търсещите машини да направят ново индексиране по-късно.

Служебните страници от типа Coming Soon и Maintenance Mode имат място в екосистемата на всеки сайт, за да предоставят кратка, ясна информация за текущото състояние на сайта и да отговорят на въпроса: „Кога сайтът ще бъде достъпен за посетители?“.

В статията ще ви покажем няколко начина, по които може да създадем собствена страница Coming Soon:

Създаване на страница Coming Soon с WordPress плъгин (WP Maintenance Mode);
Активиране на страница Coming Soon с добавяне на код в functions.php;
Активиране на страница Coming Soon с добавяне на код в .htaccess;
Активиране на страница Coming Soon с вградената функционалност на WordPress за режим на профилактика.

Плъгин WP Maintenance Mode

WP Maintenance Mode е един от многото плъгини, които ще намерите в официалната директория с плъгини за WordPress. С него можете да активирате режим на профилактика за сайта.

Плъгинът има допълнителни опции като редактиране на съобщението на страницата, добавяне на допълнителни компоненти в нея като контактна форма, форма за абонамент, индикатори за обратно броене до пускането на сайта и други.

Някои от опциите може да Ви помогнат да задържите посетителите и да запазите техния интерес в сайта, като използвате например формата за абонамент.

След като инсталирате плъгина WP Maintenance Mode, можете първо да извършите настройките на външния вид на страницата, която ще се показва на всички посетители (които не са логнати в сайта).

Настройките на плъгина в администрацията - Settings » WP Maintenance Mode. — Настройките на плъгина в администрацията – Settings » WP Maintenance Mode.

General

Активиране/деактивиране на режима на профилактика.

В раздел General ще откриете следните настройки.

Status – активирано / деактивирано;
Bypass for Search Bots – да се разреши ли на ботовете на търсещите машини да заобиколят режима на профилактика;
Backend Role – коя потребителска роля е разрешена за достъп до администрацията на сайта (Администраторите винаги имат достъп);
Frontend Role – коя потребителска роля е разрешена за достъп до публичната част на сайта (Администраторите винаги имат достъп);
Robots Meta Tag – менюто предоставя опция за индексиране (index, follow) или да не се индексира (noindex, nofollow) страницата от роботите на търсещите машини;
Redirection – опция за пренасочване на потребители при логване;
Exclude – изключване на емисии, страници, архиви или IP адреси от режим на профилактика, като добавяме по един slug/IP адрес на ред;
Notice – избираме дали да виждаме съобщение, когато е активиран режимът на профилактика;
Dashboard link – от тук може да се добави линк към администрацията на сайта на страницата за профилактика.

След като активирате режима (Activated), запишете промените със Save changes. При промяна по различните табове, записвайте промените за всеки таб.

Design

Редактиране на съобщението за профилактика.

Title (HTML tag) – въвеждане на заглавие на HTML страницата, което ще се визуализира в раздела на браузъра;
Heading – въвеждане заглавие, което ще се визуализира в уеб страницата;
Text – въвеждане текста на съобщението;
Background – избиране в менюто тип на фона между опциите цвят (Custom color), изображение от Media library (Uploaded background) и избиране на изображение от плъгина (Predefined background).
Upload background – избиране изображение от Media library с препоръчителни размери 1920×1280 пиксела.

След извършване на промени по дадена страница в настройките, записвайте промените със Save settings.

Modules

Добавяне на допълнителни модули към страницата за профилактика - брояч, абонаментна форма, контактна форма, препратки към социалните мрежи и Google Analytics проследяващ код. — Добавяне на допълнителни модули към страницата за профилактика – брояч, абонаментна форма, контактна форма, препратки към социалните мрежи и Google Analytics проследяващ код.

Раздел Modules дава възможност за управление на различни секции, които може да се добавят на страницата.

Countdown – приложение за обратно броене.

Show countdown? – активиране / деактивиране брояча;
Start date – въвеждане текущите дата и час;
Countdown (remaining time) – посочване времето, което остава до възстановяване на страницата;
Color – избор на цвят на цифрите.

Subscribe – формуляр за регистриране.

Show subscribe? – активиране / деактивиране на формуляра;
Text – въвеждане на етикет, който се зарежда над формуляра;
Stat – плъгинът създава списък с абонатите, който може да изтеглим като файл в CSV формат. Изтриване съдържанието на списъка като кликнем бутона Empty subscribers list.

Social Networks – връзки към социални медии.

Show social networks? – активиране / деактивиране връзките към акаунти в социалните медии;
Links target? – определяне дали страниците да се отварят в текущия (Same page) или в нов прозорец (New page);
в полетата се въвеждат URL адресите на акаунтите, към които да има връзка – Github, Dribbble, Twitter, Facebook, Instagram, Pinterest, Google+, Linkedin;

Contact – показва бутон за отваряне на формуляр за контакт.

Show contact? – активиране / деактивиране формуляра за контакт;
Email address – въвеждане имейл адрес, на който се получават изпратените съобщения;
Effects – дизайн ефекти на бутона.

При кликане на бутона се зарежда формуляр, в който посетителите въвеждат име, имейл адрес и съобщение. При изпращане на съобщение, в контактната поща получавате писмо с тема Message via contact и изпратеното съдържание.

Manage Bot

WP Maintenance Mode ни дава възможност да се ползва рядко срещана оригинална възможност за кратка интерактивна комуникация с посетителите, при която те може да оставят свой имейл адрес за бъдещ контакт.

Status – активиране / деактивиране приложението Manage Bot;
Bot Name – избираме име на нашия робот;
Upload avatar – избираме аватар за нашия робот.

Следващите полета съдържат разговора между робота и посетителя. Ако желаете разговора да бъде по-кратък може да пропуснете дадено поле.

На страницата, интерактивната чат сесия се зарежда вместо информацията, която въвеждате в раздел Design.

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

Хей! Моето име е {bot_name}, собственик съм на този уебсайт и бих искал да бъда ваш помощник.

Имам само няколко въпроса.

Как се казваш?

Въведете името си тук ...

Приятно ми е да се запознаем тук, {visitor_name}!

Както виждаш, нашият уебсайт ще бъде стартиран много скоро.

Знам, развълнуван си да го видиш, но имаме нужда от още няколко дни, за да го завършим.

Желаеш ли да си от първите посетители?

Кажи ми още | Достатъчно

Добре! Остави ми имейла си и аз ще ти изпратя съобщение, когато сме готови.

Въведете имейла си тук ...

Съжалявам да чуя това, {visitor_name} :( Ще се видим следващия път ...

Разбрах! Благодаря и скоро ще се видим тук!

Приятен ден!

За да запазите съдържанието на чат сесията, кликнете бутона Save settings. При желание да възстановите оригиналното съдържание (на английски език) кликнете на бутона Reset settings.

GDPR – настройки за обработване на лични данни и връзка към страницата с политика за поверителност.

Status – активиране / деактивиране политика на поверителност (препоръчаме да се активира, тъй като на страницата обработваме лични данни на посетители);
Link name – етикет на връзката към страницата с политиката за поверителност;
P. Policy page link – slug (подходящо име за URL адрес на страница) на страницата с политиката за поверителност (обикновено privacy-policy). Важно: slug името на страницата трябва да бъде въведено в полето Exclude на раздел General.
Contact form ‘tail’ – съдържание на съобщението, което се зарежда под формуляра за контакт, когато същият е активиран;
Subscribe form ‘tail’ – съдържание на съобщението, което се зарежда под формуляра за регистрация, когато същият е активиран.

Активиране режим на профилактика през functions.php файл

Режимът на профилактика може да се активира чрез редакция на файловете на темата.

Бележка: В случай че искате да извършвате промени по компонентите на дизайна, използвайте child тема, вместо да променяте кода във файловете на основната тема.

Във файла functions.php с функционалности на темата може да се постави следния код:

function maintenance_mode() {
      if ( !current_user_can( 'edit_themes' ) || !is_user_logged_in() ) {
wp_die('Maintenance.', 503);
}
}
add_action('get_header', 'maintenance_mode');

Можете да промените текста на съобщението, като редактирате съдържанието на реда wp_die('Maintenance.');.

Например можете да поставите HTML тагове и стил към текста:

wp_die('<h1 style="color:red">The website is in Maintenance.</h1><br />We will be back on-line very soon. Check back later!' , 503);

Статус кодът, който ще се подава към ботовете на търсачките, при достъп до сайта, е 503 (Service Unavailable). Този статус код индикира на ботовете, че сайтът в момента е недостъпен и трябва да опитат да го обходят отново след време.

Страницата и съобщението за профилактика.

В същото време логнат администратор може да отстрани проблемите в работата на сайта. Изтриването на кода от functions.php възстановява нормалната функционалност на сайта.

За да деактивирате режима за профилактика, можете да премахнете поставения код във файла на темата или да закоментирате реда с add_action.

Активиране режим на профилактика през .htaccess файл

Чрез пренаписващи правила в .htaccess файла можете да ограничите достъпа до сайта за всички, освен Вашия IP адрес и да ги пренасочите към предварително създадена друга страница.

В .htaccess файла на сайта може да поставите следните редове:

RewriteEngine On
RewriteBase /
RewriteCond %{REMOTE_ADDR} !^12\.345\.67\.89
RewriteCond %{REQUEST_URI} !^/maintenance\.html$
RewriteRule ^(.*)$ https://mysupersite.com/maintenance.html [R=302,L]

12\.345\.67\.89 – заменете цифрите с тези на Вашия IP адрес;

За да добавите още разрешени IP адреси, добавяйте по един нов ред:

RewriteCond %{REMOTE_ADDR} !^12\.456\.78\.9

Статус кодът, който ще се подава към ботовете на търсачките е 302 (Temporary), който означава временно пренасочване.

Предварително трябва да създадете файла maintenance.html. В него може да има HTML код за страницата.

За да деактивирате режима на профилактика, можете да премахнете тези редове от htaccess файла или да ги закоментирате.

Вградената функционалност на WordPress за режим на профилактика

Вградената функционалност за поставяне на сайта в режим на профилактика се активира и деактивира автоматично при обновяване на системата, плъгините и темата. Тази функционалност не предлага възможност за настройка през администрацията на WordPress.

Страницата за профилактика, която се показва при ъпдейт на системата, темата, плъгните.

Тази вградена функционалност използва файла .maintenance, поставящ се автоматично и временно в директорията на сайта. В случай че сте извършили ъпдейт, но сайтът все още показва страницата за профилактика, проверете за наличието на този файл и ако го намерите в директорията може да го премахнете.

Възможно е да активирате режима за профилактика ръчно, като ще е нужно да създадете файла .maintenance в директорията на сайта.

Временният файл за активиране на режима.

В този файл трябва да се постави следното съдържание:

<?php $upgrading = time(); ?>

Бележка: Този начин за поставяне на сайта в режим на поддръжка не се препоръчва, ако смятате той да продължи дълго време. Също така за WordPress това е временен файл, който може да премахне след като получи потвърждение за завършен ъпдейт.

Съобщението по подразбиране, което се показва в този режим, може да се променя, за да се подобри стила и визията му. За целта ще е нужен файл maintenance.php, поставен в wp-content директорията.

Файлът maintenance.php се използва за стандартното съобщение за профилактика.

Можете да поставите в него PHP и HTML код. При активиране на режима, WordPress ще провери за наличието на този файл, ако не е наличен ще показва стандартното съобщение.

Когато сайтът е в този режим, той подава съобщение 503 (Sevice Unavailable). Този статус код се възприема от ботовете на търсачките като временна недостъпност на сайта, и ще опитат да обходят сайта отново след време.

Обновена: 06.04.2022

Беше ли Ви полезна тази статия?

Yes No