Aquest tutorial explicarà 'WordPress sense cap' i el procediment per configurar-lo.
Què és Headless WordPress i com funciona?
“ WordPress sense cap ” separa l'àrea d'administració del back-end del lloc de WordPress del front-end. És tal que utilitza WordPress com a programari de fons per organitzar les dades i el contingut, però utilitza funcionalitats separades per mostrar les dades al front-end.
WordPress inclou una àrea d'administració interactiva on es pot gestionar el lloc web. Quan creen un lloc de WordPress sense cap, els desenvolupadors utilitzen l'API REST per obtenir/recuperar dades de WordPress. Després de fer-ho, poden utilitzar-lo en tecnologies de front-end com React.js i Angular.js per dissenyar un lloc web personalitzat.
Avantatges de WordPress sense cap
A continuació es mostren alguns dels avantatges d'utilitzar “ WordPress sense cap ”:
Rendiment optimitzat: Els llocs de WordPress que funcionen amb interfície són comparativament sensibles, amb temps de càrrega mínims.
Seguretat millorada: Quan la part frontal del lloc està separada d'una base de dades inaccessible, automàticament fa que el lloc sigui més segur.
Major flexibilitat: Utilitzant WordPress sense cap, el desenvolupador pot mantenir la part posterior de WordPress de manera flexible i també pot subcontractar la part frontal a un programari alternatiu que permeti més flexibilitat.
Com començar amb WordPress sense cap?
En aquesta secció, es crearà un lloc web de WordPress sense cap utilitzant només les pàgines estàtiques generades mitjançant WordPress. Aquest enfocament és més senzill i útil per als principiants.
Utilitzeu els passos que s'indiquen a continuació per dur a terme aquest enfocament.
Pas 1: instal·leu el connector 'Simply Static'.
Primer, instal·leu el ' Simplement estàtic ' connector de ' Connectors->Afegeix nou ”:
Després d'instal·lar i activar el connector, canvieu a ' Simplement estàtic->Configuració ”:
Pas 2: opteu pel camí de l'URL
Ara, opteu pel camí de l'URL que s'ha d'utilitzar als fitxers estàtics. Per exemple, si l'URL o nom de domini se sap on s'han d'allotjar els fitxers estàtics, llavors podeu afegir aquest URL al ' URL absoluts 'camp. D'altra banda, si hi ha una ambigüitat, el ' Camí relatiu ” opció es pot considerar:
A continuació, obriu el ' Inclou/Exclou ” pestanya. Aquí, els URL o fitxers addicionals es poden incloure o excloure, respectivament:
Finalment, feu clic a ' Guardar canvis ” per desar la configuració.
Nota: El ' Expressions de regex ” també es pot utilitzar per excloure URL que coincideixin amb un patró determinat.
Pas 3: genera fitxers estàtics
Després d'aplicar tots els passos, ara es poden generar els fitxers estàtics per al vostre lloc web sense cap. Per fer-ho, navegueu a ' Simplement estàtic->Genera ' i activar el ' Generar fitxers estàtics ', de la manera següent:
Aleshores, el connector navegarà pel lloc web i emmagatzemarà fitxers estàtics en una carpeta temporal. Pot trigar un temps en funció de les pàgines que inclou el lloc web. L'estat dels fitxers d'exportació es pot veure a ' Registre d'activitats ”:
Un cop acabat, es farà evident una notificació d'èxit amb un enllaç per descarregar fitxers al vostre sistema en format d'arxiu zip.
Després de descarregar el fitxer zip, extreu-lo i apliqueu els passos següents:
- Connecteu-vos al vostre lloc web mitjançant el Gestor de fitxers al tauler de control d'allotjament.
- Després d'haver connectat, carregueu els fitxers estàtics extrets descarregats al vostre lloc web on s'ha d'allotjar el lloc sense capçalera.
- Finalment, visiteu el vostre lloc web estàtic per veure'l en acció.
Conclusió
“ WordPress sense cap ' separa l'àrea d'administració del back-end del lloc de WordPress de la part frontal i es pot configurar mitjançant el ' Simplement estàtic ” plugin basat en les pàgines estàtiques. En aquest article es parla de la importància de Headless WordPress i de com configurar-lo.