Każdy właściciel strony internetowej ma wspólny cel: stronę, która jest niezwykle szybka, bezpieczna i ma naprawdę unikalny design. Użycie konfiguracji Headless WordPress jest jednym z nowoczesnych sposobów na osiągnięcie tego celu.
Ta metoda daje Ci to, co najlepsze z obu światów. Potężny i znany edytor treści WordPress, którego używasz dzisiaj, nigdzie nie znika.
Zmienia się to, że Twoje treści są dostarczane do całkowicie oddzielnego, niestandardowego front-endu. To właśnie nadaje Twojej stronie szybkość i unikalny charakter.
To rozdzielenie może odblokować nowy poziom wydajności i swobody twórczej dla Twojej obecności online. Pomaga Twojej stronie internetowej wyróżnić się z tłumu.
Przyjrzyjmy się wspólnie zaletom i wadom. Naszym celem jest pomóc Ci poczuć się pewnie co do tego, czy jest to właściwa ścieżka dla Ciebie.
Oto krótkie omówienie tematów, które poruszymy w tym przewodniku:
- Czym jest Headless WordPress?
- Jak działa Headless WordPress?
- Jakie są zalety korzystania z Headless WordPress?
- Jakie są wady strony WordPress typu headless?
- Czy powinieneś używać strony internetowej WordPress bez głowy?
- Jak stworzyć stronę internetową WordPress bez głowy (Headless WordPress)
- Najczęściej zadawane pytania dotyczące headless WordPress
Czym jest Headless WordPress?
Headless WordPress to termin określający dowolną stronę internetową, która wykorzystuje WordPress jako oprogramowanie back-end do zarządzania danymi i treścią, ale używa oddzielnych technologii do wyświetlania danych na froncie.
Back-end to termin używany do określenia obszaru administracyjnego strony internetowej. To tutaj tworzysz treści, takie jak posty i strony, instalujesz wtyczki, zarządzasz komentarzami i wiele więcej.
Front end to publicznie widoczny obszar Twojej strony internetowej.
To jest to, co użytkownicy widzą, gdy odwiedzają Twoją witrynę w swoich przeglądarkach.
WordPress normalnie obsługuje oba komponenty w jednym potężnym pakiecie oprogramowania. Możesz po prostu wyświetlić swoją stronę internetową, korzystając z dowolnego motywu WordPress.
Jednak niektórzy deweloperzy i właściciele stron internetowych mogą mieć inne wymagania i mogą potrzebować użyć innych technologii, takich jak React.js, Angular.js, Faust.js i inne, do stworzenia niestandardowego front-endu dla swojej strony internetowej.
WordPress bez głowy pozwala im na wykorzystanie tych technologii, jednocześnie korzystając z WordPressa w backendzie w celu łatwiejszego zarządzania treścią.
Jak działa Headless WordPress?
WordPress posiada łatwy w użyciu obszar administracyjny, w którym tworzysz treści i zarządzasz swoją stroną internetową. Zawiera również silnik szablonów do wyświetlania front-endu Twojej strony za pomocą motywów.
Więcej szczegółów znajdziesz w naszym artykule o tym, jak WordPress działa za kulisami.
WordPress udostępnia również interfejs API o nazwie WordPress REST API.
To API udostępnia interfejs programistyczny dla deweloperów do dostępu do danych strony WordPress w formacie JSON.
Tworząc bezgłową stronę WordPress, deweloperzy używają REST API do pobierania danych z WordPress. Następnie mogą ich użyć w swoich aplikacjach lub innych technologiach front-endowych, takich jak React.js, Angular.js, Faust.js i innych, do stworzenia niestandardowej strony internetowej.
Jakie są zalety korzystania z Headless WordPress?
Headless WordPress może być korzystny w niektórych specyficznych scenariuszach. Omówimy niektóre zalety korzystania z headless WordPress w tych przypadkach.
1. Headless WordPress może być szybszy niż zwykła strona internetowa WordPress
Wielu programistów uważa, że headless WordPress może być używany do tworzenia znacznie szybszych stron internetowych WordPress.
Oddzielając front-end witryny za pomocą technologii takiej jak React.js, wielu programistów stara się dostarczyć bardziej wydajny kod niż większość motywów WordPress.
Jednakże, z naszego doświadczenia wynika, że prostsze techniki optymalizacji wydajności WordPress działają równie dobrze jak headless WordPress dla większości stron internetowych małych firm i przypadków użycia.
2. Integracja danych z Headless WordPress z innymi aplikacjami
Załóżmy, że masz aplikację mobilną i chcesz zintegrować swój blog lub inną sekcję swojej witryny WordPress z tą aplikacją.
Bezgłowy WordPress może pomóc Ci przenieść dane z WordPress do innych aplikacji, a Ty możesz użyć różnych technologii, aby stworzyć płynne doświadczenie użytkownika.
Podobnie, jeśli masz statyczną stronę internetową i potrzebujesz dynamicznej sekcji tylko dla określonej części, takiej jak blog, recenzje lub sklep internetowy, headless WordPress może zintegrować dane WordPress z Twoją statyczną stroną internetową.
3. Publikuj na wielu platformach za pomocą Headless WordPress
Bezgłowy WordPress sprawia, że dane WordPress są przenośne, dzięki czemu możesz je zabrać wszędzie.
Możesz wykorzystać dane w swoich kampaniach marketingowych, publikować na platformach mediów społecznościowych, używać ich na urządzeniach IoT, takich jak inteligentne głośniki, zasilać narzędzia sztucznej inteligencji, łączyć się z wirtualnymi asystentami i nie tylko.
4. Headless WordPress jest znacznie bardziej przystępny cenowo niż własnościowe systemy CMS headless
Bezgłowy WordPress jest znacznie bardziej przystępny cenowo i potężniejszy niż zastrzeżone rozwiązania „CMS dla przedsiębiorstw”, takie jak Contentful, które łatwo kosztują dziesiątki tysięcy tylko za hosting (nie wliczając kosztów rozwoju).
Jakie są wady strony WordPress typu headless?
Tworzenie strony internetowej headless WordPress może również narazić Twoją stronę na pewne niedogodności. Przyjrzyjmy się kilku z nich.
1. Headless WordPress jest droższy w porównaniu do tradycyjnych stron WordPress
Będziesz musiał zatrudnić programistę do stworzenia niestandardowego front-endu dla Twojej strony internetowej. Może to łatwo kosztować dziesiątki tysięcy dolarów.
Jeśli jesteś programistą, będziesz spędzać cenny czas na tworzeniu niestandardowego front-endu.
Nawet jeśli korzystasz z frameworka do tworzenia front-endu, zajmie to więcej czasu i wysiłku niż użycie gotowego motywu WordPress z odpowiednim buforowaniem na poziomie serwera / DNS.
2. Niektóre wtyczki WordPress mogą nie działać
Wtyczki są jak aplikacje dla Twojej strony WordPress. Pozwalają dodawać nowe funkcje i rozszerzać funkcjonalność Twojej witryny.
Bezgłowa strona WordPress może nie być w stanie wykorzystać niektórych wtyczek WordPress.
Na przykład, niektóre dane wtyczek WordPress mogą nie być dostępne za pośrednictwem REST API, lub funkcje wtyczek mogą wymagać motywu WordPress do prawidłowego działania.
Mając to na uwadze, popularne wtyczki WordPress, takie jak AIOSEO, mają rozszerzenie REST API, które pozwala tworzyć przyjazne dla SEO bezgłowe strony WordPress.
3. Utrzymanie koszmarów
W zasadzie będziesz używać oddzielnych platform dla front-endu i back-endu swojej strony, i będziesz musiał utrzymywać obie oddzielnie.
Czasami po obu stronach mogą wystąpić awarie. Będziesz musiał polegać na programistach, aby rozwiązać te problemy, lub będziesz tracić cenny czas na ich naprawianie.
Dodatkowa złożoność utrudni rozwój Twojej firmy.
Czy powinieneś używać strony internetowej WordPress bez głowy?
Naszym zdaniem większość użytkowników WordPress nie potrzebuje używać strony internetowej WordPress typu headless ani innych rodzajów frameworków headless.
Jest drogi, niepotrzebnie skomplikowany i nieodpowiedni dla zdecydowanej większości właścicieli stron internetowych, blogerów, małych firm lub sklepów internetowych.
Na przykład, jeśli szybkość i wydajność są Twoimi głównymi obawami, Twoja istniejąca strona internetowa WordPress może z łatwością przewyższyć każdą stronę internetową WordPress typu headless.
Wszystkie najlepsze wtyczki buforujące WordPress oferują buforowanie stron, preloading bufora, buforowanie obiektów i funkcje kompresji gzip.
Włączenie tych funkcji może znacznie zwiększyć prędkość Twojej strony internetowej bez zatrudniania programistów.
Połącz to z potężnym CDN i zaporą sieciową aplikacji internetowej, taką jak Cloudflare lub Sucuri, a Twoja strona internetowa będzie jeszcze szybsza.
Zobacz studium przypadku, jak sprawiliśmy, że WPBeginner ładuje się szybciej niż strony headless.
Jeśli chodzi o integracje, istnieje ponad 59 000 wtyczek WordPress oferujących integracje z prawie każdą dostępną platformą zewnętrzną.
Istnieją nawet narzędzia takie jak Uncanny Automator, które umożliwiają integrację ze stronami WordPress i narzędziami stron trzecich za pomocą Zapier.
Jeśli potrzebujesz integracji, która nie jest dostępna za pośrednictwem istniejącej wtyczki WordPress, być może powinieneś zatrudnić programistę do napisania niestandardowej wtyczki.
Będzie to kosztować znacznie mniej, a nawet możesz zarabiać online sprzedając go jako cyfrowy produkt do pobrania innym użytkownikom WordPress.
Kto powinien używać Headless WordPress?
Uważamy, że headless WordPress powinien być używany tylko w bardzo specyficznych scenariuszach.
Najpierw musisz ocenić, czy istnieje rzeczywista potrzeba posiadania headlessowego systemu zarządzania treścią (CMS).
Na przykład firma, która zbudowała niestandardową stronę internetową lub aplikację. Mogą potrzebować WordPressa do łatwiejszych funkcji zarządzania treścią, a w takim scenariuszu sensowne jest użycie headless WordPress.
Po drugie, musisz albo mieć budżet na zatrudnienie i utrzymanie deweloperów, albo posiadać umiejętności niezbędne do utrzymania headless CMS.
Pamiętaj, że headless WordPress CMS jest używany do tworzenia nowej niestandardowej aplikacji lub takiej, która wykorzystuje WordPress do łatwiejszego tworzenia i zarządzania treścią.
Ważna rzecz, na którą należy uważać w przypadku headless WordPress
Jako właściciel firmy, który nie jest techniczny, czasami trudno jest wiedzieć, czy naprawdę potrzebujesz headless WordPress.
Niektórzy deweloperzy i agencje WordPress będą próbowali narzucić Ci strony internetowe bez głowy i musisz wiedzieć, w co się pakujesz. Pamiętaj, że ich motywacją jest pobranie od Ciebie więcej pieniędzy.
Jeśli jedynym powodem, dla którego proponują headless WordPress, jest szybkość lub SEO, musisz zapytać ich, co już zrobili, aby zoptymalizować szybkość Twojej strony internetowej i jaki wpływ może mieć przejście na headless WordPress. Jeśli nie uzyskasz konkretnej odpowiedzi, powinieneś zasięgnąć drugiej opinii.
Zaskoczy Cię wiadomość, że dla zdecydowanej większości stron internetowych ulepszenia są znikome, ale koszt opracowania i utrzymania bezgłowych stron WordPress jest znacznie wyższy.
Cokolwiek zrobisz, nie pozwól nikomu namówić Cię na przejście z WordPressa na coś takiego jak Contentful. Będziesz bardzo rozczarowany.
Słyszeliśmy, jak wielu właścicieli firm przechodziło, tylko po to, by zdać sobie sprawę z popełnionego błędu, a następnie wracali do WordPress.
Z tym zastrzeżeniem, jeśli jesteś w 100% przekonany, że potrzebujesz strony internetowej WordPress bez głowy, poniżej znajduje się krótki przewodnik krok po kroku.
Jak stworzyć stronę internetową WordPress bez głowy (Headless WordPress)
W zależności od narzędzi, których chcesz użyć do front-endu, istnieje wiele sposobów na stworzenie bezgłowej strony WordPress.
W tym samouczku pokażemy, jak utworzyć headlessową stronę WordPress, używając wyłącznie statycznych stron generowanych przez WordPress. NIE jest to najbardziej elastyczny sposób tworzenia headlessowej strony WordPress, ale jest to najłatwiejszy sposób dla początkujących.
Najpierw musisz stworzyć stronę internetową WordPress, której chcesz używać jako swojego CMS-a bez głowy.
To musi być działająca strona internetowa na własnej domenie i koncie hostingowym.
Polecamy SiteGround. Są jedną z najszybszych firm hostingowych WordPress i oficjalnie polecanym dostawcą.
Serwery SiteGround są zasilane przez Google Cloud, które posiada wiele wbudowanych narzędzi do optymalizacji wydajności.
Alternatywnie, jeśli możesz poświęcić trochę więcej czasu, zapoznaj się z WP Engine. Ich plan Atlas jest przeznaczony dla dużych stron internetowych WordPress typu headless i skierowany do deweloperów.
Atlas oferuje darmowe konto sandbox, modułową zawartość niestandardową, prekonfigurowane szablony przyspieszające przepływ pracy i głębszą integrację z wtyczką WPGraphQL.
Możesz również stworzyć lokalną stronę internetową WordPress na swoim własnym komputerze.
Po tym możesz zacząć pracować nad swoją stroną internetową, dodając posty i strony. Możesz również wybrać motyw WordPress i go zaprojektować.
Gdy Twoja strona będzie gotowa, musisz zainstalować i aktywować wtyczkę Simply Static. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku na temat jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić stronę Simply Static » Ustawienia, aby skonfigurować wtyczkę.
Stąd możesz wybrać ścieżkę adresu URL, której chcesz użyć w swoich plikach statycznych.
Na przykład, jeśli znasz adres URL lub nazwę domeny, pod którą będziesz hostować swoje statyczne pliki, możesz podać ten adres URL w polu „Absolutne adresy URL”.
Jeśli nie jesteś pewien, możesz użyć opcji „URL względne”.
Następnie przełącz się na zakładkę „Uwzględnij/Wyklucz”. Stąd możesz dodać dodatkowe strony do uwzględnienia lub wykluczenia.
Możesz również użyć wyrażeń regex, aby wykluczyć adresy URL pasujące do określonego wzorca.
Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zachować swoje ustawienia.
Teraz jesteś gotowy do generowania plików statycznych dla swojej strony headless. Po prostu przejdź do strony Simply Static » Generate i kliknij przycisk „Generate Static Files”.
Wtyczka rozpocznie wtedy indeksowanie Twojej strony internetowej i przechowywanie statycznych plików w folderze tymczasowym. Może to potrwać chwilę, w zależności od liczby stron, które posiada Twoja witryna.
Po zakończeniu zobaczysz powiadomienie o sukcesie z linkiem do pobrania plików na swój komputer w formacie archiwum zip.
Po pobraniu pliku zip, musisz go rozpakować.
Jesteś teraz gotowy do przesłania wyodrębnionych plików na swoją stronę internetową lub serwer, na którym chcesz hostować swoją stronę headless.
Możesz połączyć się ze swoją stroną internetową za pomocą klienta FTP lub aplikacji menedżera plików w panelu kontrolnym hostingu.
Po połączeniu prześlij wcześniej pobrane, wyodrębnione pliki statyczne na swoją stronę internetową.
Po tym możesz odwiedzić swoją statyczną stronę internetową, aby zobaczyć ją w akcji.
Uwaga: Aby zaktualizować swoją statyczną stronę internetową, musisz utworzyć nową treść w swojej instalacji WordPress, a następnie powtórzyć cały proces, aby zastąpić pliki statyczne udostępniane użytkownikom.
Ważne jest, aby pamiętać, że nie jest to najbardziej elastyczny sposób tworzenia statycznej strony internetowej WordPress.
Kiedy korzystasz z rozwiązania headless WordPress, takiego jak WP Engine Atlas, otrzymujesz lepsze narzędzia dla deweloperów, szablony stron startowych, poradniki, inteligentniejsze rozwiązania do wdrażania produkcji i wiele więcej.
W przypadku większych stron internetowych i rozwiązań korporacyjnych zalecamy użycie WP Engine Atlas wraz z WPGraphQL, aby uwolnić pełną moc headless WordPress CMS.
Niemniej jednak, jeśli jesteś właścicielem małej firmy i gdzieś przeczytałeś, że potrzebujesz witryny headless WordPress, aby poprawić swoje rankingi SEO, to jest to po prostu zła rada. Możesz uzyskać podobne wyniki, poprawiając wydajność swojej witryny, postępując zgodnie z naszym przewodnikiem na temat jak przyspieszyć WordPressa.
Najczęściej zadawane pytania dotyczące headless WordPress
Rozumiemy, że koncepcja bezgłowego WordPress może rodzić wiele pytań. Aby pomóc Ci uzyskać jaśniejszy obraz, zebraliśmy odpowiedzi na niektóre z najczęstszych pytań, które słyszymy od użytkowników takich jak Ty.
1. Jaka jest główna różnica między zwykłym WordPress a headless WordPress?
Główna różnica polega na tym, jak Twoja strona internetowa jest wyświetlana odwiedzającym. Zwykły WordPress obsługuje wszystko w jednym pakiecie: zarządzanie treścią ( backend ) i projekt strony (motyw front-end ). Headless WordPress rozdziela te dwa elementy, używając WordPress tylko do zarządzania treścią backendową, podczas gdy do budowy niestandardowego front-endu wykorzystywana jest zupełnie inna technologia.
2. Czy strona headless WordPress jest droższa w budowie i utrzymaniu?
Tak, znacząco. Budowa niestandardowego front-endu dla strony headless wymaga zatrudnienia wykwalifikowanych programistów, co może być bardzo kosztowne. Masz również dwa oddzielne systemy do utrzymania (backend WordPress i niestandardowy front-end), co zwiększa złożoność i potencjalne przyszłe koszty, jeśli coś będzie wymagało naprawy lub aktualizacji.
3. Czy headless WordPress jest lepszy pod względem szybkości i SEO?
Niekoniecznie. Chociaż strona bezgłowa może być bardzo szybka, co jest dobre dla SEO, często można osiągnąć podobną lub nawet lepszą wydajność na tradycyjnej stronie WordPress. Korzystając z dobrego hostingu, wysokiej jakości wtyczki do cachowania i CDN, możesz sprawić, że standardowa strona będzie niezwykle szybka bez dodatkowych kosztów i złożoności. Pamiętaj również, że niektóre funkcje wtyczek SEO mogą nie działać bez tradycyjnego motywu.
4. Czy nadal mogę używać moich ulubionych wtyczek WordPress w konfiguracji headless?
To zależy. Wiele wtyczek, zwłaszcza tych dodających funkcje do front-endu Twojej witryny (takich jak kreatory formularzy lub kreatory stron), może nie działać poprawnie, ponieważ opierają się na systemie motywów WordPress. Chociaż niektóre popularne wtyczki oferują obsługę REST API do pracy z headless, możesz stracić dostęp do dużej części ekosystemu wtyczek WordPress, który czyni WordPress tak potężnym.
5. Kiedy więc faktycznie powinienem rozważyć użycie headless WordPress?
Rozważ headless WordPress tylko w bardzo specyficznych sytuacjach. Na przykład, jeśli masz istniejącą aplikację mobilną i chcesz do niej pobrać zawartość swojego bloga, lub jeśli musisz wysłać swoją zawartość WordPress na wiele różnych platform i urządzeń jednocześnie. Dla zdecydowanej większości małych firm, blogów i sklepów internetowych, tradycyjna konfiguracja WordPress jest bardziej praktyczna, przystępna cenowo i łatwiejsza w zarządzaniu.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się o headless WordPress i czy powinieneś go używać do swojej strony internetowej. Możesz również zapoznać się z naszym przewodnikiem na temat jak przeprowadzić test prędkości WordPress lub naszym wyborem najlepszych szybkich hostingów WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
David Lim
Kolejny temat, o którym nawet nie słyszałem w wiadomościach. Ale teraz, gdy się o tym mówi, to tak, jakbym wcześniej widział samodzielnie opracowane strony internetowe front-end. Myślę, że Moz też jest taki. Nie został zrobiony ze zwykłego WordPressa, ale z czegoś opracowanego wewnętrznie.
Dennis Muthomi
Jednym z punktów, na który chciałbym położyć nacisk, jest znaczenie dokładnego zbadania Twoich konkretnych potrzeb przed przejściem na rozwiązanie headless.
Jak sugerowałeś, wiele problemów z wydajnością i integracją można rozwiązać za pomocą tradycyjnych konfiguracji WordPressa z wykorzystaniem wtyczek i technik optymalizacji.
Na przykład, odniosłem wielki sukces, używając WP Rocket do buforowania i Cloudflare jako CDN, aby dramatycznie poprawić szybkość strony bez potrzeby architektury headless.
Ach, i dzięki za ostrzeżenie o agencjach naciskających na rozwiązania headless niepotrzebnie. Kluczowe jest, aby właściciele stron internetowych rozumieli długoterminowe konsekwencje i koszty związane z utrzymaniem konfiguracji headless.
Twój artykuł stanowi doskonałe źródło informacji do podjęcia świadomej decyzji.
Kushal Phalak
Jako projektant i frontend developer, bardzo interesujące jest dla mnie obserwowanie tych zmian. Wspaniale, że mogę używać WordPressa jako CMS, a na froncie NextJS, czerpiąc korzyści z lepszej wydajności i elastyczności. Szkoda, że niektóre wtyczki nie są obecnie wspierane, ale myślę, że wkrótce będą. Chociaż może to nie być odpowiednie dla osób, które nie rozumieją kodu.
Wsparcie WPBeginner
Nie jest to rozwiązanie dla każdego, więc nie ma gwarancji, że każda wtyczka doda wsparcie dla tego w przyszłości.
Admin
Jiří Vaněk
Dziękuję za artykuł. Nie miałem pojęcia, że istnieje coś takiego jak headless WordPress i nawet nie przyszło mi do głowy, że backend niekoniecznie musi być połączony z frontendem. Ponownie nauczyłem się czegoś nowego. Niesamowite.
Wsparcie WPBeginner
Glad we could share
Admin
James Winfield
Bezgłowy WordPress to interesujące rozwiązanie, jeśli jesteś inżynierem/programistą i chcesz poznać technologie takie jak NextJS i GraphQL, których możesz użyć do tworzenia szybko ładujących się stron internetowych w stylu React.
Nie jestem pewien, czy jest duża korzyść wydajnościowa (chociaż Lighthouse uwielbia dwie strony, które zrobiłem za pomocą szablonu headless NextJS), chociaż można też wdrożyć przez Vercel, co jest darmowe, przynajmniej do pewnego limitu. Uwielbiam tę technologię i jest to dla mnie świetny sposób na ćwiczenie najbardziej poszukiwanych umiejętności inżyniera f/e.
W przeciwnym razie zgadzam się z Twoimi uwagami, zwłaszcza jeśli osoby nietechniczne są wprowadzane w to przez agencje/programistów!
Wsparcie WPBeginner
Thanks for sharing your experience
Admin