Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Co to jest Headless WordPress i czy powinieneś go używać (Plusy i minusy)

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Często jesteśmy pytani przez użytkowników o to, czym jest headless WordPress i czy powinni go używać?

Headless WordPress oddziela obszar administracyjny zaplecza WordPressa od front-endu, który widzą odwiedzający. Pozwala to programistom na korzystanie z różnych technologii dla front-endowej części witryny internetowej, przy jednoczesnym zachowaniu stabilności i zabezpieczeń WordPressa.

W tym artykule wyjaśnimy, czym jest bezgłowy WordPress i czy powinieneś go używać. Porozmawiamy również o zaletach i wadach bezgłowej witryny internetowej WordPress.

Headless WordPress pros and cons

Oto krótki przegląd tematów, które omówimy w tym przewodniku:

Czym jest Headless WordPress?

Headless WordPress to termin określający każdą witrynę internetową, która wykorzystuje WordPress jako oprogramowanie zaplecza do zarządzania danymi i treścią, ale wykorzystuje oddzielne technologie do wyświetlania danych na front-endzie.

Back-end to taksonomia obszaru administracyjnego witryny internetowej. To tutaj tworzysz treści takie jak wpisy i strony, instalujesz wtyczki, zarządzasz komentarzami i nie tylko.

WordPress admin area

Front-end to publicznie widoczny obszar twojej witryny internetowej.

To jest to, co widzą użytkownicy, gdy przejdą na twoją witrynę w swoich przeglądarkach.

Front-end example

WordPress zwykle dba o oba komponenty w jednym solidnym oprogramowaniu. Możesz po prostu użyć dowolnego motywu WordPress, aby wyświetlić twoją witrynę internetową.

Jednak niektórzy deweloperzy i właściciele witryn internetowych mogą mieć inne wymagania, w których mogą potrzebować użyć innych technologii, takich jak React.js, Angular.js, Faust.js i innych, aby stworzyć własny front-end dla swojej witryny internetowej.

Headless WordPress pozwala im korzystać z tych technologii, jednocześnie nadal używając WordPressa w backendzie dla łatwiejszego zarządzania treścią.

Jak działa WordPress bez głowy?

WordPress posiada łatwy w użyciu obszar administracyjny, w którym możesz tworzyć treści i zarządzać swoją witryną internetową. Zawiera również silnik szablonów do wyświetlania front-endu twojej witryny za pomocą motywów.

Aby uzyskać więcej informacji, zobacz nasz artykuł o tym, jak WordPress działa za kulisami.

WordPress jest również dostarczany z interfejsem API o nazwie WordPress REST API.

Ten interfejs API zapewnia programistom dostęp do danych witryny internetowej WordPress w formacie JSON.

Tworząc bezgłową witrynę internetową WordPress, programiści używają interfejsu API REST do pobierania danych z WordPress. Następnie mogą użyć go w swoich aplikacjach lub innych technologiach front-end, takich jak React.js, Angular.js, Faust.js i innych, aby stworzyć własną witrynę internetową.

Jakie są zalety korzystania z Headless WordPress?

Bezgłowy WordPress może być korzystny w niektórych konkretnych scenariuszach. Porozmawiamy o niektórych zaletach korzystania z bezgłowego WordPressa w tych scenariuszach.

1. Bezgłowy WordPress może być szybszy niż zwykła witryna internetowa WordPress

Wielu deweloperów uważa, że za pomocą headless WordPress można stworzyć znacznie szybszą witrynę internetową WordPress.

Oddzielając front-end witryny za pomocą technologii takich jak React.js, wielu deweloperów stara się dostarczać bardziej wydajny kod niż większość motywów WordPress.

Z naszego doświadczenia wynika jednak, że prostsze techniki optymalizacji wydajności WordPressa działają równie dobrze, jak WordPress bezgłowy dla większości witryn internetowych i przypadków użycia w małych firmach.

2. Integracja danych WordPress Headless z innymi aplikacjami

Załóżmy, że masz aplikację mobilną, a teraz chcesz zintegrować twój blog lub inną sekcję z witryny internetowej WordPress z tą aplikacją.

Headless WordPress może pomóc przenieść twoje dane WordPress do innych aplikacji i możesz użyć różnych technologii, aby stworzyć płynne wrażenia użytkownika.

Podobnie, jeśli masz statyczną witrynę internetową i potrzebujesz dynamicznej sekcji tylko dla określonej sekcji, takiej jak blog, recenzje lub sklep internetowy. Wtedy headless WordPress może zintegrować dane WordPressa z twoją statyczną witryną internetową.

3. Publikowanie na wielu platformach za pomocą Headless WordPress

Headless WordPress sprawia, że twoje dane WordPress są przenośne, dzięki czemu możesz je zabrać wszędzie.

Możesz wykorzystać te dane w swoich kampaniach marketingowych, wpisach na platformach 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. Bezgłowy WordPress jest o wiele bardziej przystępny cenowo niż własne bezgłowe systemy CMS.

Bezgłowy WordPress jest o wiele bardziej przystępny cenowo i potężniejszy niż zastrzeżone rozwiązania „CMS dla przedsiębiorstw”, takie jak Contentful, które z łatwością będą kosztować dziesiątki tysięcy za sam hosting (nie licząc kosztów rozwoju).

Jakie są wady bezgłowej witryny internetowej WordPress?

Stworzenie bezgłowej witryny WordPress może również narazić twoją witrynę internetową na pewne niedogodności. Przyjrzyjmy się kilku z nich.

1. Bezgłowy WordPress jest droższy w porównaniu do tradycyjnych witryn WordPress

Będziesz musiał zatrudnić programistę, który stworzy własny front-end dla twojej witryny internetowej. Może to z łatwością przekroczyć dziesiątki tysięcy dolarów.

Jeśli jesteś programistą, spędzisz cenny czas na tworzeniu własnego front-endu.

Nawet jeśli używasz frameworka do tworzenia front-endu, zajęłoby to więcej czasu i wysiłku niż użycie gotowego motywu WordPress z odpowiednią pamięcią podręczna na poziomie serwera / DNS.

2. Niektóre wtyczki WordPress mogą nie działać

Wtyczki są jak aplikacje dla twojej witryny internetowej WordPress i pozwalają utworzyć nowe funkcje i rozszerzyć jej funkcjonalność.

Bezgłowa witryna internetowa WordPress może nie być w stanie korzystać z niektórych wtyczek WordPress.

Na przykład, niektóre dane wtyczek WordPress mogą nie być dostępne za pomocą interfejsu API REST 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 witryny WordPress bez głowy.

3. Bóle głowy związane z utrzymaniem

Zasadniczo będziesz korzystać z oddzielnych platform dla front-end i back-end Twojej witryny i będziesz musiał utrzymywać je obie oddzielnie.

Od czasu do czasu może dojść do awarii po obu stronach. Będziesz musiał polegać na programistach, aby rozwiązać te problemy. Albo poświęcisz swój cenny czas na ich poprawki.

Dodatkowa złożoność sprawi, że będzie to trudniejsze w miarę rozwoju Twojej firmy.

Czy powinieneś korzystać z bezgłowej witryny internetowej WordPress?

Naszym zdaniem, większość użytkowników WordPressa nie potrzebuje korzystać z bezgłowej witryny internetowej WordPress lub innego rodzaju frameworka headless.

Jest drogi, niepotrzebnie skomplikowany i nie nadaje się dla zdecydowanej większości właścicieli witryn internetowych, blogerów, małych firm czy sklepów internetowych.

Na przykład, jeśli szybkość i wydajność jest twoim głównym zmartwieniem, to twoja istniejąca witryna internetowa WordPress może z łatwością pokonać każdą witrynę WordPress bez głowy.

Wszystkie najlepsze wtyczki WordPress do buforowania posiadają funkcje buforowania stron, wstępnego ładowania pamięci podręcznej, buforowania obiektów i kompresji gzip.

Włączenie tych funkcji może znacznie zwiększyć szybkość Twojej witryny internetowej bez zatrudniania programistów.

Połącz to z potężnym CDN i zaporą aplikacji internetowych, taką jak Cloudflare lub Sucuri, a twoja witryna internetowa będzie jeszcze szybsza.

Zobacz studium przypadku, jak sprawiliśmy, że WPBeginner wczytywał się szybciej niż witryny internetowe headless.

Jeśli chodzi o integracje, istnieje ponad 59 000 wtyczek WordPress oferujących integrację z prawie każdą dostępną platformą zewnętrzną.

Istnieją nawet narzędzia takie jak Uncanny Automator, które umożliwiają integrację z witrynami internetowymi WordPress i narzędziami innych firm 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 własnej wtyczki.

Będzie to kosztować znacznie mniej, a nawet możesz zarabiać pieniądze online, sprzedając je jako cyfrowe pliki do pobrania innym użytkownikom WordPressa.

Kto powinien korzystać z Headless WordPress?

Uważamy, że bezgłowy WordPress powinien być używany tylko w bardzo specyficznych scenariuszach.

Po pierwsze, należy ocenić, czy istnieje rzeczywiste zapotrzebowanie na headless CMS.

Na przykład firma, która zbudowała własną witrynę internetową lub aplikację. Mogą potrzebować WordPressa do łatwiejszych funkcji zarządzania treścią i w takim scenariuszu sensowne jest użycie headless WordPress.

Po drugie, powinieneś mieć budżet na zatrudnienie i utrzymanie programistów lub posiadać umiejętności wymagane do utrzymania headless CMS.

Pamiętaj, że headless WordPress CMS służy do tworzenia nowej, własnej aplikacji lub takiej, która wykorzystuje WordPress do łatwiejszego tworzenia treści i zarządzania nimi.

Ważne rzeczy, na które należy uważać w przypadku Headless WordPress

Jako nietechniczny właściciel firmy, czasami trudno jest wiedzieć, czy naprawdę potrzebujesz bezgłowego WordPressa.

Niektórzy programiści i agencje WordPress będą próbowali wcisnąć ci witryny internetowe bez głowy i musisz wiedzieć, w co się pakujesz. Pamiętaj, że ich motywacją jest pobieranie większych opłat.

Jeśli jedynym powodem, dla którego proponują bezgłowego WordPressa, jest szybkość lub SEO, musisz zapytać ich, co już zrobili, aby zoptymalizować szybkość twojej witryny internetowej i jak duży wpływ może mieć przejście na bezgłowego WordPressa. Jeśli nie otrzymasz konkretnej odpowiedzi, powinieneś poszukać drugiej opinii.

Będziesz zaskoczony, że dla zdecydowanej większości witryn internetowych ulepszenia są znikome, ale koszty rozwoju i utrzymania bezgłowych witryn WordPress są znacznie wyższe.

Cokolwiek zrobisz, zdecydowanie nie pozwól nikomu namówić cię do zmiany WordPressa na coś takiego jak Contentful, ponieważ będziesz bardzo rozczarowany.

Słyszeliśmy o wielu właścicielach firm, którzy zmieniali platformę tylko po to, by zdać sobie sprawę z popełnionego błędu, a następnie powrócić do WordPressa.

Co powiedziawszy, jeśli jesteś w 100% przekonany, że potrzebujesz bezgłowej witryny internetowej WordPress, poniżej znajduje się szybki przewodnik krok po kroku.

Jak stworzyć witrynę internetową WordPress bez głowy?

Istnieje wiele sposobów na stworzenie bezgłowej witryny internetowej WordPress w zależności od tego, jakich narzędzi chcesz użyć na front-endzie.

Na potrzeby tego poradnika pokażemy, jak utworzyć bezgłową witrynę internetową WordPress przy użyciu tylko statycznych stron generowanych przez WordPress. Nie jest to najbardziej elastyczny sposób na stworzenie bezgłowej witryny internetowej WordPress, ale jest to najłatwiejszy sposób dla początkujących.

Po pierwsze, musisz stworzyć witrynę internetową WordPress, którą chcesz wykorzystać jako twój headless CMS.

Musi to być działająca witryna internetowa z własną nazwą domeny i kontem hostingowym.

Zalecamy korzystanie z SiteGround. Jest to jedna z najszybszych firm hostingowych WordPress i oficjalnie rekomendowany dostawca hostingu WordPress.

Serwery SiteGround są zasilane przez Google Cloud i mają wiele wbudowanych narzędzi do optymalizacji wydajności.

Alternatywnie, jeśli możesz wydać nieco więcej, spójrz na WP Engine. Ich plan Atlas jest przeznaczony dla dużych bezgłowych witryn internetowych WordPress i jest skierowany do programistów.

Atlas jest dostarczany z darmowym kontem piaskownicy, własną modułową treścią, wstępnie skonfigurowanymi planami, aby przyspieszyć przepływ pracy i głębszą integracją z wtyczką WPGraphQL.

Możesz również utworzyć lokalną witrynę internetową WordPress na twoim własnym komputerze.

Następnie możesz rozpocząć pracę nad twoją witryną internetową, dodając wpisy i strony. Możesz również wybrać motyw WordPress dla twojej witryny internetowej i zaprojektować ją.

Gdy twoja witryna internetowa jest już gotowa, musisz zainstalować i włączyć wtyczkę Simply Static. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę Simply Static ” Settings, aby skonfigurować wtyczkę.

Simply Static general settings

W tym miejscu możesz wybrać ścieżkę adresu URL, której chcesz użyć w twoich plikach statycznych.

Na przykład, jeśli znasz adres URL lub nazwę domeny, w której będziesz hostować swoje pliki statyczne, możesz podać ten adres URL w polu „Bezwzględne adresy URL”.

W razie wątpliwości można skorzystać z opcji „Względne adresy URL”.

Następnie przejdź do karty „Uwzględnij/wyklucz”. W tym miejscu możesz dodać dodatkowe strony, które chcesz uwzględnić lub dodać strony, które chcesz wykluczyć.

Exclude URLs

Można również użyć wyrażeń regex, aby wykluczyć adresy URL pasujące do określonego wzorca.

Nie zapomnij kliknąć przycisku „Zapisz zmiany”, aby zapisać twoje ustawienia.

Teraz jesteś gotowy do wygenerowania plików statycznych dla twojej witryny internetowej. Wystarczy przejść do strony Simply Static ” Generate i kliknąć przycisk „Generate Static Files”.

Generate static files

Następnie wtyczka zacznie indeksować twoją witrynę internetową i przechowywać pliki statyczne w katalogu tymczasowym. Może to chwilę potrwać w zależności od tego, ile stron ma twoja witryna internetowa.

Po zakończeniu zobaczysz powiadomienie o powodzeniu z odnośnikiem do pobrania plików na twój komputer w formacie archiwum zip.

Download files to your computer

Po pobraniu pliku zip należy go rozpakować.

Teraz możesz przesłać wyodrębnione pliki na twoją witrynę internetową lub serwer, na którym chcesz hostować swoją witrynę headless.

Wystarczy połączyć się z twoją witryną internetową za pomocą klienta FTP lub użyć aplikacji menedżera plików w panelu sterowania hostingu.

Po nawiązaniu połączenia prześlij wyodrębnione pliki statyczne, które pobrałeś wcześniej, na twoją witrynę internetową.

Upload static files

Następnie możesz przejść na twoją statyczną witrynę internetową, aby zobaczyć ją w działaniu.

Uwaga: Aby zaktualizować twoją statyczną witrynę internetową, musisz utworzyć nową treść w instalacji WordPress, a następnie powtórzyć cały proces ponownie, aby zastąpić pliki statyczne serwowane użytkownikom.

Należy importować, że nie jest to najbardziej elastyczny sposób na stworzenie statycznej witryny internetowej WordPress.

Gdy korzystasz z bezgłowego rozwiązania WordPress, takiego jak WP Engine Atlas, jest ono dostarczane z lepszymi narzędziami dla programistów, planami witryn startowych, przewodnikami, inteligentniejszymi rozwiązaniami do wdrażania produkcyjnego i nie tylko.

W przypadku większych witryn internetowych i rozwiązań korporacyjnych zalecamy korzystanie z WP Engine Atlas wraz z WPGraphQL, aby odblokować pełną moc bezgłowego CMS WordPress.

Mając to na uwadze, jeśli jesteś właścicielem małej firmy i przeczytałeś gdzieś, że potrzebujesz bezgłowej witryny WordPress, aby poprawić swoje rankingi SEO, to jest to po prostu zła rada. Możesz uzyskać podobne wyniki, po prostu poprawiając wydajność swojej witryny internetowej, postępując zgodnie z naszym przewodnikiem na temat przyspieszania WordPressa.

Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, czym jest bezgłowy WordPress i czy powinieneś go używać w swojej witrynie internetowej. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia własnego motywu WordPress bez kodowania lub zobaczyć nasze porównanie najlepszych usług smtp w celu poprawy dostarczalności wiadomości e-mail.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

7 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Kushal Phalak says

    As a designer and a frontend developer, it is very interesting to see these changes. It is awesome that I can use wordpress as a CMS and use NextJS on the fontend and the perks of increased performance and flexibility. It is a shame that some plugins are not supported currently, but I guess they will be in near future. Though it may not be suitable for those who do not understand code.

    • WPBeginner Support says

      It’s not a solution for everyone so there are no guarantees that every plugin will add support for this in the future.

      Administrator

  3. Jiří Vaněk says

    Thank you for the article. I had no idea that something like headless WordPress existed, and it didn’t even occur to me that the backend wouldn’t necessarily be connected to the frontend. Once again, I’ve learned something new. Awesome.

  4. James Winfield says

    Headless WordPress is an interesting solution if you are an engineer/developer and want to learn technologies like NextJS and GraphQL, which you can use to create fast loading React-style websites.

    Not sure there is much performance benefit (though Lighthouse loves the two sites I’ve made through NextJS’ headless template), though also you can then deploy via Vercel which is free, to a limit anyway. I am loving this technology, and is a great way for me to practice the most in-demand skills of a f/e engineer.

    Otherwise I agree with your comments, especially if non-developers are being bumped into this by agencies/developers!

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.