Επεξεργαστής οπτικού προτύπου. Πώς να επεξεργαστείτε αρχεία προτύπων WordPress

ChercherΟικιακές συσκευές Πρότυπο WordPressκώδικας, με διάταξη σελίδων. Η λύση μπορεί να χρησιμοποιηθεί ενεργά για τη δημιουργία και τη διαμόρφωση ιστοσελίδων για διάφορα θέματα.

Πώς να ανοίξετε ένα πρότυπο WordPress;

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

Πώς να αλλάξετε τα πρότυπα του WordPress;

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

Επεξεργασία προτύπου WordPress

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

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

Επεξεργασία αρχείων χρησιμοποιώντας τη διαχείριση αρχείων φιλοξενίας

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

Τα αρχεία που επεξεργάζονται βρίσκονται στον φάκελο: /wp-content/themes/name_of_your_template/.Ανοίξτε το και αναζητήστε το αρχείο που πρέπει να επεξεργαστείτε.

Επεξεργασία θέματος σε ftp

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

• Εκκινήστε τον πελάτη σας ftp. Μπορεί να χρησιμοποιηθεί Συνολικός Διοικητήςή FileZilla για να συνδέσετε τον πελάτη ftp. Ελέγξτε τη σύνδεση με τον ιστότοπό σας και ανοίξτε το φάκελο προτύπων: /wp-content/themes/name_of_your_template/
• Αντιγράψτε το αρχείο που σκοπεύετε να επεξεργαστείτε στον τοπικό σας δίσκο.
• Ανοιχτό αυτό το αρχείοστο πρόγραμμα επεξεργασίας κώδικα και μπορείτε να κάνετε με ασφάλεια όλες τις απαραίτητες αλλαγές.

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

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

συμπεράσματα

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

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

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

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

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

WordPress Theme Builder lubith.com

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

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

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

Το πρότυπο φτιάχνεται σε περίπου 15 λεπτά και μόλις αποφασίσετε ότι έχουν γίνει όλα τα απαραίτητα, κάντε κλικ στο κουμπί "Λήψη" και στη συνέχεια ένα αρχείο με όλα τα τα απαραίτητα αρχεία. Λοιπόν, για να βάλετε αυτό το θέμα στον ιστότοπό σας, θα αρκεί να ανεβάσετε το αρχείο στη φιλοξενία σας. Αυτή η δημιουργία θεμάτων για το WordPress είναι λογισμικό κοινής χρήσης, οπότε " δωρεάν έκδοση» δεν είναι χωρίς τα μειονεκτήματά του: δεν θα μπορείτε να επεξεργαστείτε ξανά το πρότυπο, δεν θα μπορείτε να επεξεργαστείτε τον τύπο των σχολίων, δεν θα μπορείτε να δημιουργήσετε περισσότερα από ένα θέματα (δηλ. δεν θα μπορείτε να ενημερώσετε το πρότυπο).

Η γεννήτρια εισάγει τους δικούς της συνδέσμους, αλλά αυτό δεν είναι κρίσιμο, επειδή δεν είναι κωδικοποιημένοι. Απλώς μεταβείτε στο αρχείο footer.php και αναζητήστε τον κώδικα όπου υπάρχουν οι λέξεις " Θέμα Wordpress Generator» ή στον ιστότοπο www.lubith.com. Το μπλοκ όπου βρίσκεται ο σύνδεσμος μπορεί να διαγραφεί εντελώς ή οι σύνδεσμοι μπορούν να αλλάξουν στους δικούς σας. Τώρα το πρότυπό σας θα αποκτήσει «παρθενία», αλλά πρέπει να δείτε τα πάντα με λίγο περισσότερες λεπτομέρειες για να μπορείτε να επεξεργαστείτε ό,τι επιθυμεί η καρδιά σας (συμπεριλαμβανομένου του κειμένου).

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

• Περιτύλιγμα – μπλοκ φόντου, περιέχει όλα τα άλλα.
• Container – μπλοκ με τις κύριες περιοχές περιεχομένου.
• Κεφαλίδα – κεφαλίδα τοποθεσίας.
• Site-title – μπλοκ τίτλου ιστότοπου.
• Περιγραφή ιστότοπου – μπλοκ περιγραφής ιστότοπου.
• Πρόσβαση (Μενού) – μπλοκ μενού που βρίσκονται κάτω από την κεφαλίδα του ιστότοπου.
• Περιεχόμενο – μπλοκ του τμήματος περιεχομένου του πόρου (όπου βρίσκονται οι αναρτήσεις).
• Κύριο – υπεύθυνο για το γραφικό στοιχείο που βρίσκεται στα δεξιά.
• Καταχώριση-τίτλος – μπλοκ με δεδομένα σχετικά με τη δημοσίευση και τον συγγραφέα.
• Entry-meta – μπλοκ με κατηγορίες αναρτήσεων.
• Widgettitile – τίτλος ενός γραφικού στοιχείου.
• Textwidget – σώμα του widget.

Επιπλέον, υπάρχουν επίσης μπλοκ που μπορούν να αλλάξουν: υποσέλιδο (υποσέλιδο), σύνδεσμος (τύπος συνδέσμων), σχόλια (τύπος σχολίων και οι συντάκτες τους), home.sticky (τύπος συνημμένων αναρτήσεων στην κύρια σελίδα), κύριος (υπεύθυνος για το widget στα δεξιά), δευτερεύον (υπεύθυνο για το γραφικό στοιχείο στα αριστερά), blockquote (σχεδιασμός εισαγωγικών). Αυτό είναι όλο.

Πρόσθετο "Δωρεάν διαδικτυακός σχεδιαστής προτύπων"

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

• ο σχεδιαστής έχει αρχικά 6 προεγκατεστημένα θέματα (μπορούν να ενημερωθούν), αλλά είναι ακόμα καλύτερο να δημιουργήσετε το δικό σας.
• η καρτέλα "Διάταξη" παρέχει επιλογές (αριθμός στηλών, τοποθέτησή τους).
• Η καρτέλα "Πρότυπα" σάς επιτρέπει να αλλάξετε την οθόνη αρχική σελίδα, σελίδες ανάρτησης, ξεχωριστή σελίδακαι μπορείτε επίσης να αλλάξετε ημερομηνίες, ετικέτες, κατηγορίες, αναζήτηση.
• η καρτέλα "Κεφαλίδα" είναι υπεύθυνη για την εμφάνιση του επάνω μέρους του θέματος (μπορείτε να αλλάξετε το κύριο κείμενο).
• Η καρτέλα "Ρυθμίσεις περιεχομένου" σάς επιτρέπει να αλλάξετε τον τύπο του συνδέσμου στη σελίδα του συγγραφέα, λίστες κατηγοριών, ετικέτες, εμφάνιση σχολίων, καθώς και εικονίδια κοινωνικής δικτύωσης. δίκτυα·
• Είναι δυνατή η αλλαγή των μικρογραφιών σχολίων.
• Προσαρμογή του "υποσέλιδου" (μπορείτε να εισαγάγετε οποιοδήποτε κείμενο ή κώδικα).
• ρυθμίσεις γραμματοσειράς (το κείμενο μπορεί να αλλάξει σε μέγεθος και χρώμα).
• Μπορείτε να αλλάξετε τα χρώματα και τη διαφάνεια.
• σχεδιασμός μπλοκ?
• επεξεργασία κώδικα CSS (μπορείτε να τον ενημερώσετε κατά την κρίση σας).
• προσαρμογή εικόνων, εισαγωγή εικόνων στη σωστή θέση.
• ρυθμίζοντας ένα ρυθμιστικό που θα εμφανίζεται στην κορυφή κάτω από την κεφαλίδα (το κείμενο του ρυθμιστικού μπορεί να αλλάξει σε δικό σας).

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

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

Για να επεξεργαστώ το πρότυπο, έχω ήδη βάλει τα θεμέλια, τώρα πρέπει να πάρω το πρώτο αρχείο για ανάπτυξη. Θα ανοίξω το αρχείο index.php, καθώς λειτουργεί σαν σκελετός στο εγκατεστημένο πρότυπο WordPress: υποδεικνύει σε όλα τα άλλα αρχεία τη σειρά και την ώρα φόρτωσης στο πρόγραμμα περιήγησης του χρήστη. Έχοντας ανοίξει αυτό το αρχείο με το Notepad++, δίνω προσοχή στην πρώτη γραμμή.
Βλέπω τον παρακάτω κώδικα

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

Στην αρχή της εργασίας, κοιτάζω τον αριθμό των γραμμών στα αρχεία: στο αρχείο index.php υπάρχουν 49 γραμμές, αλλά 17 είναι κενές και στο αρχείο header.php υπάρχουν 58 γραμμές, από τις οποίες οι 31 είναι αδειάζω. Όταν ολοκληρώσω την επεξεργασία του προτύπου, θα διαγράψω τα πάντα κενές γραμμές, το πρόγραμμα περιήγησης θα εξοικονομήσει χρόνο κατά τη φόρτωση της σελίδας κατά την ανάγνωση κωδικών - αυτόν τον ελάχιστη δουλειάσχετικά με την προσαρμογή ενός προτύπου για ένα ιστολόγιο.

Πριν επεξεργαστώ τα αρχεία index.php και header.php, αλλάζω την κωδικοποίηση εγγράφου σε UTF-8, μίλησα για αυτό στο προηγούμενο άρθρο "Επεξεργασία προτύπου WordPress"

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

Προσέχω τη γραμμή 2 - πρόγραμμα περιήγησης

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

Εφιστώ την προσοχή σας στη γραμμή 4,

που θα αντικαταστήσω με τη χορδή

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

Συνεχίζουμε την περαιτέρω βελτιστοποίηση του προτύπου - γραμμή 5 ή τίτλος της σελίδας. Είναι πολύ σημαντικό για τη βελτιστοποίηση μηχανών αναζήτησης ενός blog. Επομένως, είμαι υποχρεωμένος να το χρησιμοποιήσω, αλλά και εδώ η συμπλήρωσή του υλοποιείται με χρήση κώδικα PHP. Έτσι λειτουργεί αυτός ο κώδικας

Και τώρα μια μικρή παρέκβαση. Το γεγονός είναι ότι χρησιμοποιώ το All in One SEO Plugin για τη βελτιστοποίηση μηχανών αναζήτησης του blog μου. Με τη βοήθειά του, γράφω όλο τον τίτλο, την περιγραφή και τις λέξεις-κλειδιά για το ίδιο το blog και για κάθε μεμονωμένη σελίδα. Εδώ είναι ο κωδικός

Πρώτο μέρος του κώδικα

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

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

Η γραμμή 6 περιέχει τη σύνδεση αρχείου

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

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

Γραμμή 8 – πρέπει να καθορίσει την απόλυτη διαδρομή προς το αρχείο xmlrpc.php.

Είναι σύντομο, φαινομενικά αβλαβές, αλλά όταν δημιουργηθεί η κύρια σελίδα ιστολογίου, θα φορτώσει πολύ κώδικα: στυλ προσθήκης πλοήγησης σελίδας, προσθήκη captcha, πρόσθετο SEO All in One, wp-σύνταξη, Google Analytics, topsy. Μπορείτε να φορτώσετε ιδιότητες και στυλ άλλων εγκατεστημένων προσθηκών. Επιπλέον, εξάγονται σενάρια εργασίας από το φάκελο wp-includes CMS WordPress.

Υπάρχει μόνο ένα συμπέρασμα. Πρέπει να αξιολογήσω την ανάγκη για κάθε τέτοιο πρόσθετο για το ιστολόγιο και να αποφασίσω αν χρειάζεται ή αν το βάλω κάτω από το μαχαίρι. Για παράδειγμα, δεν μπορώ να κάνω χωρίς το All in One πρόσθετο SEO. Πέρασα πολύ χρόνο ψάχνοντας για το πρόσθετο wp-syntax. Φορτώνουν το ιστολόγιό μου, αλλά η απόδοση τους είναι μεγάλη.

Αλλά χωρίς πρόσθετα WordPress

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

Πού βρίσκονται τα αρχεία;

Οι φάκελοι θεμάτων βρίσκονται στον υποκατάλογο εγκατάστασης του WordPress

\wp-content\themes

Κάθε φάκελος περιέχει ένα ξεχωριστό θέμα.
Και το αρχείο ρυθμίσεων του WordPress wp-config.php, το οποίο μπορεί επίσης να χρειαστείτε, βρίσκεται στον κύριο κατάλογο.

Δομή θέματος WordPress

Κατά την εγκατάσταση ενός νέου θέματος WordPress, κατεβάζετε ένα αρχείο που αποτελείται από πολλές δεκάδες αρχεία που είναι υπεύθυνα για την εμφάνιση πληροφοριών ιστότοπου. Αυτά τα αρχεία είναι ένα μείγμα εντολών php, ετικετών html, μορφοποίησης css και απλού κειμένου. Είναι όλα διασυνδεδεμένα και χρησιμεύουν για την εμφάνιση διαφορετικών τύπων σελίδων. Για να εμφανίσει πληροφορίες σε μία σελίδα, το WordPress, χονδρικά μιλώντας, παίρνει πολλά αρχεία από αυτόν τον φάκελο και τα συνδυάζει διαδοχικά σε ένα μεγάλο αρχείο, το οποίο, μετά από όλη την πρόσθετη επεξεργασία, γίνεται η ιστοσελίδα του ιστότοπού σας. Κάθε τύπος σελίδας έχει το δικό του κύριο αρχείο:

• single.php – χρησιμοποιείται από το WordPress για την εμφάνιση αναρτήσεων.
• page.php – έξοδος σελίδας.
• archive.php, category.php, κ.λπ. – εμφανίζει σελίδες λίστας.
• image.php – συνημμένη εικόνα.
• 404.php – σφάλμα;

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

/** * Το πρότυπο για την εμφάνιση όλων των σελίδων * * Αυτό είναι το πρότυπο που εμφανίζει όλες τις σελίδες από προεπιλογή.

* Λάβετε υπόψη ότι αυτή είναι η κατασκευή σελίδων του WordPress και ότι * άλλες "σελίδες" στον ιστότοπό σας στο WordPress θα χρησιμοποιούν διαφορετικό πρότυπο.

• * * @package WordPress * @subpackage Twenty_Fourteen * @since Twenty Fourteen 1.0 */ get_header(); ?>
• Μερικές από τις λειτουργίες έχουν πρόσβαση σε άλλα αρχεία:
• get_header() – δείχνει τα περιεχόμενα του αρχείου header.php (κεφαλίδα).
• get_template_part("περιεχόμενο", "σελίδα") – πρότυπο με το καθορισμένο όνομα.
• comments_template() – σχόλια comments.php;

get_sidebar() – πλαϊνές γραμμές με γραφικά στοιχεία.

get_footer() – υποσέλιδο ιστότοπου.

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

//get_sidebar();

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

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

Ειδικά χαρακτηριστικά προτύπου

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

Στυλ θεμάτων

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

A (χρώμα: #0033cc; )

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

#my-sidebar (εμφάνιση: καμία; )

Πώς να βρείτε το σωστό στοιχείο

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

Παράθυρο εργαλείων προγραμματιστή του Chrome
Γνωρίζοντας το id του στοιχείου, το μόνο που μένει είναι να γράψετε το επιθυμητό στυλ για αυτό στο αρχείο style.css. Εάν δεν μπορείτε να βρείτε το σωστό μέρος στο style.css για να παρακάμψετε το στυλ, τότε, ως έσχατη λύση, μπορείτε να του δώσετε την υψηλότερη προτεραιότητα χρησιμοποιώντας τον τελεστή!important:

#my-sidebar ( οθόνη: καμία !σημαντικό; )

Τώρα πρέπει οπωσδήποτε να λειτουργήσει.

Να πλυθεί ή να μην πλυθεί

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

//Δείγμα σχολίου

/* Δείγμα σχολίου */

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

Ενημέρωση θεμάτων

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

Παιδικό πρότυπο

Αντί να επεξεργαστείτε το αρχικό θέμα, μπορείτε να δημιουργήσετε τη δική σας θυγατρική έκδοση για επεξεργασία. Για να δημιουργήσετε ένα θυγατρικό θέμα, πρέπει να δημιουργήσετε έναν νέο φάκελο στην ίδια ενότητα όπου βρίσκεται το κύριο θέμα και να αντιγράψετε το αρχείο style.css του αρχικού θέματος εκεί. Σε αυτό το αρχείο (στην αρχή), πρέπει να αντικαταστήσετε το όνομα με το δικό σας και να καθορίσετε το γονικό θέμα για αυτό.
Για παράδειγμα, για να δημιουργήσετε ένα θυγατρικό θέμα για το Twenty Fourteen, η κεφαλίδα θα μπορούσε να αλλάξει ως εξής:

/* Όνομα θέματος: URI θέματος Twenty Fourteen Child: //example.com/twenty-fourteen-child/ Περιγραφή: Twenty Fourteen Child Theme Συγγραφέας: I AM Author URI: //example.com Πρότυπο: twentyfourteen Έκδοση: 1.0.0 Ετικέτες : ανοιχτόχρωμο, σκοτεινό, δύο στηλών, δεξιά πλευρική γραμμή, απόκριση-διάταξη, προσβασιμότητα-έτοιμος τομέας κειμένου: twenty-fourteen-child */

Μετά από αυτό, θα μπορείτε να επιλέξετε ένα νέο θέμα Twenty Fourteen Child στην περιοχή διαχειριστή του WordPress. Σε αυτόν τον φάκελο μπορείτε να αντιγράψετε εκείνα τα αρχεία στα οποία σκοπεύετε να κάνετε αλλαγές (εκτός από το functions.php και τα παρόμοια). Αυτό καθιστά πολύ βολικό να επεξεργαστείτε ένα πρότυπο WordPress, επειδή μπορείτε να δείτε ακριβώς εκείνα τα αρχεία που έχουν αλλαγές.

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

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

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

Πριν ξεκινήσουμε την επεξεργασία του θέματος, πρέπει να κάνουμε μερικές σημαντικές σημειώσεις:

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

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

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

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

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

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

content.php - το αρχείο είναι υπεύθυνο για το κεντρικό τμήμα του ιστότοπου, δηλαδή την περιοχή περιεχομένου.

footer.php - το κάτω μέρος του ιστότοπου (υποσέλιδο ή υποσέλιδο).

header.php - το επάνω μέρος του ιστότοπου (κεφαλίδα ή κεφαλίδα).

sidebar.php - πλευρικό τμήμα του ιστότοπου (πλευρική γραμμή).

Για παράδειγμα, ας πάρουμε τον ίδιο τίτλο του άρθρου και ας προσπαθήσουμε να τον επεξεργαστούμε λίγο. Στο θέμα Twenty Fifteen, αυτή είναι η επικεφαλίδα δεύτερου επιπέδου (h2). Ας το αντικαταστήσουμε με, για παράδειγμα, μια επικεφαλίδα τρίτου επιπέδου (h3). Για να το κάνετε αυτό, ανοίξτε το πρότυπο content.php, προσπαθήστε να βρείτε την αντίστοιχη ενότητα κώδικα και κάντε αλλαγές. Εδώ είναι ο κωδικός:

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

Ζητήστε βοήθεια από έναν webmaster, ο οποίος θα κάνει τις απαραίτητες αλλαγές στο θέμα έναντι της κατάλληλης χρέωσης.

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

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