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

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

Εννοώ, απλώς συγκρίνετε τα προεπιλεγμένα θέματα, Twenty Fifteen και Twenty Fourteen. Είναι δύσκολο να πιστέψει κανείς ότι τρέχουν στην ίδια πλατφόρμα, έτσι δεν είναι; Επομένως, είναι φυσικό να θέλετε να προσαρμόσετε την εμφάνιση και την αίσθηση του ιστότοπού σας στις προτιμήσεις σας. Αμφιβάλλω ότι υπάρχουν χρήστες του WordPress που δεν το σκέφτονται συνεχώς. Ωστόσο, προκύπτει ένα πρόβλημα.

Ρύθμιση του WordPress: Μπορεί να το κάνετε λάθος

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

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

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

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

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

Τι είναι τα παιδικά θέματα και πώς να τα χρησιμοποιήσετε;

Όταν μιλάμε για παιδικά θέματα, πρέπει πρώτα να μιλήσουμε για γονικά θέματα. Ένα θέμα γίνεται γονέας μόνο όταν κάποιος δημιουργεί ένα θυγατρικό θέμα για αυτό. Μέχρι τότε, αυτό είναι απλώς ένα θέμα που θα βρείτε στον κατάλογο του WordPress. Κάθε θέμα περιλαμβάνει όλα τα αρχεία που χρειάζεται το γονικό θέμα.

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

Τι είναι ένα παιδικό θέμα; Στο backend του WordPress, ένα θυγατρικό θέμα συμπεριφέρεται σαν ένα κανονικό θέμα. Μπορείτε να το βρείτε και να το ενεργοποιήσετε στην ενότητα «Εμφάνιση» → «Θέματα», όπως και κάθε άλλο θέμα.

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

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

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

Οφέλη από παιδικά θέματα

Υπάρχουν πολλά οφέλη από ένα παιδικό θέμα:

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

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

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

Πότε να χρησιμοποιήσετε ένα παιδικό θέμα

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

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

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

Βασική ρύθμιση παιδικού θέματος

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

Σημείωση:

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

Δημιουργία φακέλου σε wp-content/themes

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

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

Η καλύτερη πρακτική είναι να παρέχετε το φάκελο θέματός σας, το ίδιο όνομα με το γονικό θέμα και να προσθέσετε -child . Εφόσον χρησιμοποιούμε το θέμα twentyfifteen, θα ονομάσουμε τον φάκελό μας twentyfifteen-child.

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

Δημιουργία φύλλων στυλ

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

Η δημιουργία ενός φύλλου στυλ είναι εύκολη: Απλώς δημιουργήστε ένα νέο αρχείο κειμένου και ονομάστε το style.css . Ετοιμος! Ωστόσο, για να λειτουργήσει, θα πρέπει να εισαγάγουμε τον ακόλουθο κώδικα, που ονομάζεται "επικεφαλίδα φύλλου στυλ", στην αρχή του αρχείου (κώδικας ευγενική προσφορά του WordPress Codex):

/* Όνομα θέματος: URI θέματος Twenty Fifteen Child: http://example.com/twenty-fifteen-child/ Περιγραφή: Twenty Fifteen Child Theme Συγγραφέας: John Doe URI συγγραφέα: http://example.com Πρότυπο: twentyfifteen Έκδοση: 1.0.0 Άδεια: Γενική Άδεια Δημόσιας Άδειας GNU v2 ή μεταγενέστερη URI άδειας χρήσης: http://www.gnu.org/licenses/gpl-2.0.html Ετικέτες: φωτεινό, σκούρο, δύο στηλών, δεξιά πλευρική γραμμή, απόκριση-διάταξη, Accessibility-ready Τομέας κειμένου: twenty-fifteen-child */

Δείτε τι σημαίνει κάθε γραμμή:

• Όνομα θέματος
  Αυτό είναι το όνομα που θα εμφανιστεί για το θέμα σας στο backend του WordPress.
• URI θέματος
  Ο σύνδεσμος οδηγεί σε έναν ιστότοπο ή μια δοκιμαστική σελίδα για το θέμα. Αυτός είναι συνήθως ένας σύνδεσμος συγγραφέα που πρέπει να υπάρχει για να γίνει αποδεκτό το θέμα στον κατάλογο του WordPress.
• Περιγραφή
  Αυτή η περιγραφή του θέματός σας θα εμφανιστεί στο μενού θέματος όταν κάνετε κλικ στο κουμπί "Λεπτομέρειες θέματος".
• Συγγραφέας
  Το όνομα του συγγραφέα είστε εσείς στην περίπτωση αυτή.
• Συγγραφέας URI
  Μπορείτε να βάλετε τη διεύθυνση του ιστότοπού σας εδώ αν θέλετε.
• Πρότυπο
  Αυτό το κομμάτι είναι κρίσιμο. Εδώ εμφανίζεται το όνομα του γονικού θέματος, που σημαίνει το όνομα του φακέλου του. Λάβετε υπόψη ότι είναι διάκριση πεζών-κεφαλαίων και αν δεν βάλετε τις σωστές πληροφορίες θα λάβετε ένα σφάλμα, οπότε ελέγξτε ξανά!
• Εκδοχή
  Εμφανίζει την έκδοση του παιδικού σας θέματος. Συνήθως, όλοι ξεκινούν από 1,0.
• Αδεια
  Αυτή είναι η άδεια χρήσης του παιδικού σας θέματος. Τα θέματα στον κατάλογο του WordPress κυκλοφορούν συνήθως με την άδεια GPL. πρέπει να τηρείτε την ίδια άδεια με το γονικό σας θέμα.
• URI άδειας χρήσης
  Αυτή είναι η διεύθυνση όπου υποδεικνύεται ο σύνδεσμος για την άδεια χρήσης του θέματός σας. Και πάλι, μείνετε σε αυτό που λέει το γονικό σας θέμα.
• Ετικέτες
  Οι ετικέτες βοηθούν άλλους να βρουν το θέμα σας στον κατάλογο του WordPress. Επομένως, εάν συμπεριλάβετε μερικά, βεβαιωθείτε ότι είναι ενημερωμένα.
• Τομέας κειμένου
  Αυτό το μέρος χρησιμοποιείται για διεθνοποίηση και για να μεταφραστούν θέματα. Αυτό θα πρέπει να ταιριάζει με το "slug" του θέματός σας.

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

Τα υπόλοιπα είναι σημαντικά μόνο αν σκοπεύετε να δημοσιεύσετε το θέμα σας. Για αυτόν τον λόγο, η κεφαλίδα του παιδικού μου θέματος μοιάζει με την παρακάτω. Μη διστάσετε να το αντιγράψετε και να κάνετε τις δικές σας αλλαγές.

/* Όνομα θέματος: Twenty Fifteen Child Theme Περιγραφή: Ένα θυγατρικό θέμα του προεπιλεγμένου θέματος WordPress Twenty Fifteen Συγγραφέας: AndreyEx Πρότυπο: twentyfifteen Έκδοση: 1.0.0 */

Ενεργοποίηση Παιδικού Θέματος

Αφού δημιουργήσετε το φάκελο και τα φύλλα στυλ, μεταβείτε στο Appearance → Themes και βρείτε εκεί το παιδικό σας θέμα. Όταν κάνετε κλικ στο κουμπί "Λεπτομέρειες θέματος", θα δείτε τα περιεχόμενα της κεφαλίδας του φύλλου στυλ. Αυτές είναι όλες οι πληροφορίες.

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

Μην ανησυχείς, όλα είναι καλά. Δεν μπέρδεψες. Βγάλε το πρόσωπό σου από μια χάρτινη σακούλα. Ο λόγος που ο ιστότοπός σας είναι άδειος είναι επειδή δεν έχει ακόμη στυλ.

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

Δημιουργία αρχείου functions.php

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

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

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

Ας δούμε τι συμβαίνει όταν αλλάξουμε τη σειρά του κώδικα:

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

Φυσικά, θα μπορούσε να χρησιμοποιήσει κάποιο στυλ, αλλά καταλαβαίνετε. Μπορείτε να χρησιμοποιήσετε αυτήν τη μέθοδο για να κάνετε όλες τις αλλαγές στον ιστότοπό σας. Απλώς θυμηθείτε να δώσετε στο θυγατρικό θέμα την ίδια δομή φακέλου δέντρου με τον γονέα του. Για παράδειγμα, εάν το αρχείο που θέλετε να αλλάξετε βρίσκεται σε έναν φάκελο που ονομάζεται page-templates στο γονικό θέμα, τότε μπορείτε να δημιουργήσετε έναν φάκελο με το ίδιο όνομα στον κατάλογο του θυγατρικού σας θέματος και να τοποθετήσετε το αρχείο εκεί.

Εργασία με αρχεία προτύπων

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

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

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

Για το πρότυπο προσαρμοσμένης σελίδας μας, απλώς θα αντιγράψουμε το αρχείο page.php από το γονικό θέμα, θα το μετονομάσουμε custom-full-width.php και θα το τοποθετήσουμε σε έναν φάκελο που ονομάζεται page-templates στο θυγατρικό μας θέμα.

Τώρα, ας κάνουμε μερικές αλλαγές στον κώδικα, ώστε να μοιάζει με αυτό:

Το μόνο πράγμα που κάναμε εδώ είναι η εισαγωγή μιας κεφαλίδας που λέει στο WordPress ότι αυτό είναι ένα πρότυπο σελίδας, όπου έχουμε αλλάξει το get_header και το get_footer έτσι ώστε να περιλαμβάνουν δύο αρχεία που ονομάζονται header-custom.php και footer-custom.php .

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

Τώρα ήρθε η ώρα να δημιουργήσουμε την προσαρμοσμένη κεφαλίδα και υποσέλιδο στο αρχείο θέματος. Πρώτα, μεταβείτε στο γονικό θέμα και αντιγράψτε τα header.php και footer.php στο φάκελο του θυγατρικού θέματος και μετονομάστε τα σε header-custom.php και footer-custom.php, αντίστοιχα.

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

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

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

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

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

Δεν θα βλάψω περαιτέρω. Βάλτε όλα τα αρχεία που έχουν επεξεργαστεί σε ένα φάκελο, συνδέστε όλα τα απαραίτητα αρχεία css και ενημερώστε όσο θέλετε.

(Επισκέφθηκε 1.223 φορές, 1 επισκέψεις σήμερα)