In deze tutorial wordt “Headless WordPress” uitgelegd en de procedure om het in te stellen.
Wat is Headless WordPress en hoe werkt het?
“ Hoofdloze WordPress ” scheidt het back-end-beheergebied van de WordPress-site van de front-end. Het is zodanig dat het WordPress gebruikt als back-endsoftware om gegevens en inhoud te organiseren, maar afzonderlijke functionaliteiten gebruikt om de gegevens op de front-end weer te geven.
WordPress omvat een interactief admin-gedeelte waar de website kan worden beheerd. Bij het maken van een headless WordPress-site gebruiken ontwikkelaars de REST API om gegevens uit WordPress op te halen/op te halen. Nadat ze dit hebben gedaan, kunnen ze het gebruiken in de front-endtechnologieën zoals React.js en Angular.js om een aangepaste website te ontwerpen.
Voordelen van Headless WordPress
Hieronder volgen enkele voordelen van het gebruik van “ Hoofdloze WordPress ”:
Geoptimaliseerde prestaties: De WordPress-sites die worden aangedreven door frontends zijn relatief responsief, met minimale laadtijden.
Verbeterde beveiliging: Wanneer de voorkant van de site wordt gescheiden van een ongenaakbare database, wordt de site automatisch veiliger.
Grotere flexibiliteit: Door gebruik te maken van headless WordPress kan de ontwikkelaar het back-end gedeelte van WordPress flexibel onderhouden en ook het front-end gedeelte uitbesteden aan alternatieve software die meer flexibiliteit mogelijk maakt.
Hoe aan de slag te gaan met Headless WordPress?
In deze sectie wordt een Headless WordPress-website gemaakt met alleen de statische pagina's die via WordPress zijn gegenereerd. Deze aanpak is het eenvoudigst en handig voor beginners.
Gebruik de onderstaande stappen om deze aanpak uit te voeren.
Stap 1: Installeer de plug-in 'Simply Static'.
Installeer eerst de “ Gewoon statisch ” plug-in van “ Plug-ins->Nieuw toevoegen ”:
Na installatie en activering van de plug-in schakelt u over naar “ Gewoon Statisch -> Instellingen ”:
Stap 2: Kies voor het URL-pad
Kies nu voor het URL-pad dat in de statische bestanden moet worden gebruikt. Als de URL of domeinnaam waar statische bestanden moeten worden gehost bekend is, dan kunt u die URL toevoegen in het veld “ Absolute URL's ' veld. Aan de andere kant, als er onduidelijkheid bestaat, zal de “ Relatief pad 'optie kan worden overwogen:
Open vervolgens de “ Opnemen/uitsluiten tabblad. Hier kunnen de extra URL's of bestanden respectievelijk worden opgenomen of uitgesloten:
Klik ten slotte op de “ Wijzigingen opslaan ” optie om de instellingen op te slaan.
Opmerking: De ' Regex-expressies ' kan ook worden gebruikt om URL's uit te sluiten die met een bepaald patroon overeenkomen.
Stap 3: Genereer statische bestanden
Nadat u alle stappen heeft uitgevoerd, kunnen nu de statische bestanden worden gegenereerd voor uw headless website. Navigeer hiervoor naar “ Gewoon statisch->Genereren ' en activeer de ' Genereer statische bestanden '-knop, als volgt:
De plug-in navigeert vervolgens door de website en slaat statische bestanden op in een tijdelijke map. Afhankelijk van de pagina's die de website bevat, kan dit enige tijd duren. De status van de exportbestanden kunt u bekijken in de “ Activiteiten logboek ”:
Eenmaal voltooid, zal er een succesmelding verschijnen met een link om bestanden naar uw systeem te downloaden in een zip-archiefformaat.
Na het downloaden van het zip-bestand pak je het uit en voer je de volgende stappen uit:
- Maak verbinding met uw website via Bestandsbeheer in het hostingcontrolepaneel.
- Nadat u verbinding hebt gemaakt, uploadt u de gedownloade uitgepakte statische bestanden naar uw website waar de headless-site moet worden gehost.
- Bezoek ten slotte uw statische website om deze in actie te zien.
Conclusie
“ Hoofdloze WordPress ” scheidt het back-end-beheergebied van de WordPress-site van de front-end en kan worden ingesteld met behulp van de “ Gewoon statisch ”plug-in gebaseerd op de statische pagina's. In dit artikel werd de betekenis van Headless WordPress besproken en hoe je het kunt instellen.