Πώς να δημιουργήσετε ένα παιδικό θέμα WordPress
Γιατί δεν πρέπει ποτέ να προσαρμόσετε το WordPress στο υπάρχον γονικό θέμα; Τι συμβαίνει με τις προσαρμογές σας όταν ενημερώνεται το θέμα που χρησιμοποιείτε;
Η απάντηση είναι ότι χάθηκαν και η σκληρή δουλειά σας για να δημιουργήσετε τον ιστότοπό σας σύμφωνα με τις οδηγίες και τις προτιμήσεις της επωνυμίας σας και των μηνυμάτων θα χαθεί επίσης.
Ένα θυγατρικό θέμα σάς δίνει τη δυνατότητα να δημιουργήσετε ένα ξεχωριστό φύλλο στυλ CSS(child theme enables you to create a separate CSS stylesheet) και να προσθέσετε πρόσθετες λειτουργίες που δεν θα χαθούν ή θα επηρεαστούν όταν ενημερωθεί το γονικό θέμα.
Αυτό μπορεί να γίνει με μη αυτόματο τρόπο ή με την εγκατάσταση μιας προσθήκης δημιουργίας θυγατρικών θεμάτων. Ας ξεκινήσουμε με τη χειροκίνητη διαδικασία.
Δημιουργία νέου καταλόγου(Create a New Directory)
Ξεκινήστε(Start) δημιουργώντας έναν νέο κατάλογο για το θέμα του παιδιού σας. Μπορείτε να χρησιμοποιήσετε έναν πελάτη FTP(FTP client) ή να αποκτήσετε πρόσβαση στον υπάρχοντα κατάλογο wp-content/themes μέσω του cPanel.
Για να χρησιμοποιήσετε το cPanel, μεταβείτε στον πίνακα ελέγχου της φιλοξενίας σας. Επιλέξτε διαχειριστή αρχείων(file manager) και μεταβείτε στον κατάλογο όπου είναι εγκατεστημένο το WordPress .
Αυτό βρίσκεται συνήθως σε έναν κατάλογο με το όνομα public_html . Εντοπίστε και ανοίξτε το φάκελο wp-content . Κάντε κλικ στη δημιουργία νέου φακέλου(create new folder) και εισαγάγετε ένα όνομα για το θέμα του παιδιού σας. Φροντίστε να του δώσετε ένα όνομα που θα αναγνωρίσετε αργότερα. Ένα καλό παράδειγμα είναι το nameofparenttheme-child(nameofparenttheme-child) .
Μην συμπεριλάβετε κενά στο όνομα του αρχείου σας για να αποφύγετε σφάλματα.
Λόγω εσωτερικού χειρισμού, το όνομα του φακέλου πρέπει να περιλαμβάνει το όνομα του γονικού θέματος (θέμα 'slug') όπως φαίνεται στο παρακάτω παράδειγμα.
Δημιουργήστε ένα φύλλο στυλ CSS(Create a CSS Stylesheet)
Τα φύλλα στυλ χρησιμοποιούνται στα θέματα του WordPress για δύο λόγους.
- Είναι η τοποθεσία των στυλ που επηρεάζουν την εμφάνιση του ιστότοπού σας.
- Το κύριο φύλλο στυλ ενός θέματος είναι όπου το WordPress ψάχνει για να βρει πληροφορίες σχετικά με το θέμα.
Ίσως να μην θέλετε να προσθέσετε νέα στυλ στο θυγατρικό θέμα. Ωστόσο, το φύλλο στυλ πρέπει να υπάρχει ακόμα για να ορίζονται συγκεκριμένα στοιχεία, όπως το όνομα του θέματός σας και το όνομα του γονικού θέματος.
Επομένως, πρέπει να δημιουργήσετε ένα νέο φύλλο στυλ για το θέμα του παιδιού σας. Έτσι, το επόμενο βήμα σας είναι να δημιουργήσετε ένα αρχείο κειμένου για το φύλλο στυλ CSS που θα ορίζει τους κανόνες που ελέγχουν την εμφάνιση του παιδικού σας θέματος.
Στη συνέχεια, το αρχείο CSS(CSS) θυγατρικού θέματος θα έχει προτεραιότητα έναντι του γονικού θέματος.
Πρέπει να συμπεριλάβετε τις ακόλουθες πληροφορίες στο αρχείο κειμένου σας:
- Το όνομα του θέματός σας.
- Το όνομα του καταλόγου γονικού θέματος.
- Τίτλος και περιγραφή που βγάζει νόημα.
Φροντίστε να συμπεριλάβετε στο φύλλο στυλ το ακόλουθο σχόλιο κεφαλίδας στο επάνω μέρος του αρχείου. Το WordPress(WordPress) θα διαβάσει αυτές τις πληροφορίες και θα γνωρίζει ότι χρησιμοποιείται ένα θυγατρικό θέμα.
Θέλετε να δώσετε μεγάλη προσοχή στην ετικέτα προτύπου. Λέει στο WordPress ποιο είναι το γονικό θέμα του παιδιού σας. Σημειώστε ότι ο φάκελος όπου βρίσκεται το γονικό σας θέμα κάνει διάκριση πεζών-κεφαλαίων.
Τεχνικά, μπορείτε πλέον να ενεργοποιήσετε το παιδικό σας θέμα. Ωστόσο, εάν θέλετε να δημιουργήσετε ένα πιο περίπλοκο θυγατρικό θέμα, θα χρειαστεί να προσθέσετε προσαρμοσμένες συναρτήσεις PHP .
Δημιουργήστε ένα αρχείο functions.php στο θυγατρικό θέμα (στον ίδιο κατάλογο με το αρχείο style.css που δημιουργήσατε). (style.css)Εδώ πρέπει να προστεθούν πράγματα όπως πρόσθετες μορφές αναρτήσεων.
Όπως και με το αρχείο CSS , οι αλλαγές ή οι προσθήκες στο αρχείο PHP θα συγχωνευθούν αυτόματα ή θα παρακάμψουν τις λειτουργίες του γονέα.
Για πράγματα όπως μορφές ανάρτησης που προστίθενται με μια add_theme_support() , λειτουργούν ως παρακάμψεις αντί για συγχωνεύσεις.
Όταν χρησιμοποιείτε την add_theme_support()(add_theme_support()) , πρέπει να κάνετε κάποια πρόσθετα βήματα για να διασφαλίσετε ότι το θυγατρικό θέμα υπερισχύει του γονέα.
Αυτό μπορεί να γίνει πολύπλοκο, επομένως ανατρέξτε στην τρέχουσα ανάρτηση του επικεφαλής της ομάδας αναθεώρησης θεμάτων WordPress(WordPress Theme Review Team) William Patton σχετικά με τη χρήση μορφών ανάρτησης WordPress( post on using WordPress post formats) .
Προσθέστε στυλ και σενάρια για να παρακάμψετε τη λειτουργικότητα του γονικού θέματος(Add Styles & Scripts To Override Parent Theme Functionality)
Το επόμενο βήμα σας είναι να βεβαιωθείτε ότι το παιδικό σας θέμα είτε κληρονομεί τα χαρακτηριστικά και τα στυλ του γονικού θέματος είτε αντικατοπτρίζει τα νέα που θέλετε να χρησιμοποιήσετε.
Τα στυλ χρησιμοποιούνται για την αλλαγή της εμφάνισης του ιστότοπού σας. Τα σενάρια(Scripts) ενισχύουν τη λειτουργικότητα. Ο τρόπος με τον οποίο προστίθενται στυλ και σενάρια στον ιστότοπό σας στο WordPress είναι τόσο σημαντικός όσο και τα περιεχόμενα των αρχείων.
Η λειτουργία ουράς του WordPress είναι πώς να το πετύχετε αυτό.
Η ουρά αναφέρεται στον τρόπο με τον οποίο προστίθενται στυλ και σενάρια σε ιστότοπους WordPress , ώστε να μπορούν να επηρεάσουν το τι βλέπουν οι χρήστες όταν επισκέπτονται τον ιστότοπό σας.
Η χρήση πολλών προσθηκών για την επίτευξη του ίδιου αποτελέσματος οδηγεί συχνά σε προβλήματα συμβατότητας και κατεστραμμένους ιστότοπους.
Το Wp_enqueue(Wp_enqueue) όχι μόνο βελτιώνει την απόδοση του ιστότοπού σας μέσω της μείωσης των επιβαρύνσεων των προσθηκών, αλλά βελτιώνει επίσης την εμπειρία του χρήστη.
Τρόπος χρήσης του 'wp_enqueue'(How To Use ‘wp_enqueue’)
Για να εξάγετε τα στυλ για το θυγατρικό σας θέμα, θα χρειαστεί να χρησιμοποιήσετε μια συνάρτηση που ονομάζεται wp_enqueue_style() .
Αυτή η συνάρτηση απαιτεί μερικά κομμάτια πληροφοριών, αλλά το πιο σημαντικό είναι το όνομα (ή η «λαβή») και η θέση του αρχείου.
Μέσα στο αρχείο functions.php προσθέστε τον παρακάτω κώδικα.
Αυτός ο κώδικας προσθέτει το φύλλο στυλ από τον γονικό κατάλογο και στη συνέχεια προσθέτει επίσης το φύλλο στυλ για το παιδί που δημιουργήσαμε νωρίτερα. Σημειώστε ότι το κείμενο γονικού στυλ(parent-style) θα πρέπει να ταιριάζει με το όνομα του γονικού θέματος με το -style να προστίθεται στο τέλος.
Ενεργοποιήστε το θέμα του παιδιού σας(Activate Your Child Theme)
Εάν δημιουργήσατε τα αρχεία για το θυγατρικό σας θέμα στον διακομιστή μέσα στο φάκελο wp-content/themes/yourthemename , τότε θα ήταν διαθέσιμα στον πίνακα ελέγχου του WordPress για να τα ενεργοποιήσετε.
- Συνδεθείτε στον πίνακα ελέγχου σας.
- Μεταβείτε στην Appearance > Themes .
- Το θέμα του παιδιού σας πρέπει να αναφέρεται.
- Επιλέξτε Προεπισκόπηση(Preview) για να δείτε πώς φαίνεται ο ιστότοπος με το νέο θυγατρικό θέμα.
- Μόλις είστε ικανοποιημένοι με την εμφάνισή του, κάντε κλικ στο Ενεργοποίηση(Activate ) για να το κάνετε ζωντανό.
Εάν δημιουργήσατε το θυγατρικό σας θέμα κάπου αλλού εκτός από το διακομιστή στο φάκελο wp-content/themes/yourthemename , τότε θα πρέπει να συμπιέσετε το νέο φάκελο θυγατρικών θεμάτων.
- Συνδεθείτε στον πίνακα ελέγχου του WordPress.
- Μεταβείτε στην Appearance > Themes .
- Κάντε κλικ στην Προσθήκη νέου(Add new) .
- Επιλέξτε Μεταφόρτωση θέματος(Upload Theme) .
- Σύρετε(Drag) το συμπιεσμένο αρχείο σας στο νέο πλαίσιο που εμφανίζεται ή κάντε κλικ στον επιλογέα αρχείων και περιηγηθείτε σε αυτό στον υπολογιστή σας.
- Αφού μεταφορτωθεί, μπορείτε να το κάνετε προεπισκόπηση και μετά να το ενεργοποιήσετε.
Προσθήκη αρχείων προτύπων(Add Template Files)
Για να παρακάμψετε άλλα πρότυπα, μπορείτε να τα αντιγράψετε από το γονικό θέμα στο θυγατρικό θέμα. Τυχόν αρχεία προτύπων που έχουν το ίδιο όνομα στο παιδί με το γονικό λειτουργούν ως παρακάμψεις. Στη συνέχεια, προσαρμόστε τα περιεχόμενα των προτύπων όπως απαιτείται.
Για να προσθέσετε νέα πρότυπα(To add new templates) , είναι απλώς μια περίπτωση να δημιουργήσετε ένα νέο αρχείο με το σωστό όνομα και να προσθέσετε το δικό σας περιεχόμενο. Η παραπάνω ενότητα εξηγεί τη μη αυτόματη διαδικασία.
Τώρα ας δούμε πώς να δημιουργήσετε θυγατρικά θέματα με μια προσθήκη WordPress .
Χρησιμοποιήστε μια προσθήκη WordPress(Use a WordPress Plugin)
Συνδεθείτε(Log) στον πίνακα ελέγχου του WordPress . Κάντε κλικ(Click) στο Plugins > Add New . Αναζήτηση για παιδικό θέμα.(child theme.)
Το πρώτο πρόσθετο που θα δείτε είναι το Child Theme Configurator . Αυτή είναι μια καλή επιλογή, όπως φαίνεται στο παραπάνω στιγμιότυπο οθόνης, επειδή:
- Είναι συμβατό με την τρέχουσα έκδοση του WP.
- Έχει πολλές εγκαταστάσεις.
- Ενημερώθηκε πρόσφατα.
Κάντε κλικ στο Install now > Activate . Το επόμενο βήμα είναι να πλοηγηθείτε στα Εργαλεία(Tools) και, στη συνέχεια, να επιλέξετε θυγατρικά θέματα.(child themes.)
Βρείτε(Find) και επιλέξτε το γονικό σας θέμα από το αναπτυσσόμενο μενού. Επιλέξτε ανάλυση(analyze) για να βεβαιωθείτε ότι το θέμα σας είναι εντάξει για χρήση ως θυγατρικό θέμα.
Παρακάτω(Below) ακολουθεί ένας αναλυτικός οδηγός για τον τρόπο ρύθμισης του Child Theme Configurator . Εάν αποφασίσετε να χρησιμοποιήσετε μια διαφορετική προσθήκη WordPress , μπορείτε εύκολα να βρείτε έναν οδηγό για το πώς να το ρυθμίσετε επίσης.
Όπως γνωρίζετε τώρα, τα θυγατρικά θέματα είναι ξεχωριστά θέματα που βασίζονται στο γονικό τους θέμα για μέρος της λειτουργικότητάς τους.
Όταν χρησιμοποιείτε ένα παιδικό θέμα, το WordPress(WordPress) θα αναζητήσει το παιδί πριν από τον γονέα και θα ακολουθήσει το στυλ και τη λειτουργικότητα του παιδιού εάν υπάρχει.
Εξοικονομήστε πολύ χρόνο, προβλήματα και μελλοντικούς πονοκεφάλους όταν ενημερώνεται το γονικό θέμα, δημιουργώντας ένα παιδί που δεν θα επηρεαστεί από την ενημέρωση.
Related posts
Δημιουργία παιδικού θέματος στο WordPress
Πώς να δημιουργήσετε τον δικό σας ιστότοπο που μοιάζει με Twitter χρησιμοποιώντας το θέμα P2 του WordPress
Πώς να μετακινήσετε ιστότοπο WordPress από έναν κεντρικό υπολογιστή σε άλλο
Πώς να εγκαταστήσετε και να ρυθμίσετε το WordPress στο Microsoft Azure
Πώς να εκτελέσετε απίστευτα γρήγορο WordPress στο Microsoft Azure
Πώς να κάνετε έναν ιστότοπο WordPress ασφαλή
Οδηγός WordPress Gutenberg: Πώς να χρησιμοποιήσετε το νέο πρόγραμμα επεξεργασίας
Πώς να ενημερώσετε την PHP στο WordPress
11 καλύτερες προσθήκες για το WordPress Podcast
Πώς να προσθέσετε μια πλωτή πλευρική γραμμή στο Wordpress
Ανακατευθύνετε τους χρήστες από τη σελίδα 404 στο WordPress
Πώς να εγκαταστήσετε το WordPress στην πλατφόρμα Google Cloud
Πώς να χρησιμοποιήσετε το Lumen5 για να μετατρέψετε τη δημοσίευση του ιστολογίου σας σε βίντεο
Προστατέψτε και ασφαλίστε τον ιστότοπο WordPress από τους χάκερ
Πώς να εγκαταστήσετε ένα θέμα στο WordPress
Πώς να ρυθμίσετε το απόρρητο στο WordPress και γιατί είναι σημαντικό
Πώς να ελέγξετε εάν ένας ιστότοπος έχει αποκλειστεί από το AdSense
Πώς να αφαιρέσετε κακόβουλο λογισμικό από τον ιστότοπό σας στο WordPress
Κριτική βιβλίου: Δημιουργήστε τον δικό σας ιστότοπο: Ένας οδηγός κόμικ για HTML, CSS και Wordpress
Πώς να ενισχύσετε την απόδοση στο WordPress μέσω καθαρισμού βάσης δεδομένων