Podczas wrzucania nowej strony na serwer możesz chcieć ukryć ją przed innymi. Z pewnością nie będziesz chciał, by ludzie widzieli Twoją niegotową, będącą jeszcze w fazie produkcji stronę. Sytuacja może także zaistnieć na gotowej działającej już stronie, podczas wprowadzania zmian lub poprawek. Korzystając z WordPressa, możesz użyć gotowej wtyczki. W artykule tym przedstawię jeszcze inny sposób, który z powodzeniem zastosujesz do stron opartych o inny CMS lub do stron statycznych.

Strona w budowie – wtyczka do WordPressa

Wtyczek ukrywających zawartość strony jest wiele. Polecam jednak wtyczkę autorów SeedProd: Coming Soon Page, Under Construction & Maintenance. Plugin jest prosty w obsłudze i posiada wiele opcji pozwalających na stylizację „zaślepki”. Po instalacji i aktywacji wtyczki pojawi się dodatkowa pozycja SeedProd w menu głównym.

Wersja PRO dostarcza gotowe motywy SeedProd -> Motywy. Ja jednak pokażę, w jaki sposób wystylizować stronę korzystając z darmowej wersji. Wchodzimy w SeedProd -> Ustawienia. U góry pojawi się menu. Nas interesować będą dwie zakładki: Zawartość oraz Wygląd.

W zakładce Zawartość w sekcji Ogólne włącza się lub wyłącza zaślepkę. Do wyboru są dwa tryby: konserwacji oraz wkrótce. Pod spodem mamy opis: strona w trybie Wkrótce będzie dostępna dla wyszukiwarek, natomiast tryb konserwacji sprawi, że strona stanie się dla nich niedostępna.

Kolejna sekcja Ustawienia strony pozwala dodać logo oraz treść do strony zaślepki. Do dyspozycji mamy edytor, z poziomu, którego możemy wstawić m.in. zdjęcie, link, listy. Polecam oprócz tekstu „Strona w budowie” dodać np. linki do mediów społecznościowych lub adres e-mail. Jeśli masz sprecyzowaną datę uruchomienia strony, to także ją podaj.

Możemy odwdzięczyć się autorom wtyczki poprzez wstawienie stopki informującej, kto ją wykonał (Powered By SeedProd).

W sekcji „Nagłówek” ustawia się tytuł i opis dla wyszukiwarek. Dodatkowo możemy podpiąć Google Analytics, by śledzić, ile osób odwiedza naszą stronę będącą w trybie konserwacji.

W drugiej zakładce Wygląd wystylizujesz swoją „zaślepkę”. W sekcji Tło zmienisz kolor tła lub ustawisz obrazek w tle. Dodatkowo można dodać przyciemniającą nakładkę. W sekcji Zawartość zmienisz szerokość maksymalną treści. Domyślnie wynosi ona 600px. W sekcji Tekst ustawisz kolor oraz krój czcionki. Ostatnia sekcja Szablon pozwala na dodanie własnych reguł CSS do strony zaślepki.

Ukrycie niegotowej witryny poprzez reguły w pliku .htaccess

Ta metoda sprawdzi się w przypadku każdej strony niezależnie od tego, na jakim CMS jest wykonana. Polega ona na dodaniu reguł do pliku .htaccess. Reguły te umożliwiają dostęp do strony z określonego adresu IP. Oczywiście można umożliwić dostęp dla kilku IP (np. Twojego IP oraz Twojego Klienta).

Tu się dowiesz, czym jest plik .htacess oraz jak go utworzyć.

Do pliku .htaccess dodaj poniższy kod. W miejscu xxx.xxx.xxx.xx wpisz swój adres IP. Swój adres IP możesz sprawdzić na tej stronie: https://www.moje-ip.eu. Plik .htacess należy umieścić w głównym folderze ze stroną.

<Limit GET POST PUT>
order deny,allow
deny from all
allow from xxx.xxx.xxx.xx
</Limit>