Jak wygenerować statyczną stronę z WordPressa za pomocą Staatic – Static Site Generator

Kilka lat temu WPLift opublikował artykuł zatytułowany „Jak korzystać z generatora stron statycznych WordPress, aby WordPress stał się statyczny”. W tym artykule wykorzystano wtyczkę WP2Static jako przykład.

WP2Static został przejęty przez Strattic. Nie jest już dostępny w katalogu wtyczek WordPress, chociaż nadal można go uzyskać za pośrednictwem witryny wtyczek.

Jednak chociaż Strattic ogłosił, że będzie nadal utrzymywać i wspierać WP2Static, jest konkurencyjną i komercyjną firmą hostingową WordPress. Dlatego przyszłość wtyczki wygląda raczej przypadkowo.

Na szczęście dostępna jest teraz świetna alternatywa – Staatic – i dziś się na niej skupię. Więc wskoczmy od razu.

Co to jest witryna statyczna?

Podsumowując, jeśli nie przeczytałeś powyższego artykułu, statyczna witryna WordPress używa treści statycznej, a nie dynamicznej. Minimalizuje to zużycie zasobów serwera, co prowadzi do niesamowicie szybkiego czasu ładowania strony. Co więcej, statyczne strony internetowe są mniej podatne na złośliwe ataki niż ich dynamiczne odpowiedniki.

Możesz korzystać ze statycznych witryn, jeśli rzadko wprowadzasz zmiany w swojej witrynie i nie opiera się ona na zawartości dynamicznej (np. sklepy WooCommerce), w której rzeczy ciągle się zmieniają.

Witryny statyczne są świetne do takich rzeczy jak:

• Portfele podstawowe
• CV online
• Strony internetowe typu broszury używane przez strony ślubne, małe firmy, takie jak konsultanci itp.
• Podstawowe blogi

Witryny zbudowane przy użyciu WordPressa są dynamiczne, ale konwersja na statyczną jest łatwa dzięki wtyczce takiej jak Staatic. Przekonwertowana witryna będzie składać się z zasobów HTML, obrazów, skryptów itp., ale z usuniętymi WordPress i PHP. W rezultacie strony żądane z Twojej witryny są wyświetlane natychmiast, eliminując potrzebę ich generowania w locie.

Pamiętaj, że jeśli Twoja witryna WordPress używa wtyczek wymagających dynamicznych funkcji po stronie serwera (takich jak formularze i wyszukiwania), nie będą one działać w witrynie statycznej. Obejściem tego problemu jest zmodyfikowanie witryny statycznej w celu emulacji wtyczki lub uaktualnienie do planu premium Staatic, który zawiera funkcje łagodzące ten problem.

Kluczowe cechy Staatic

Biorąc pod uwagę oryginalny artykuł WPLift, o którym wspomniałem powyżej, skupiał się na bezpłatnej wersji WP2Static, myślę, że to sprawiedliwe, że trzymam się równoważnej wersji Staatic dla tego artykułu.

Kontynuacja artykułu poniżej

W swojej bezpłatnej postaci Staatic oferuje następujące kluczowe funkcje:

• Potężny robot, który pozwala na szybką transformację Twojej dynamicznej witryny WordPress na statyczną
• Wiele metod wdrażania – na przykład Netlify, Amazon Web Services S3, CloudFront, serwer lokalny (hosting dedykowany lub współdzielony) itp.
• Obsługiwane są dodatkowe adresy URL, ścieżki, przekierowania i reguły wykluczania
• Przekierowania HTTP, niestandardowa strona „404 nie znaleziono” i inne nagłówki HTTP
• Opublikuj z wiersza poleceń za pomocą polecenia CLI
• Kompatybilny z WordPress MultiSite i instalacjami WordPress zabezpieczonymi podstawowym uwierzytelnianiem HTTP

Oczywiście wersja premium Staatic zawiera znacznie więcej funkcji i omówię to później. Jednak darmowa wersja jest idealnym punktem wyjścia dla początkujących do statycznego tworzenia witryn WordPress.

Instalowanie i konfigurowanie statyczne

Po pierwsze, zdecydowanie sugeruję zapoznanie się z dokumentacją wtyczki, która zawiera szczegółowe instrukcje dotyczące tego, co należy zrobić, aby zainstalować, skonfigurować i używać Staatic.

Jednak w uproszczeniu proces wygląda następująco:

1. Sprawdź wymagania systemowe i włącz rozszerzenia PHP

Aby korzystać ze Staatic, Twoja witryna źródłowa musi działać w systemie WordPress 5.0 lub nowszym. Ponadto wersja PHP musi mieć co najmniej 7.0, chociaż preferowana jest wersja 7.4, ponieważ zawiera większe funkcje bezpieczeństwa.

Musisz również sprawdzić, czy cztery rozszerzenia PHP (Mbstring, Json, XML i Zip) są włączone. Sposób, w jaki to zrobisz, zależy od narzędzi administracyjnych udostępnianych przez Twoją firmę hostingową. Na przykład, jeśli Twój dostawca usług hostingowych korzysta z cPanel, możesz uzyskać dostęp do rozszerzeń PHP, klikając opcję „Wybierz wersję PHP” w sekcji „Oprogramowanie”.

Po kliknięciu zobaczysz wszystkie dostępne rozszerzenia i czy są one aktualnie włączone.

2. Utwórz nową (sub)domenę i bazę danych

Ponieważ nowa statyczna witryna internetowa zastąpi istniejącą, programista zaleca utworzenie klonu przed przystąpieniem do procesu migracji. Wiąże się to z utworzeniem nowej (sub)domeny i bazy danych dla sklonowanej witryny.

Podobnie jak w przypadku rozszerzeń PHP, sposób, w jaki to zrobisz, zależy od dostępnych narzędzi administracyjnych. W przypadku cPanel tworzysz nową domenę (lub subdomenę) za pomocą opcji „Domeny” i odpowiednią bazę danych za pomocą „Kreatora bazy danych MySQL”.

3. Sklonuj swoją witrynę WordPress

Istnieje wiele sposobów klonowania Twojej witryny. Dokumentacja Staatic sugeruje użycie darmowej wtyczki Duplicator, dostępnej w katalogu wtyczek WordPress. Zainstaluj i aktywuj to tak, jak każdą inną wtyczkę. Następnie postępuj zgodnie z instrukcjami w dokumentacji Staatic, aby utworzyć klon.

Kontynuacja artykułu poniżej

4. Ogranicz dostęp do WordPress

Dokumentacja zaleca ograniczenie dostępu do wersji WordPress witryny i sugeruje użycie w tym celu podstawowego uwierzytelniania HTTP.

Konfiguracja podstawowego uwierzytelniania HTTP odbywa się zwykle na poziomie serwera WWW lub panelu sterowania hostingu. Apache jest powszechnie używanym serwerem WWW i wymaga utworzenia pliku .htpasswd i zaktualizowania pliku .htaccess. Na stronie TransIP znajdziesz samouczek krok po kroku, który poprowadzi Cię przez ten proces. Co więcej, posiada również generator .htpasswd.

5. Wybierz strategię wdrażania witryny statycznej

Dzięki Staatic możesz opublikować swoją statyczną witrynę na tym samym serwerze, na którym aktualnie znajduje się Twoja instalacja WordPress (tj. katalog lokalny) lub alternatywnie możesz skorzystać z jednego z obsługiwanych dostawców chmury (takich jak Amazon Web Services lub Netlify).

W zależności od dokonanego wyboru będziesz musiał przejrzeć dokumentację dotyczącą każdego typu wdrożenia, aby sprawdzić, czy przed zainstalowaniem wtyczki Staatic konieczne są dodatkowe kroki przygotowawcze.

6. Zainstaluj i aktywuj wtyczkę Staatic

Staatic jest dodawany do WordPressa i aktywowany w taki sam sposób, jak każda inna wtyczka. Gdy to zrobisz, w twoim zapleczu WordPressa pojawi się nowa pozycja menu, dająca dostęp do funkcji wtyczki:

7. Skonfiguruj ustawienia 'Build' wtyczki

Pierwszym portem połączenia jest zakładka „Buduj” w menu zaplecza Staatic.

Tutaj musisz wprowadzić docelowy adres URL witryny, którą chcesz opublikować, który może być bezwzględny, względny lub offline. Możliwe jest również określenie dodatkowych adresów URL, ścieżek i przekierowań, które kompilacja statyczna musi zawierać lub wykluczać.

Krótki opis każdej opcji jest dostępny pod każdym polem na karcie Build, natomiast szczegółowe wyjaśnienia są dostępne w sekcji „Ustawienia kompilacji” dokumentacji.

8. Skonfiguruj ustawienia „Wdrożenia”

Następnie musisz skonfigurować różne opcje wdrażania w zakładce „Wdrażanie”.

Rozwijane pole zawiera opcje, w których można utworzyć witrynę statyczną: katalog lokalny, Amazon Web Services, Netlifly lub plik Zip.

Kontynuacja artykułu poniżej

Opcje w tym panelu będą się różnić w zależności od wybranej metody wdrażania. Ponownie, karta Wdrożenie zawiera krótkie objaśnienia każdej opcji, a bardziej szczegółowe wyjaśnienia są dostępne w sekcji „Ustawienia wdrażania” w dokumentacji użytkownika.

9. Skonfiguruj ustawienia „Zaawansowane”

Karta „Zaawansowane” umożliwia doprecyzowanie sposobu działania Staatic. Zawiera opcje takie jak rejestrowanie (w celu rozwiązywania problemów), ustawienia limitu czasu HTTP i opóźnienia itp.

W tym panelu musisz dodać szczegóły uwierzytelniania HTTP, zakładając, że skorzystałeś z porady programisty i skonfigurowałeś podstawowe uwierzytelnianie HTTP, aby uniemożliwić publiczny dostęp do Twojej witryny WordPress.

Zanim zrobisz cokolwiek z ustawieniami zaawansowanymi, zdecydowanie sugeruję zapoznanie się z sekcją „Ustawienia zaawansowane” w dokumentacji użytkownika

10. Stwórz swoją nową statyczną witrynę

Po dokonaniu wszystkich konfiguracji na kartach Budowanie, Wdrożenie i Zaawansowane wystarczy kliknąć „Statyczny” na samym górnym pasku panelu administracyjnego WordPress i wybrać „Opublikuj” z menu rozwijanego:

Po kilku chwilach zostanie utworzona nowa statyczna witryna i pojawi się Podsumowanie publikacji:

A oto opublikowana statyczna strona:

Statyczne plany premium

Darmowa wersja Staatic zawiera wiele wspaniałych funkcji, które będą wystarczające dla wielu użytkowników. Jednak plany Premium zapewniają znacznie większą wszechstronność, w tym:

• Integracja formularzy – eliminuje potrzebę szukania zewnętrznych rozwiązań do obsługi formularzy
• Integracja wyszukiwania – wszystkie posty i strony są indeksowane i można je przeszukiwać za pomocą zgrabnie zintegrowanego widżetu wyszukiwania
• Szybkie publikacje – publikuje tylko wprowadzone zmiany, co przyspiesza czas publikacji
• Zaplanowane publikacje – możesz opublikować swoją witrynę WordPress automatycznie na podstawie wstępnie zdefiniowanego harmonogramu lub wydarzenia.
• Rozbudowane API – pozwala osobom z wystarczającą wiedzą na temat kodowania na dodawanie własnych, niestandardowych funkcji

Obecnie plany Self-hosted kosztują 9 EUR miesięcznie za pakiet Starter, który obejmuje jedną stronę internetową i 29 EUR miesięcznie za pakiet Business, który obejmuje do trzech witryn i obejmuje wielu członków zespołu, priorytetowe wsparcie i 99,95% umowa o gwarantowanym czasie pracy bez przestojów (SLA).

Plany hostowane w chmurze kosztują 19 EUR miesięcznie w przypadku wersji Starter i 69 EUR w przypadku firm.

Jeśli potrzebujesz nieograniczonej liczby witryn, dostępne są również plany Enterprise hostowane samodzielnie i w chmurze, których cena wymaga bezpośredniej dyskusji z zespołem sprzedaży Staatic.

Dostępna jest również 14-dniowa bezpłatna wersja próbna planów premium i, co odświeżające, nie potrzebujesz karty kredytowej, aby z niej skorzystać.

Uzyskaj Staatic Premium Uzyskaj Staatic za darmo

Statyczne Plusy i Minusy

Podobnie jak w przypadku wszystkich wtyczek i oprogramowania, Staatic ma zarówno dobre, jak i złe strony:

Plusy

• Darmowa wersja zawiera wystarczającą ilość funkcji dla wielu aplikacji
• Plany premium mają dobrą wartość i zawierają wiele przydatnych funkcji dodatkowych
• Po skonfigurowaniu możesz jednym kliknięciem tworzyć błyskawicznie statyczne witryny
• Kompleksowa dokumentacja

Cons

• Chociaż dokumentacja jest dobra, może skorzystać z dodania pewnych treści wizualnych, takich jak zrzuty ekranu
• Całkowicie początkujący mogą zmagać się z niektórymi ustawieniami, które obejmują pracę na serwerze internetowym lub panelu sterowania hostingu
• Wsparcie Wspólnoty jest ograniczone, ponieważ Staatic jest wciąż stosunkowo nowy na rynku

Ostateczny werdykt

Po nagłym upadku WP2Static generator stron statycznych firmy Staatic pojawił się we właściwym czasie, aby zaoferować realną alternatywę. Dostępność w pełni rozwiniętej darmowej wersji to dobra wiadomość dla osób, które chcą bawić się generowaniem statycznych wersji swoich witryn WordPress. Jednocześnie plany premium są idealne dla tych, którzy pragną większej funkcjonalności za rozsądną cenę.

Jeśli więc chcesz wygenerować superszybką statyczną wersję swojej witryny WordPress, wtyczka Staatic zaznacza wszystkie właściwe pola.