Αυτό το σεμινάριο θα εξηγήσει το 'Headless WordPress' και τη διαδικασία για να το ρυθμίσετε.
Τι είναι το Headless WordPress και πώς λειτουργεί;
' Ακέφαλο WordPress ” διαχωρίζει την περιοχή διαχείρισης του back-end του ιστότοπου WordPress από το front-end. Είναι τέτοιο που χρησιμοποιεί το WordPress ως λογισμικό υποστήριξης για την οργάνωση δεδομένων και περιεχομένου, αλλά χρησιμοποιεί ξεχωριστές λειτουργίες για την εμφάνιση των δεδομένων στο μπροστινό μέρος.
Το WordPress περιλαμβάνει μια διαδραστική περιοχή διαχειριστή όπου μπορεί να γίνει διαχείριση του ιστότοπου. Κατά τη δημιουργία ενός ιστότοπου WordPress χωρίς κεφάλι, οι προγραμματιστές χρησιμοποιούν το REST API για την ανάκτηση/ανάκτηση δεδομένων από το WordPress. Αφού το κάνουν, μπορούν να το χρησιμοποιήσουν στις τεχνολογίες διεπαφής όπως το React.js και το Angular.js για να σχεδιάσουν έναν προσαρμοσμένο ιστότοπο.
Πλεονεκτήματα του Headless WordPress
Ακολουθούν μερικά από τα πλεονεκτήματα της χρήσης ' Ακέφαλο WordPress ”:
Βελτιστοποιημένη απόδοση: Οι ιστότοποι WordPress που τροφοδοτούνται από frontends είναι συγκριτικά αποκριτικοί, με ελάχιστους χρόνους φόρτωσης.
Ενισχυμένη ασφάλεια: Όταν η διεπαφή του ιστότοπου διαχωρίζεται από μια μη προσβάσιμη βάση δεδομένων, καθιστά αυτόματα τον ιστότοπο πιο ασφαλή.
Μεγαλύτερη ευελιξία: Χρησιμοποιώντας το WordPress χωρίς κεφαλή, ο προγραμματιστής μπορεί να διατηρήσει το back-end τμήμα του WordPress με ευελιξία και μπορεί επίσης να αναθέσει το τμήμα του front-end σε ένα εναλλακτικό λογισμικό που επιτρέπει μεγαλύτερη ευελιξία.
Πώς να ξεκινήσετε με το Headless WordPress;
Σε αυτήν την ενότητα, θα δημιουργηθεί ένας ιστότοπος WordPress χωρίς κεφαλές χρησιμοποιώντας μόνο τις στατικές σελίδες που δημιουργούνται μέσω του WordPress. Αυτή η προσέγγιση είναι απλούστερη και βολική για αρχάριους.
Χρησιμοποιήστε τα παρακάτω βήματα για να πραγματοποιήσετε αυτήν την προσέγγιση.
Βήμα 1: Εγκαταστήστε την προσθήκη 'Simply Static'.
Πρώτα, εγκαταστήστε το ' Απλά στατικό ' plugin από ' Πρόσθετα->Προσθήκη νέου ”:
Μετά την εγκατάσταση και την ενεργοποίηση του πρόσθετου, μεταβείτε στο ' Απλά Static->Ρυθμίσεις ”:
Βήμα 2: Επιλέξτε τη διαδρομή URL
Τώρα, επιλέξτε τη διαδρομή URL που πρέπει να χρησιμοποιηθεί στα στατικά αρχεία. Για παράδειγμα, εάν η διεύθυνση URL ή όνομα τομέα όπου είναι γνωστό το σημείο που πρόκειται να φιλοξενηθούν στατικά αρχεία, τότε μπορείτε να προσθέσετε αυτήν τη διεύθυνση URL στο ' Απόλυτες διευθύνσεις URL πεδίο. Από την άλλη πλευρά, εάν υπάρχει ασάφεια, το « Σχετική διαδρομή ” μπορεί να εξεταστεί η επιλογή:
Στη συνέχεια, ανοίξτε το ' Συμπερίληψη/Εξαίρεση καρτέλα '. Εδώ, οι πρόσθετες διευθύνσεις URL ή αρχεία μπορούν να συμπεριληφθούν ή να εξαιρεθούν, αντίστοιχα:
Τέλος, κάντε κλικ στο ' Αποθήκευσε τις αλλαγές ” επιλογή για αποθήκευση των ρυθμίσεων.
Σημείωση: Ο ' Εκφράσεις Regex ' μπορεί επίσης να χρησιμοποιηθεί για τον αποκλεισμό διευθύνσεων URL που ταιριάζουν με ένα συγκεκριμένο μοτίβο.
Βήμα 3: Δημιουργήστε στατικά αρχεία
Μετά την εφαρμογή όλων των βημάτων, τα στατικά αρχεία μπορούν πλέον να δημιουργηθούν για τον ακέφαλο ιστότοπό σας. Για να το κάνετε αυτό, μεταβείτε στο ' Απλά Static->Generate ' και ενεργοποιήστε το ' Δημιουργία στατικών αρχείων κουμπί ', ως εξής:
Στη συνέχεια, η προσθήκη θα περιηγηθεί στον ιστότοπο και θα αποθηκεύσει στατικά αρχεία σε έναν προσωρινό φάκελο. Μπορεί να πάρει κάποιο χρόνο ανάλογα με τις σελίδες που περιλαμβάνει ο ιστότοπος. Η κατάσταση των αρχείων εξαγωγής μπορεί να προβληθεί στο ' Αρχείο καταγραφής δραστηριότητας ”:
Μόλις τελειώσετε, θα εμφανιστεί μια ειδοποίηση επιτυχίας με έναν σύνδεσμο για τη λήψη αρχείων στο σύστημά σας σε μορφή αρχείου zip.
Αφού κάνετε λήψη του αρχείου zip, εξαγάγετε το και εφαρμόστε τα παρακάτω βήματα:
- Συνδεθείτε στον ιστότοπό σας μέσω της Διαχείρισης αρχείων στον πίνακα ελέγχου φιλοξενίας.
- Αφού συνδεθείτε, μεταφορτώστε τα ληφθέντα εξαγόμενα στατικά αρχεία στον ιστότοπό σας όπου πρέπει να φιλοξενηθεί ο ιστότοπος χωρίς κεφαλή.
- Τέλος, επισκεφτείτε τον στατικό ιστότοπό σας για να τον δείτε σε δράση.
συμπέρασμα
' Ακέφαλο WordPress ' διαχωρίζει την περιοχή διαχείρισης του back-end του ιστότοπου WordPress από το front-end και μπορεί να ρυθμιστεί χρησιμοποιώντας το ' Απλά στατικό ' plugin που βασίζεται στις στατικές σελίδες. Αυτό το άρθρο εξέτασε τη σημασία του Headless WordPress και πώς να το ρυθμίσετε.