Δημιουργία παιδικού θέματος WordPress. Παιδικά θέματα. Πώς να δημιουργήσετε ένα παιδικό θέμα WordPress

Η επόμενη ενημέρωση πλατφόρμας προσθέτει πάντα νέες λειτουργίες, βελτιώνει την προστασία και εισάγει νέες δυνατότητες. Έτσι, μία από τις πολλές δυνατότητες μπορεί να σημειωθεί ως εξής χρήσιμο εργαλείο, Πως . Και αυτή είναι μόνο μία από τις πολλές λειτουργίες. Και υπάρχουν πιο σημαντικά, για παράδειγμα, ένα παιδικό θέμα.

Τι είναι ένα παιδικό θέμα WordPress;

Δεν θα ήθελα να εμβαθύνω πολύ σε αυτό το θέμα, δεδομένου ότι υπάρχει ένα καλό εγχειρίδιο στη ρωσική γλώσσα στον επίσημο ιστότοπο (). Θα πω μόνο λίγα λόγια για τα οφέλη ενός παιδικού θέματος και τι είναι.

Εννοια:Το παιδικό θέμα (CT) έχει σχεδιαστεί κυρίως για τη σωστή επεξεργασία του γονικού θέματος (αυτό που ενεργοποιείται στο αυτή τη στιγμή). Η χρήση αυτής της μεθόδου θα σας επιτρέψει να αποθηκεύσετε όλες τις αλλαγές που έγιναν στο γονικό θέμα (PT) την επόμενη φορά που θα ενημερωθεί.

Οφελος:Κολοσσιαίος. Επειδη αυτο σωστή λύσησε τυχόν αλλαγές στο RT.

Πώς να δημιουργήσετε ένα παιδικό θέμα στο WordPress

Ο κώδικας του WordPress (σύνδεσμος παραπάνω) αναφέρεται σε λεπτομέρειες βήμα προς βήμα περιγραφήβήματα για τη δημιουργία παιδικού θέματος. Στην ουσία, δεν υπάρχει τίποτα περίπλοκο εδώ. Μάλλον, αντίθετα: όλα είναι πολύ απλά. Αλλά δεν έχουν όλοι την επιθυμία να ασχοληθούν με τα αρχεία (δεν θα τα κρίνουμε - αυτό είναι προσωπικό θέμα). Σε μια τέτοια περίπτωση, υπάρχουν πρόσθετα που θα κάνουν σχεδόν όλη τη δουλειά για εσάς.

Θα μιλήσουμε εν συντομία για αυτήν την επιλογή. Στο αποθετήριο, όπως πάντα, μεγάλη επιλογήπρόσθετα για την εφαρμογή λύσεων σε τυχόν προβλήματα. Η επιλογή μου έπεσε στο plugin " Παιδικό θέμα με ένα κλικ", το οποίο θα δημιουργήσει ένα θυγατρικό θέμα με ένα κλικ.

Μετά την ενεργοποίηση της ενότητας «Παιδικό θέμα με ένα κλικ», μεταβείτε στο « Εμφάνιση– Παιδικό θέμα. Υπάρχουν τρία πεδία για συμπλήρωση σε αυτή τη σελίδα:

Πώς να δουλέψετε με ένα παιδικό θέμα

Όταν χρειάζεται να επεξεργαστείτε το γονικό θέμα (για παράδειγμα, κάντε κάποιες αλλαγές, προσθέστε νέο μπλοκ, διαγράψτε ένα μπλοκ, κ.λπ.), τότε για λόγους διατήρησης ή ακόμα και ασφάλειας, είναι καλύτερο να το κάνετε αυτό μέσω ενός παιδικού θέματος.

Αρχεία θεμάτων.Ένα αρχείο στο οποίο πρέπει να κάνετε κάτι δικό σας αντιγράφεται από το RT και μεταφέρεται στο DT (σημειώστε ότι εάν το αρχείο βρίσκεται σε έναν υποφάκελο του θέματος, τότε δημιουργείτε τον ίδιο φάκελο και στο DT). Στη συνέχεια, ξεκινήστε να εργάζεστε με αυτό, αλλάξτε το, προσθέστε ότι χρειάζεστε και ελέγξτε το αποτέλεσμα.

Στυλ σχεδίασης (style.css).Για να μπορέσετε να επεξεργαστείτε τα στυλ γονικού θέματος απευθείας στο θυγατρικό θέμα, πρέπει πρώτα να τα εισαγάγετε μέσω του αρχείου style.css ή του αρχείου functions.php. Διαφορετικά, δεν θα υπάρξουν αλλαγές. Και αυτό γίνεται ως εξής:

CSS @import

/* Όνομα θέματος: child-my-theme Περιγραφή: Παιδικό θέμα

Λειτουργία

Add_action("wp_enqueue_scripts", "my_theme_enqueue_styles"); συνάρτηση my_theme_enqueue_styles() ( wp_enqueue_style("parent-style", get_template_directory_uri() . "/style.css"); )

λειτουργίες.php.Σε αντίθεση με τα προηγούμενα, δεν αλλάζει ούτε εισάγεται, αλλά φορτώνεται ως προσθήκη στο γονικό αρχείο. Δεν χρειάζεται να το αντιγράψετε από το RT, απλώς δημιουργήστε ένα αρχείο στο DT που ονομάζεται functions.php. Και στη συνέχεια με τον συνηθισμένο τρόπο προσθέτουμε τις λειτουργίες που χρειάζεστε σε αυτό. Έτσι θα είναι η σωστή προσέγγισηγια να τροποποιήσετε και να επεκτείνετε τις δυνατότητες του γονικού θέματος.

Συμπεριλαμβάνονται αρχεία από ένα παιδικό θέμα.Για να συνδέσετε αρχεία από το DT, πρέπει να χρησιμοποιήσετε ορισμένες λειτουργίες που υποδεικνύουν τη σωστή διαδρομή.

Η δημιουργία και η προσαρμογή ενός παιδικού θέματος στο WordPress είναι ένα πολύ σημαντικό εργαλείο στα χέρια ενός προγραμματιστή ιστότοπου. Με τη σωστή προσέγγιση, μπορούμε να εκσυγχρονίσουμε σχεδόν οποιοδήποτε στοιχείο του θέματος που επιλέξατε χωρίς να αλλάξουμε το κύριο. Αυτό μας δίνει ένα πλεονέκτημα όταν κάνουμε προσαρμογές και αλλάζουμε το θέμα, επειδή μπορούμε εύκολα να επιστρέψουμε τα πάντα Αρχική θέση. Στο παρεχόμενο μάθημα, θα μάθουμε πώς να δημιουργήσουμε ένα παιδικό θέμα και θα εξετάσουμε τη μόχλευση που θα αποκτήσουμε για να το κάνουμε.

Αν προχωρήσαμε στη μελέτη αυτού, σημαίνει ότι έχουμε ήδη επιλέξει και εγκαταστήσει ένα θέμα που ταιριάζει στο γούστο μας. Εάν όχι, τότε πρέπει πρώτα να το κάνετε.

Εχεις αποφασίσει; Ωραία, τώρα ας δούμε πώς δημιουργήστε ένα πρόσθετο θέμα.

Παιδικό θέμα WordPress, τι πρέπει να δημιουργήσετε

Τι θα έκανε λοιπόν δημιουργήστε ένα παιδικό θέμαπρέπει να κάνουμε μερικά απλά βήματα.

1. Πρώτα απ 'όλα, πρέπει να δημιουργήσουμε ένα φάκελο για το μελλοντικό μας μοναδικό θέμα.
2. Στη συνέχεια, δημιουργήστε ένα κανονικό Έγγραφο κειμένουκαι αλλάξουμε το όνομά του σε style.css, το οποίο μπορούμε να ανοίξουμε χρησιμοποιώντας ένα ειδικό πρόγραμμα επεξεργασίας σημειωματάριων++ ή άλλο ίδιου τύπου.
3. Στο αρχείο που δημιουργήσαμε, θα χρειαστεί να γράψετε τον σωστό τίτλο, τη λεγόμενη κεφαλίδα αρχείου.

Ας κάνουμε όλες τις παραπάνω πράξεις μαζί και με τη σειρά. Ας ξεκινήσουμε με το γεγονός ότι ο φάκελος μας Παιδικό θέμα WordPressτα θέματα πρέπει να δημιουργηθούν εσωτερικά wp-content/themes.Μπορείτε να βρείτε όποιο όνομα θέλετε, δεν θα επηρεάσει τον ιστότοπό σας με κανέναν τρόπο και δεν θα είναι ορατό πουθενά, για λόγους σαφήνειας, ας δούμε την εικόνα του πώς μπορεί να γίνει αυτό:

Δημιουργήθηκε; Εντάξει, πάμε στον φάκελο μας και ας δημιουργήσουμε ένα αρχείο επικαλυπτόμενο τραπέζιστυλ στυλ.css. Αφού δημιουργήσετε το αρχείο, ανοίξτε το για επεξεργασία.

WordPress θυγατρικό θέμα κεφαλίδας style.css

Προς την να διαμορφώσουμε σωστά το παιδικό μας θέμαπρέπει να γράψουμε την κεφαλίδα μας που θα περιέχει τις παρακάτω παραμέτρους:

• Όνομα παιδικού θέματος, που καταλήξαμε για τον φάκελό μας, η παράμετρος είναι υποχρεωτική να συμπληρωθεί, οπότε βρείτε ένα κατάλληλο όνομα - "Όνομα".
• Μπορείτε να καθορίσετε τη διεύθυνση του ιστότοπού σας στην οποία θα χρησιμοποιηθεί το θέμα - "URI θέματος".
• Η περιγραφή του θέματος, ακόμα κι αν γράψετε τη βιογραφία σας, δεν έχει σημασία - "Περιγραφή".
• Το όνομα του δημιουργού του θέματος, το δικό σας, του γείτονά σας ή ένα πλασματικό, όλα εξαρτώνται από τη διάθεσή σας - "Συγγραφέας".
• Μια υποχρεωτική και ακριβής παράμετρος είναι το όνομα του φακέλου γονικού θέματος - "Πρότυπο".
• Μπορείτε να καθορίσετε την έκδοση του παιδικού σας θέματος, όπως 1.1.5 ή κάτι παρόμοιο - "Έκδοση".

Έχοντας ασχοληθεί με τα χαρακτηριστικά κεφαλίδας που χρειαζόμαστε, ας δούμε τι παράδειγμα μας δίνουν στον επίσημο ιστότοπο:

Αυτό πλήρες σετχαρακτηριστικά του καπέλου, αλλά από τον ίδιο πόρο παρουσιάζεται μόνο το ελάχιστο καπέλο της πιο απλής κόρης.

Η διαφορά μεταξύ ενός θυγατρικού θέματος WordPress και ενός προσαρμοσμένου δημιουργημένου θέματος.

Πρέπει να γίνει κατανοητό διαφορά μεταξύ παιδικού θέματοςκαι ένα εντελώς γραμμένο από την αρχή θέμα WordPress. κάνει μόνο αλλαγές και προσθήκες στο θέμα του WordPress που χρησιμοποιήσαμε ως βάση. Πώς μπορούμε να συνδέσουμε το στυλ μας με το στυλ των γονιών; Υπάρχει μια ομάδα για αυτό. που βρίσκεται πάνω από όλα τα άλλα, διαφορετικά η σύνδεση δεν θα λειτουργήσει. Μοιάζει με αυτό: @import url("www/mysite.ru/twentyten/style.css"). Αποδεικνύεται ότι παίρνουμε το αρχικό στυλ και γράφουμε προσθήκες και αλλαγές. Το θυγατρικό θέμα είναι χαμηλότερο από το γονικό θέμα, επομένως το γονικό θέμα φορτώνεται πρώτα και, στη συνέχεια, κάνουμε αλλαγές στο θυγατρικό μας θέμα, το οποίο αναπαράγεται.

Ένα θυγατρικό θέμα WordPress είναι ένα θέμα που επεκτείνει τη λειτουργικότητα ενός άλλου θέματος, που ονομάζεται γονικό θέμα, και σας επιτρέπει να τροποποιήσετε ή να επεκτείνετε τη λειτουργικότητα του γονικού θέματος. Αυτό το άρθρο σας δείχνει πώς να δημιουργήσετε ένα απλό παιδικό θέμα και εξηγεί τι μπορείτε να κάνετε με αυτό. Ένα παράδειγμα γονικού θέματος είναι το Twenty Ten, το νέο προεπιλεγμένο θέμα στο .

Προσοχή! Εάν οι παρακάτω πληροφορίες φαίνονται δύσκολο να κατανοηθούν, μπορείτε να χρησιμοποιήσετε ένα πιο σχετικό και με γρήγορο τρόποδημιουργία θυγατρικού θέματος χρησιμοποιώντας την προσθήκη Child Theme Configurator

Η δημιουργία ενός παιδικού θέματος είναι πολύ εύκολη. Δημιουργήστε ένα φάκελο, βάλτε το κατάλληλα γραμμένο αρχείο σε αυτόν στυλ.cssκαι το παιδικό θέμα είναι έτοιμο! Με λίγη κατανόηση του HTML και του , μπορείτε να το αλλάξετε ένα πολύ απλό παιδικό θέμα- αλλαγή της εμφάνισης και της διάταξης του γονικού θέματος, αλλά χωρίς αλλαγή των αρχείων του. Με αυτόν τον τρόπο, όταν ενημερώνεται το γονικό θέμα, οι αλλαγές σας αποθηκεύονται.

Απελευθερώσαμε καινούργιο βιβλίο«Μάρκετινγκ περιεχομένου σε στα κοινωνικά δίκτυα: Πώς να μπείτε στο μυαλό των συνδρομητών σας και να τους κάνετε να ερωτευτούν την επωνυμία σας."

Η λειτουργία των παιδικών θεμάτων («κόρες») βασίζεται στη σχέση τους με τα θέματα των γονέων τους («γονείς»). Είναι σημαντικό να ληφθεί υπόψη ότι τα δωρεάν και επί πληρωμή θέματα είναι αρχικά γονείς, επομένως, η κόρη αντιγράφει τις παραμέτρους και τις ιδιότητές τους και λαμβάνει επίσης ένα τυπικό σύνολο των λειτουργιών της. Στο μέλλον, λαμβάνοντας υπόψη τις ανάγκες ενός συγκεκριμένου πόρου Διαδικτύου, το σύνολο αυτών των επιλογών μπορεί να επεκταθεί.

Αν αγγίξουμε την ορολογία, τότε μιλάμε γιαγια ένα ειδικό θέμα που παίρνει τη σημασία ενός άλλου, που λειτουργεί ως γονέας. Γιατί δημιουργούνται; Για να τροποποιήσετε τα υπάρχοντα θέματα του WordPress και έτσι να αυξήσετε τον αριθμό τους.

Ποια είναι η διαφορά μεταξύ της "κόρης"

Ένα θυγατρικό θέμα WordPress σάς επιτρέπει να κάνετε τις απαραίτητες αλλαγές και προσαρμογές. Στη συνέχεια θα δούμε πώς να το δημιουργήσουμε, αλλά πριν από αυτό θα δούμε τις βασικές του διαφορές:

1. Οι αλλαγές που έγιναν στη γονική τροποποίηση δεν επηρεάζουν τη θυγατρική τροποποίηση. Από αυτό προκύπτει ότι μετά την ανάπτυξη είναι ανεξάρτητα μεταξύ τους.
2. Το παράγωγο λειτουργεί μόνο εάν είναι εγκατεστημένο το γονικό και η ενεργοποίησή του γίνεται αργότερα.
3. Οι θυγατρικές είναι συνδεδεμένες μόνο με τη βάση τους και δεν διασυνδέονται ούτε με τη μία ούτε με την άλλη.

Είναι βολικό να δουλεύεις

Ένα παιδικό θέμα WordPress είναι μια εξαιρετική ιδέα με ένα ευρύ φάσμα πλεονεκτημάτων. Προσωπικά, θα το συνιστούσαμε στάνταρ με προϊόντα premium. Ας αναφέρουμε μερικά μόνο από τα πλεονεκτήματα:

1. Αποθηκεύουν αυτόματα τις προσαρμογές που έγιναν. Χάρη σε αυτό, μπορείτε να κάνετε προσαρμογές απευθείας στον κώδικα, χωρίς τον κίνδυνο να χαθούν ή να χαθούν οι ρυθμίσεις κατά τη διάρκεια μιας ενημέρωσης.
2. Η εργασία μαζί τους είναι εξαιρετική προετοιμασία για να προχωρήσετε στη σύνταξη του κύριου κώδικα για τις γονικές παραλλαγές.
3. Βελτιωμένη ροή εργασιών. Με ένα μόνο θεματικό πλαίσιο στη διάθεσή σας, μπορείτε να δημιουργήσετε ιστότοπους διαφορετικής πολυπλοκότητας και λειτουργικότητας.

Δεδομένου ότι αυτό είναι μια συνέχεια του μητρικού, το σύνολο των χαρακτηριστικών και των λειτουργιών είναι πανομοιότυπο εδώ. Κύρια εξαρτήματα:

1. Κατάλογος (φάκελος/τοποθεσία στοιχείων αρχείου).
2. "style.css", όπου καθορίζονται οι κύριες και οι πρόσθετες ιδιότητες.
3. “functions.php”, όπου αναγράφεται ο ορισμός των συναρτήσεων.

Δεν υπάρχουν περιορισμοί στην προσθήκη προτύπων, αλλά τα στοιχεία που αναφέρονται πρέπει να υπάρχουν σε οποιοδήποτε.

Λειτουργία

Τα "Daughters" εντοπίζονται στον δικό τους φάκελο και διαθέτουν ξεχωριστά "functions.php" και "style.css". Μπορείτε πάντα να γράψετε βοηθητικά αρχεία, αλλά αυτό το ζευγάρι είναι υπεύθυνο για σωστή λειτουργία- χωρίς αστοχίες ή προβλήματα.

Στο σωστή χρήση καθορισμένες μορφέςμπορείτε να επεξεργαστείτε σχεδόν οποιεσδήποτε αρχικές παραμέτρους, όπως στυλ, μεμονωμένα στοιχεία διάταξης, σενάρια κ.λπ.

Η συσκευή θέματος είναι παρόμοια με τα στρώματα σύνταξης των προγραμμάτων επεξεργασίας φωτογραφιών. Εάν ένας χρήστης επισκεφτεί τον πόρο του Διαδικτύου σας, ανοίγει μια "κόρη" μπροστά του και, στη συνέχεια, οι επιλογές και τα στυλ που λείπουν φορτώνονται από τον γονέα. τελικά τα περισσότερα απόΟ κωδικός μεταβιβάζεται από τον γονέα, αλλά πριν από τη χρήση πρέπει να τροποποιηθεί λαμβάνοντας υπόψη τις ρυθμίσεις της "κόρης".

Πώς να δημιουργήσετε

Πρώτα, ελέγξτε αν έχετε όλα όσα χρειάζεστε στη διάθεσή σας. Δηλαδή, πρόσβαση σε FTP ή διαχειριστή αρχείων, ανοιχτή πρόσβασηστον ίδιο τον πίνακα ελέγχου του WordPress. Ας ξεκινήσουμε λοιπόν.

Βήμα Νο1. Δημιουργία παιδικού θέματος WordPress

Αυτή είναι μια αρκετά απλή διαδικασία. Εάν ακολουθήσετε τις οδηγίες λεπτομερώς, οποιοσδήποτε χρήστης μπορεί να το κυριαρχήσει.

Πρώτα απ 'όλα, δημιουργούμε έναν φάκελο για την κόρη μας στον τυπικό κατάλογο. Για να έχει σειρά ο κατάλογος και τα περιεχόμενα να είναι συστηματοποιημένα, είναι προτιμότερο να ονομάσετε τον φάκελο σύμφωνα με το παράδειγμα «Όνομα γονέα + τέκνο κατάληξης». Για ευκολία, μπορείτε να προσθέσετε το όνομα ενός συγκεκριμένου έργου για το οποίο δημιουργούμε ένα θέμα. Το κύριο πράγμα είναι ότι το όνομα του καταλόγου δεν έχει κενά, διαφορετικά αυτό μπορεί να οδηγήσει σε σφάλματα. Ένας διαχειριστής αρχείων ή πελάτης FTP θα σας βοηθήσει να δημιουργήσετε νέος φάκελος. Σήμερα, ένας τέτοιος πελάτης FTP όπως το FileZilla έχει αποδειχθεί καλά.

Για ας πάρουμε ένα παράδειγμαη βάση του «Twenty Seventeen», που είναι οικείο σε πολλούς. Προτιμώ να εργάζομαι με το File Manager, οπότε η διαδρομή μου στον δημιουργημένο φάκελο μοιάζει με αυτό:

Κάνουμε τα εξής:

Σίγουρα, είστε πεπεισμένοι ότι η δημιουργία είναι μια εύκολη διαδικασία. Απλά πρέπει να ακολουθήσετε αυστηρά τις οδηγίες και να εργαστείτε με τη σωστή προσέγγιση.

Βήμα Νο2. Ρυθμίσεις

Για να ξεκινήσετε, να τροποποιήσετε, να συμπληρώσετε, να προσαρμόσετε την "κόρη" στα αιτήματα και τις απαιτήσεις του ιστότοπού σας, πρέπει να κάνετε σωστά τις ρυθμίσεις. Ας το δούμε με τη σειρά.

1. Πρώτα πρέπει να προσαρμόσετε την εμφάνιση.

Για να γίνει αυτό, θα κάνουμε προσαρμογές στο "custom.css", το οποίο βρίσκεται στον κατάλογο. Αυτό μπορεί να γίνει μέσω ενός πελάτη FTP, ενός κανονικού επεξεργαστής κειμένου, διαχείριση αρχείωνή ειδικός συντάκτης WordPress (μπορείτε να το βρείτε ανοίγοντας το "Appearance", μετά το "Editor"). Εδώ θα χρειαστείτε τουλάχιστον ελάχιστη γνώση των κανόνων χρησιμοποιώντας CSS, καθώς και την ικανότητα ελέγχου στοιχείων ιστότοπου μέσω προγράμματος περιήγησης. Για παράδειγμα, για να αλλάξουμε το χρώμα φόντου στο "style.css", γράφουμε επόμενος κανόνας CSS:

Η παρακάτω εικόνα δείχνει πώς θα αλλάξει ο σχεδιασμός του ιστότοπου μετά την πραγματοποίηση των προσαρμογών. Το φόντο έγινε ανοιχτό πράσινο:

Με αυτόν τον τρόπο μπορείτε να επεξεργαστείτε τυχόν υπάρχοντα στοιχεία στον ιστότοπο.

2.Εργασία με λειτουργίες.

Η χρήση και η εργασία με "κόρες" παρέχει επίσης το πλεονέκτημα της δυνατότητας διατήρησης δύο ανεξάρτητων "functions.php". Να σας υπενθυμίσουμε ότι αυτά τα αρχεία χρησιμοποιούνται για την αφαίρεση παλιών και την προσθήκη νέων λειτουργιών. Εάν είναι διαθέσιμα, δεν χρειάζεται να ανησυχείτε για την ασφάλεια ή τα προβλήματα στη λειτουργία του εγγράφου. Ακόμα κι αν ενημερωθεί η βάση, θα παραμείνει αμετάβλητη.

Για προσθήκη νέα επιλογήΟ νέος κώδικας PHP περιλαμβάνεται επίσης στο αρχείο. Για παράδειγμα, ο παρακάτω κώδικας θα καταργήσει την επιλογή αναζήτησης WordPress.

Ειδικές υπηρεσίες για να διευκολύνουν το έργο του προγραμματιστή

Μπορείτε να κάνετε τη διαδικασία δημιουργίας πιο εύκολη χρησιμοποιώντας μια σειρά από ειδικά πρόσθετα. Βιβλιοθήκη WordPressείναι ευρεία επιλογήπρόσθετα, τα περισσότερα από αυτά είναι δωρεάν στη χρήση. Η χρήση πρόσθετων απλοποιεί σημαντικά τη διαδικασία ανάπτυξης. Ας δούμε τα πιο δημοφιλή πρόσθετα.

1. Child Themify.

Αυτή είναι η πιο απλή και εύχρηστη προσθήκη με διαισθητική καθαρή διεπαφή. Πολλές ρυθμίσεις εδώ μπορούν να γίνουν με το πάτημα ενός κουμπιού.

2. Διαμόρφωση Παιδικού Θέματος.

Εδώ μπορείτε επίσης να δημιουργήσετε μια "κόρη" και αυτό θα πάρει μόνο μερικά κλικ. Επεξεργαστής CSSΕίναι αρκετά ισχυρό εδώ, το οποίο σας επιτρέπει να διαμορφώσετε προηγμένες λειτουργίες. Το πρόσθετο εκτελεί αυτόματα αναγνώριση βασικούς κανόνες CSS και δεν τα επηρεάζει κατά την επεξεργασία.

3. _child Θέμα Boilerplate.

Παρουσιάζεται εδώ έτοιμα πρότυπανα σχηματίσουν «κόρες». Το πρότυπο ονομάζεται απλά - "_child" - και έχει σχεδιαστεί ειδικά για να απλοποιεί την εργασία. Το πρότυπο προσφέρει ένα διαισθητικό θέμα και απαιτεί μόνο να παρέχετε έναν σύνδεσμο προς τον "γονέα". Δείγμα αυτού του τύπουσας επιτρέπει να δημιουργήσετε επαγγελματικές επιλογές- 2 έχουν ήδη δημιουργηθεί εδώ έτοιμο αρχείο, τυπικά "functions.php" και "style.css".

Το πρώτο έχει μια ειδική συνάρτηση που ονομάζεται "aa_enqueue_styles()". Η επιλογή σάς επιτρέπει να δημιουργήσετε μια ουρά από φύλλα στυλ, όπου πηγαίνουν πρώτα οι γονείς και μετά τα παιδιά. Ως αποτέλεσμα, το στυλ του δεύτερου καθορίζεται πάντα από το πρώτο.

Οι περισσότεροι προγραμματιστές συνδέουν αυτούς τους πίνακες μεταξύ τους στο CSS, αλλά αυτό κάνει περισσότερο κακό παρά καλό. Το πρόγραμμα περιήγησης χρειάζεται πολύ χρόνο για να φορτώσει τον ιστότοπο, επειδή πρέπει να φορτώσετε στυλ πρώτα από το "γονικό" και μετά από το παράγωγο. Εάν τοποθετήσετε ξεχωριστά φύλλα στυλ, η εργασία του προγράμματος περιήγησης θα είναι ευκολότερη και η ταχύτητα φόρτωσης θα αυξηθεί.

Εδώ είναι ο κώδικας με τον οποίο μπορείτε να προσθέσετε αυτήν την επιλογή:

Το δεύτερο αρχείο έχει μια βασική κεφαλίδα που περιέχει ειδικές πληροφορίες. Αυτές οι πληροφορίες επιτρέπουν στο WordPress να το αναγνωρίσει ως "παιδικό" φύλλο στυλ. Επομένως, είναι ιδιαίτερα σημαντικό να γράψετε τον κώδικα για το "style.css":

Ας συνοψίσουμε

Δεν έχει σημασία το επίπεδο της ικανότητας προγραμματισμού ή της εμπειρίας σας με το WordPress. Δημιουργήστε ένα παιδί Θέμα WordPressδεν θα είναι δύσκολο και δεν υπάρχει κίνδυνος να διαγραφούν οι ρυθμίσεις μετά την έξοδο. Γράφοντας έναν μικρό κώδικα ή κάνοντας αλλαγές σε κάτι που έχει ήδη γραφτεί και εκτελείται απλές ενέργειεςμε τον κατάλογο μπορείτε να αλλάξετε τον ιστότοπό σας. Το κύριο πράγμα είναι να ακολουθήσετε τις οδηγίες, μεταβαίνοντας σταδιακά από το ένα σημείο στο άλλο. Μην ξεχνάτε τα εξής: εάν υπάρχουν ενημερώσεις για τον "γονέα", το "κόρη" δεν αλλάζει, αυτός ο κανόνας ισχύει για αλλαγές που έγιναν στο περιεχόμενο, τις ρυθμίσεις κ.λπ.

Πειραματιστείτε, δοκιμάστε το διάφορες επιλογέςκαι αναζητήστε το καλύτερο για τον εαυτό σας.

Ένα παιδικό θέμα WordPress (υποθέμα) είναι επιπλέον θέμα, που σας επιτρέπει να αλλάξετε/προσθέσετε τις λειτουργίες και την εμφάνιση του κύριου θέματος. Ταυτόχρονα, το κύριο θέμα παραμένει ανέγγιχτο, πράγμα που σημαίνει ότι μπορεί να ενημερωθεί χωρίς φόβο ότι οι αλλαγές που έγιναν θα χαθούν.

Ένα θυγατρικό θέμα είναι ένα θέμα που δημιουργείται με βάση ένα γονικό θέμα. "Βάσει" σημαίνει ότι εάν το ζητούμενο αρχείο θέματος δεν υπάρχει, θα ληφθεί από το γονικό θέμα: το γονικό θέμα λειτουργεί ως ασφάλιση για το θυγατρικό θέμα. ΜΕ τεχνική πλευρά, όταν δημιουργείτε ένα θυγατρικό θέμα, γίνεται το κύριο θέμα και το γονικό θέμα γίνεται συμπληρωματικό.

Γιατί χρειάζεστε ένα παιδικό θέμα;

Απαιτούνται θυγατρικά θέματα ώστε οι προγραμματιστές θεμάτων να μπορούν να ενημερώνουν/βελτιώνουν τα θέματά τους και οι χρήστες να μπορούν να ενημερώνουν τα θέματα χωρίς να χάσουν τις αλλαγές τους.

Εάν λοιπόν χρησιμοποιείτε έτοιμο θέμαΤο WordPress, ο συντάκτης του οποίου δεν έχει εγκαταλείψει την ανάπτυξη, τότε μην επεξεργαστείτε απευθείας τα αρχεία θεμάτων, αλλά δημιουργήστε ένα θυγατρικό θέμα και αλλάξτε το κύριο θέμα μέσω του παιδικού θέματος.

Τι μπορείτε να αλλάξετε σε ένα παιδικό θέμα;

Μπορείτε να αλλάξετε σχεδόν τα πάντα σε αυτό, αλλά πρέπει να καταλάβετε τι και πώς λειτουργεί (δείτε παρακάτω). Ωστόσο, για να αλλάξουν κάποια πράγματα, πρέπει να δημιουργηθεί το γονικό θέμα έχοντας κατά νου πιθανές αλλαγές. Εάν ο προγραμματιστής του γονικού θέματος δεν το σκεφτεί καλά πιθανές αλλαγές, τότε η αλλαγή ορισμένων πτυχών θα είναι είτε δύσκολη είτε αδύνατη.

Από εδώ μπορούμε να συμπεράνουμε ότι τα γονικά θέματα είναι καλά και κακά. Συχνά, δεν χρειάζεται να διορθωθούν πολλά: στυλ, αλλαγή υποσέλιδου και άλλα μικρά πράγματα, και αυτό μπορεί να γίνει για οποιοδήποτε γονικό θέμα χωρίς προβλήματα.

Δημιουργία Παιδικού Θέματος

Η δημιουργία ενός υποθέματος είναι εύκολη! Παρακάτω είναι ένα παιδικό θέμα των είκοσι δεκαπέντε.

Δημιουργήστε έναν φάκελο με οποιοδήποτε όνομα στον κατάλογο θεμάτων: wp-content/themes. Άσε είκοσι δεκαπέντε παιδί

Δημιουργήστε ένα αρχείο style.css σε νέο φάκελο. Με περιεχόμενο:

/* Όνομα θέματος: My child theme Πρότυπο: twentyfifteen Προαιρετικές παράμετροι: URI θέματος: http://site.ru/ Περιγραφή: Παιδικό θέμα για το θέμα twentyfifteen Συγγραφέας: Kama URI συγγραφέα: http://site.ru/about/ Έκδοση : 1.0 */ /* εισαγωγή των στυλ του γονικού θέματος */ @import url("../twentyfifteen/style.css"); /* Τα δικά σας πρόσθετα στυλ */ .foo( color:red; )

1. Μεταβείτε στο Appearance › Themes και ενεργοποιήστε το νέο θέμα«Θέμα το παιδί μου».

Πρέπει να καθορίσετε τη γραμμή Πρότυπο: twentyfifteen , (η γραμμή κάνει διάκριση πεζών-κεφαλαίων) υποδηλώνει ότι αυτό είναι ένα υποθέμα του θέματος twentyfifteen.

Η οδηγία @import θα πρέπει να είναι ο πρώτος κανόνας στο style.css. Εάν γράψετε κανόνες πριν από αυτό, δεν θα λειτουργήσει και τα στυλ του γονικού θέματος δεν θα συνδεθούν.

Ως αποτέλεσμα, θα πρέπει να έχουμε την ακόλουθη δομή:

Wp-content └── themes ├── twentyfifteen (γονικό θέμα) └── twentyfifteen-child (υπο-θέμα, μπορεί να έχει οποιοδήποτε όνομα) └── style.css

Το twentyfifteen-child μπορεί να περιέχει άλλα αρχεία, όπως:

στυλ.css- (απαιτείται) αντικαθιστά πλήρως το ίδιο αρχείο γονικού θέματος.

λειτουργίες.php- συμπληρώνει το functions.php του γονικού θέματος (φορτώνει πριν από αυτό).

αρχεία προτύπων- index.php, home.php, κ.λπ., που βρίσκονται/δεν βρίσκονται στο γονικό θέμα. Εάν το αρχείο βρίσκεται στο θυγατρικό θέμα, τότε αυτό το αρχείο θα αντικαταστήσει πλήρως το γονικό αρχείο. Για παράδειγμα: Δημιουργώντας το footer.php και αντιγράφοντας τα περιεχόμενα του footer.php από το γονικό θέμα σε αυτό, μπορούμε να αλλάξουμε την έξοδο χωρίς να αλλάξουμε το αρχείο γονικού θέματος.

• Άλλα αρχεία- οποιαδήποτε άλλα αρχεία/φάκελοι/οτιδήποτε. Για παράδειγμα, ένα υποθέμα μπορεί να χρησιμοποιεί νέες εικόνες που περιλαμβάνονται σε πρόσθετους κανόνες CSS.

αρχείο style.css

Το style.css είναι το μόνο απαραίτητο αρχείο σε ένα υποθέμα. Δίνει πληροφορίες στο WordPress για την αναγνώριση του θυγατρικού θέματος.

Το style.css του θυγατρικού θέματος αντικαθιστά πλήρως το style.css του γονικού θέματος, π.χ. Το φύλλο στυλ του γονικού θέματος δεν έχει φορτωθεί καθόλου.

Η κεφαλίδα πληροφοριών, η οποία πρέπει να βρίσκεται στην αρχή του αρχείου, είναι απαιτούμενη παράμετροςΠρότυπο: . Αυτός είναι ο τρόπος με τον οποίο το WP καταλαβαίνει ότι αυτό είναι ένα θυγατρικό θέμα και πώς ονομάζεται το γονικό θέμα.

Παράδειγμα style.css ενός παιδικού θέματος.

/* Όνομα θέματος: My child theme Πρότυπο: twentyfifteen URI θέματος: http://site.ru/ Περιγραφή: Παιδικό θέμα για το θέμα twentyfifteen Συγγραφέας: Kama URI συγγραφέα: http://site.ru/about/ Έκδοση: 1.0 * / // στυλ γονικού θέματος @import url("../twentyfifteen/style.css"); // επιπλέον styles.foo( color:red; )

• Όνομα θέματος - (απαιτείται) το όνομα του θυγατρικού θέματος.

Πρότυπο - (απαιτούμενο) όνομα με διάκριση πεζών-κεφαλαίων του φακέλου γονικού θέματος.

Σημείωση: εάν αλλάξετε, πρέπει να επαναφέρετε τη ρύθμιση, για να το κάνετε αυτό πρέπει να μεταβείτε σε άλλο θέμα και να επιστρέψετε.

• URI θέματος - η διεύθυνση του ιστότοπου του θυγατρικού θέματος.
• Περιγραφή - περιγραφή του παιδικού θέματος.
• URI συγγραφέα - η διεύθυνση ιστότοπου του συγγραφέα του θυγατρικού θέματος.
• Συγγραφέας - το όνομα του συγγραφέα του παιδικού θέματος.
• Έκδοση - έκδοση του παιδικού θέματος.

αρχείο function.php

Σε αντίθεση με άλλα αρχεία υποθέματος, το functions.php δεν αντικαθιστά το γονικό αρχείο, αλλά μάλλον το συμπληρώνει: φορτώνεται ακριβώς πριν από το γονικό και άλλα αρχεία υποθέματος.

Αυτό σημαίνει ότι για να αλλάξετε το γονικό θέμα, μπορείτε να χρησιμοποιήσετε άγκιστρα στο functions.php και μπορείτε να "παρακάμψετε" συναρτήσεις εάν έχουν σχεδιαστεί για αυτό.

Χρήση αγκίστρων

Υπάρχει ένα συμβάν twentyfifteen_credits στο αρχείο footer.php στο θέμα twentyfifteen. Για να προσθέσετε το κείμενό σας στο υποσέλιδο, μπορείτε να χρησιμοποιήσετε αυτό το συμβάν, για αυτό θα προσθέσουμε παρακάτω κώδικαστο functions.php του θυγατρικού θέματος:

Add_action("twentyfifteen_credits", function() ( echo "Company © 2015"; ));

Υπερισχύουσα συνάρτηση

Στο αρχείο functions.php του γονικού θέματος twentyfifteen υπάρχει μια συνάρτηση twentyfifteen_fonts_url() - καταχωρήσεις γραμματοσειρές google. Μοιάζει με αυτό:

If(! function_exists("twentyfifteen_fonts_url"))( function twentyfifteen_fonts_url())( // κωδικός συνάρτησης... ) )

Κατάσταση! function_exists("twentyfifteen_fonts_url") - εάν η συνάρτηση δεν υπάρχει, σας επιτρέπει να ορίσετε την ίδια συνάρτηση στο functions.php του θυγατρικού θέματος.

Σε αυτήν την περίπτωση, μόνο το δικό μας θα λειτουργήσει, συγκεκριμένη λειτουργία, όχι μια συνάρτηση από το γονικό θέμα - δεν θα εγγραφεί στην PHP λόγω συνθήκης...

Για παράδειγμα, προσθέτοντας αυτόν τον κώδικα στο functions.php του θυγατρικού θέματος, θα απενεργοποιήσουμε τη σύνδεση γραμματοσειρών:

Συνάρτηση twentyfifteen_fonts_url() (επιστροφή ""; )

Σημείωση για τους προγραμματιστές θεμάτων:Ας καταστήσουμε δυνατή την παράκαμψη συναρτήσεων σε θυγατρικά θέματα για να γίνει αυτό, όταν δημιουργείτε ένα θέμα, αναδιπλώστε τις συναρτήσεις σε μια συνθήκη:

If(! function_exists("theme_function"))( function theme_function() ( // Code. ) )

Σε αυτήν την περίπτωση, το θυγατρικό θέμα μπορεί να παρακάμψει τη συνάρτηση του γονικού θέματος απλώς δηλώνοντάς το στις λειτουργίες του.php.

Αρχεία προτύπων

Το αρχείο προτύπου σε ένα θυγατρικό θέμα, όπως το style.css , αντικαθιστά το αρχείο του γονικού θέματος. Εκείνοι. σε ένα υποθέμα, μπορείτε να αντικαταστήσετε οποιοδήποτε γονικό αρχείο δημιουργώντας απλώς ένα αρχείο με το ίδιο όνομα.

Μερικά παραδείγματα δημιουργίας αρχείου προτύπου σε θυγατρικό θέμα:

#1 Προσθήκη προτύπου που δεν υπάρχει στο γονικό θέμα

Σας επιτρέπει να δημιουργήσετε ένα θυγατρικό θέμα από το τρέχον με ένα κλικ. Μετά τη δημιουργία του θέματος, το πρόσθετο μπορεί να διαγραφεί. Το πρόσθετο έχει πολλές καλές κριτικές...

Σημειώσεις

Μορφές ανάρτησης

Η συνάρτηση add_theme_support("post-formats") θα αντικαταστήσει τις μορφές που καθορίζονται από το γονικό θέμα, αντί να τις συμπληρώσει.

@import στο style.css του θυγατρικού θέματος

Παρά το γεγονός ότι παντού γράφουν για να χρησιμοποιούν το @import στο style.css του υποθέματος. Δεν συνιστώ να το κάνετε αυτό. Επειδή σε αυτήν την περίπτωση, το πρόγραμμα περιήγησης δεν μπορεί να φορτώσει και τα δύο αρχεία στυλ παράλληλα: από το γονικό θέμα και από το παιδί... Θα πρέπει να τα φορτώσει διαδοχικά: πρώτα τα στυλ του θυγατρικού θέματος, εκεί θα δει το @import και μόνο τότε θα αρχίσει να φορτώνει τα στυλ του γονικού θέματος... Ως αποτέλεσμα, αποδεικνύεται ότι χάνουμε περίπου 200ms σε ταχύτητα φόρτωσης σελίδας. Αυτό είναι το ποσό που χρειάζεται για τη λήψη του αρχείου στυλ. Μεταφόρτωση σημαίνει αποστολή αιτήματος στον διακομιστή, αναμονή απάντησης, λήψη αρχείου...

Είναι καλύτερα να συμπεριλάβετε αρχεία στυλ ξεχωριστά σε HTML: πρώτα τα στυλ του γονικού θέματος και μετά το θυγατρικό θέμα, ώστε να βρίσκονται χαμηλότερα στον κώδικα HTML και να διακόπτουν τα γονικά στυλ. Αυτό γίνεται ως εξής:

Add_action("wp_enqueue_scripts", "my_theme_styles"); function my_theme_styles() ( wp_enqueue_style("parent-theme-css", get_template_directory_uri() ."/style.css"); // δεν είναι απαραίτητο, το σωστό γονικό θέμα θα το περιλαμβάνει μόνο του. //wp_enqueue_style("child-theme- css" , get_stylesheet_directory_uri() ."/style.css", array("parent-theme-css") )

Ως αποτέλεσμα, στο τμήμα ΚΕΦΑΛΗΣ έγγραφο HTMLθα λάβουμε δύο συνδέσμους σε δύο αρχεία στυλ, τα οποία, όταν φορτωθούν, θα φορτωθούν παράλληλα και όχι διαδοχικά. Αυτό θα μας εξοικονομήσει χρόνο ανά αίτημα στον διακομιστή από το πρόγραμμα περιήγησης.

Το https://doctorsmm.com/ είναι μια φθηνή υπηρεσία με αποτελεσματική SMM κοινωνικήδίκτυα. Εδώ μπορείτε να λάβετε υπηρεσίες προώθησης σε περισσότερους από 9 κορυφαίους ιστότοπους, τόσο εγχώριους όσο και ξένο Διαδίκτυο. Αγοράστε τώρα δημοφιλείς πόρους για την αύξηση των μετρητών στα κοινωνικά δίκτυα, όπως likes, συνδρομητές κ.λπ., με μεγάλες εκπτώσεις χονδρικής και προσωπικούς όρους για προσθήκη.