Δημιουργία child theme για το WordPress θέμα σας
Αν τροποποιήσετε απευθείας τα αρχεία ενός θέματος, οι αλλαγές σας θα χαθούν στην επόμενη ενημέρωση του θέματος. Ένα child theme το αποτρέπει αυτό. Πρόκειται για ένα μικρό θέμα που κληρονομεί τα πάντα από ένα άλλο θέμα, το γονικό θέμα (parent theme), εκτός από ό,τι προσθέσετε εσείς. Το γονικό θέμα συνεχίζετε να το ενημερώνετε κανονικά. Εδώ θα μάθετε πότε χρειάζεστε ένα child theme και πώς να το δημιουργήσετε με τη Διαχείριση αρχείων στο DirectAdmin.
Το χρειάζεστε;
| Θέλετε να | Χρειάζεται child theme; |
|---|---|
| Προσαρμόσετε ένα θέμα μπλοκ στον Επεξεργαστή ιστότοπου (Εμφάνιση > Επεξεργαστής): χρώματα, γραμματοσειρές, κεφαλίδα και υποσέλιδο | Όχι. Αυτές οι προσαρμογές αποθηκεύονται στη βάση δεδομένων και παραμένουν μετά από μια ενημέρωση. |
| Προσθέσετε μερικές γραμμές CSS | Όχι. Χρησιμοποιήστε τον Πρόσθετο CSS στην Προσαρμογή (κλασικό θέμα) ή στα Στυλ του Επεξεργαστή ιστότοπου. |
| Προσθέσετε μια λειτουργία που δεν σχετίζεται με την εμφάνιση, όπως μια σύνδεση ή μια φόρμα | Όχι. Αυτή ανήκει σε ένα plugin, ώστε να λειτουργεί και μετά από αλλαγή θέματος. |
| Αλλάξετε ένα αρχείο προτύπου του θέματος, να προσθέσετε πολύ δικό σας CSS ή κώδικα PHP που αφορά την εμφάνιση | Ναι. |
Χρησιμοποιείτε θέμα μπλοκ; Δοκιμάστε πρώτα στον Επεξεργαστή ιστότοπου. Αν θέλετε να αποθηκεύσετε σε αρχεία τις προσαρμογές σας από τον Επεξεργαστή ιστότοπου, το επίσημο plugin Create Block Theme μπορεί να δημιουργήσει ένα child theme για εσάς.
Βήμα 1: βρείτε τον φάκελο του γονικού θέματος
- Στο DirectAdmin ανοίξτε τη Διαχείριση αρχείων. Δείτε Άνοιγμα της Διαχείρισης αρχείων: οι φάκελοι στο πακέτο σας.
- Μεταβείτε στο
domains/example.com/public_html/wp-content/themes. - Σημειώστε το ακριβές όνομα του φακέλου του θέματός σας, για παράδειγμα
hoofdthema. Πρόκειται για το όνομα του φακέλου, όχι για το όνομα που βλέπετε στο WordPress.
Βήμα 2: δημιουργήστε τον φάκελο και το style.css
- Στον φάκελο
themesκάντε κλικ στο Νέος φάκελος και δημιουργήστε για παράδειγμα τονhoofdthema-child. - Ανοίξτε αυτόν τον φάκελο, κάντε κλικ στο Νέο αρχείο και δημιουργήστε το
style.css. - Κάντε δεξί κλικ στο αρχείο, επιλέξτε Επεξεργασία, επικολλήστε την παρακάτω κεφαλίδα και κάντε κλικ στο Αποθήκευση.
/* Theme Name: Hoofdthema Child Template: hoofdthema Description: Eigen aanpassingen voor example.com Version: 1.0.0 */ /* Je eigen CSS komt hieronder. */
Η γραμμή Template: είναι η πιο σημαντική. Εκεί πρέπει να αναγράφεται ακριβώς το όνομα του φακέλου του γονικού θέματος, με τα ίδια κεφαλαία γράμματα και τις ίδιες παύλες. Αν δεν είναι σωστό, το WordPress θα αναφέρει ότι λείπει το γονικό θέμα.
Βήμα 3: functions.php ή theme.json
Κλασικό θέμα: δημιουργήστε στον ίδιο φάκελο ένα functions.php που φορτώνει το stylesheet σας:
<?php
add_action( 'wp_enqueue_scripts', function () {
wp_enqueue_style(
'hoofdthema-child',
get_stylesheet_uri(),
array(),
wp_get_theme()->get( 'Version' )
);
} );
Το αν το γονικό θέμα φορτώνει μόνο του το δικό του stylesheet διαφέρει από θέμα σε θέμα. Ανατρέξτε στην τεκμηρίωση του θέματός σας. Αν μετά την ενεργοποίηση ο ιστότοπός σας φαίνεται γυμνός, πρέπει να φορτώσετε και το stylesheet του γονικού θέματος, με get_template_directory_uri() . '/style.css'. Το functions.php του child δεν αντικαθιστά εκείνο του γονικού θέματος: φορτώνονται και τα δύο, πρώτα του child. Γι' αυτό μην αντιγράφετε ποτέ συναρτήσεις από το functions.php του γονικού θέματος, επειδή τα διπλά ονόματα συναρτήσεων προκαλούν κρίσιμο σφάλμα.
Θέμα μπλοκ: συνήθως δεν χρειάζεται functions.php. Αν θέλετε για παράδειγμα διαφορετική παλέτα χρωμάτων, δημιουργήστε ένα δικό σας theme.json. Το WordPress το συγχωνεύει με εκείνο του γονικού θέματος, οπότε συμπεριλαμβάνετε μόνο ό,τι θέλετε να αλλάξετε.
Αν θέλετε να τροποποιήσετε ένα πρότυπο, αντιγράψτε μόνο εκείνο το συγκεκριμένο αρχείο από το γονικό θέμα στην ίδια θέση στο child σας και τροποποιήστε το αντίγραφο. Το WordPress ψάχνει πρώτα στο child και μετά στο γονικό θέμα. Μην αντιγράφετε τα πάντα, διαφορετικά δεν θα λαμβάνετε πλέον τις βελτιώσεις του γονικού θέματος.
Βήμα 4: ενεργοποίηση
- Στο WordPress μεταβείτε στο Εμφάνιση > Θέματα. Το child theme σας εμφανίζεται εκεί. Κάντε κλικ στο Ενεργοποίηση.
- Ελέγξτε τον ιστότοπό σας: κεφαλίδα, μενού, widgets και χρώματα. Αν χρειάζεται, ορίστε ξανά τα μενού και τις ρυθμίσεις της Προσαρμογής.
- Μη διαγράψετε το γονικό θέμα και διατηρήστε το ενημερωμένο. Χωρίς το γονικό θέμα, το child δεν λειτουργεί.
Προτιμάτε να δημιουργήσετε το child theme στον δικό σας υπολογιστή; Συμπιέστε τότε τον φάκελο σε zip και μεταφορτώστε τον στο WordPress στο Εμφάνιση > Θέματα με το κουμπί Προσθήκη θέματος και στη συνέχεια Μεταφόρτωση θέματος. Εναλλακτικά, μεταφορτώστε τον φάκελο με τη Διαχείριση αρχείων ή μέσω SFTP στο wp-content/themes, δείτε Μεταφόρτωση και λήψη αρχείων.
Επιστροφή στο παλιό θέμα
Ενεργοποιήστε ξανά το γονικό θέμα στο Εμφάνιση > Θέματα. Αν λόγω σφάλματος στο child δεν μπορείτε πλέον να μπείτε στη διαχείριση, μετονομάστε στη Διαχείριση αρχείων τον φάκελο του child, για παράδειγμα σε hoofdthema-child-uit. Το WordPress θα επιστρέψει τότε σε ένα προεπιλεγμένο θέμα, εφόσον είναι ακόμη εγκατεστημένο. Περισσότερα σχετικά στο Σφάλμα 500 ή «κρίσιμο σφάλμα» στον ιστότοπό σας (και μετά από ενημέρωση του WordPress).
Περισσότερες πληροφορίες
- Child themes στο developer.wordpress.org (στα Αγγλικά)
Θέλετε να μάθετε περισσότερα; Παρακολουθήστε το δωρεάν μάθημα WordPress, ενότητα 5.2 Δημιουργία child theme.