Πρότυπο νέας σελίδας wordpress. Πως δουλεύει. Εν συντομία για τις σελίδες
Συχνά είναι απαραίτητο να δώσετε σε μια σελίδα ιστολογίου WordPress ένα ξεχωριστό στυλ που να είναι διαφορετικό από τον κύριο σχεδιασμό του ιστολογίου. Αυτό γίνεται χρησιμοποιώντας την εργασία σε αυτήν τη σελίδα ξεχωριστό πρότυπο. Ας δούμε πώς υλοποιούνται όλα αυτά.
Πρώτα πρέπει να το δημιουργήσετε μόνοι σας πρότυπο σελίδας. Για να το κάνετε αυτό, μπορείτε απλά να επεξεργαστείτε το αρχείο page.php, το οποίο είναι υπεύθυνο για την εμφάνιση μόνιμων σελίδων.
Δημιουργούμε ένα αντίγραφο αυτού του αρχείου και το ονομάζουμε, για παράδειγμα, page_extra.php (το όνομα μπορεί να είναι οτιδήποτε). Μετά από αυτό, ανοίξτε το σε ένα πρόγραμμα επεξεργασίας κειμένου και αλλάξτε το περιεχόμενο σε αυτό που χρειαζόμαστε. Για παράδειγμα, εάν πρέπει να αλλάξετε την κεφαλίδα, μπορείτε να δημιουργήσετε ένα ξεχωριστό αρχείο header_extra.php (το όνομα και πάλι δεν έχει σημασία) και στο αρχείο page_extra.php αντί για get_header(); εισάγετε include("header_extra.php");. Μπορούμε παρομοίως να αλλάξουμε άλλα μπλοκ της σελίδας.
Τώρα στην αρχή του αρχείου page_extra.php γράφουμε
| 1 2 3 4 5 |
Αυτό θα είναι το όνομα του νέου μας προτύπου. Αυτό είναι όλο, αποθηκεύστε το αρχείο και αποθέστε το στο φάκελο με το εγκατεστημένο θέμα! Στέλνουμε επίσης όλα τα αρχεία που δημιουργήθηκαν πρόσφατα (header_extra.php).
Τώρα πρέπει να εφαρμόσετε αυτό το πρότυπο στην επιθυμητή σελίδα. Αυτό μπορεί να γίνει μέσω του πίνακα διαχείρισης του ιστολογίου. Για να το κάνετε αυτό, δημιουργήστε μια σελίδα ή μεταβείτε στον πίνακα διαχείρισης του WordPress για να επεξεργαστείτε σελίδες και να αλλάξετε το πρότυπο της απαιτούμενης σελίδας σε αυτό που μόλις δημιουργήσατε.
Μπορείτε επίσης να γράψετε τον ακόλουθο κώδικα στο αρχείο page.php:
Για εκδόσεις WordPress από την 2.8, όλα τα παραπάνω μπορούν να γίνουν χρησιμοποιώντας άλλη μέθοδο. Για να το κάνουμε αυτό χρησιμοποιούμε τη συνάρτηση:. Πρέπει να συμπεριληφθεί στην ετικέτα
στο αρχείο header.php του θέματός σας.Ως αποτέλεσμα, το κείμενο των επικεφαλίδων τρίτου επιπέδου θα γίνει 18 εικονοστοιχεία και μόνο σε στατικές σελίδες ή
| 1 2 3 | #post-2 (χρώμα : κόκκινο ; ) |
Αυτός ο κωδικός θα αλλάξει το χρώμα του κειμένου της ανάρτησης ID 2 σε κόκκινο.
Ακολουθεί μια πλήρης λίστα με κατηγορίες σώματος που μπορούν να χρησιμοποιηθούν για το στυλ τους:
- αρχείο
- Αναζήτηση
- σελιδοποιημένος
- συνημμένο
- Σφάλμα 404
- single postid- (id)
- συνημμένο- (αναγνωριστικό)
- συνημμένο- (τύπος μίμης)
- συγγραφέας
- συγγραφέας- (όνομα)
- κατηγορία
- όνομα κατηγορίας)
- ετικέτα- (όνομα)
- σελίδα-γονέας
- page-child parent-pageid- (id)
- page-template page-template- (όνομα αρχείου προτύπου)
- Αποτελέσματα αναζήτησης
- αναζήτηση-χωρίς αποτελέσματα
- συνδεδεμένοι
- σελιδοποιημένος- (αριθμός σελίδας)
- μονοσέλιδο- (αριθμός σελίδας)
- σελίδα-σελίδα- (αριθμός σελίδας)
- κατηγορία-σελίδα- (αριθμός σελίδας)
- με ετικέτα- (αριθμός σελίδας)
- ημερομηνία-σελίδα- (αριθμός σελίδας)
- συγγραφέας-σελίδα- (αριθμός σελίδας)
- αναζήτηση-σελίδα- (αριθμός σελίδας)
Τα πρότυπα σελίδας WordPress έχουν σχεδιαστεί για να δίνουν στις σελίδες σας μια εξατομικευμένη εμφάνιση. Τις περισσότερες φορές, όλες οι σελίδες έχουν ένα πρότυπο ή μια παραλλαγή του προτύπου με ή χωρίς πλαϊνή γραμμή. Συμφωνώ, αυτό δεν αρκεί για μια φανταχτερότητα. Σε αυτό το σεμινάριο θα εξετάσουμε τον καλύτερο τρόπο για να δημιουργήσετε τα δικά σας πρότυπα σελίδας.
Τι είναι τα πρότυπα σελίδων
Ένα θέμα WordPress μπορεί να έχει πολλά διαφορετικά πρότυπα για την εμφάνιση σελίδων, αναρτήσεων, αρχείων και ούτω καθεξής. Μεταξύ των προτύπων, εξετάζουμε τώρα πρότυπα για Σελίδες. Όταν δημιουργείτε μια Σελίδα στο WordPress, μπορείτε να επιλέξετε ένα ειδικό πρότυπο για αυτήν:
Διαφορετικά θέματα ενδέχεται να παρέχουν διαφορετικά πρότυπα σελίδας, όπως ένα πρότυπο για μια σελίδα πλήρους πλάτους (χωρίς πλαϊνή γραμμή), με αριστερή πλαϊνή γραμμή αντί για δεξιά κ.λπ. Η απουσία αυτής της επιλογής κατά την επεξεργασία σελίδων σημαίνει ότι το θέμα δεν έχει δηλώσει πρόσθετα πρότυπα.
Τα πρότυπα σελίδων μπορούν να χρησιμοποιηθούν για περισσότερες από μία σελίδες και ορισμένα θέματα δημιουργούν πολύ συγκεκριμένα πρότυπα που προορίζονται να χρησιμοποιηθούν μόνο μία φορά.
Πώς να δημιουργήσετε το δικό σας πρότυπο σελίδας
Όταν χρησιμοποιείτε ένα θυγατρικό θέμα, μπορείτε επίσης να τοποθετήσετε πρότυπα σελίδων στον ριζικό κατάλογο ή τον υποκατάλογο και εάν κυκλοφορήσει μια ενημέρωση για το γονικό θέμα, τα αρχεία σας δεν θα επηρεαστούν.
Πότε δεν πρέπει να χρησιμοποιείτε πρότυπα σελίδων
Εάν χρησιμοποιώντας το πρότυπό σας αλλάζετε μόνο το στυλ και όχι τη δομή μιας συγκεκριμένης σελίδας, τότε μπορείτε να το κάνετε αυτό χωρίς να χρησιμοποιήσετε πρόσθετα πρότυπα.
Το WordPress έχει μια βοηθητική συνάρτηση body_class() που χρησιμοποιείται στα περισσότερα υπάρχοντα θέματα. Χρησιμοποιώντας την έξοδο κλάσεων από αυτή τη συνάρτηση, μπορείτε να αλλάξετε το στυλ οποιασδήποτε σελίδας χρησιμοποιώντας κώδικα CSS:
/* Απόκρυψη της πλαϊνής γραμμής στη σελίδα 123 */ body.page-id-123 #secondary ( εμφάνιση: καμία; )
Τα πρότυπα σελίδων δεν θα πρέπει επίσης να χρησιμοποιούνται για την αλλαγή παραμέτρων στον κύριο βρόχο του WordPress, όπως η προσθήκη ενός προσαρμοσμένου τύπου ανάρτησης ή η εξαίρεση μιας κατηγορίας. Για τέτοιους σκοπούς, υπάρχει ένα ειδικό φίλτρο pre_get_posts στο WP_Query() .
Εάν έχετε οποιεσδήποτε ερωτήσεις σχετικά με την εργασία με πρότυπα σελίδων στο WordPress, θα χαρώ να τις απαντήσω στα σχόλια.
Αυτό το σεμινάριο θα σας δείξει πώς να δημιουργήσετε ένα νέο πρότυπο σελίδας για πρότυπα WordPress Cherry Δομή.
Συνδεθείτε στον πίνακα διαχείρισης του WordPress.
Άνοιγμα μενού Σελίδες -> Προσθήκη νέου (Σελίδες -> Προσθήκη νέου)και δημιουργήστε μια νέα σελίδα με ένα νέο πρότυπο σελίδας.
Εισαγάγετε έναν τίτλο για τη σελίδα και αποθηκεύστε τις αλλαγές σας. Στη δεξιά στήλη στον πίνακα, μπορείτε να επιλέξετε ένα από τα πρότυπα σελίδας που χρησιμοποιούνται στο θέμα σας. Πρέπει να προσθέσετε ένα νέο πρότυπο σελίδας σε αυτήν τη λίστα. Όλα αυτά τα πρότυπα βρίσκονται σε έναν φάκελο στον διακομιστή σας. Αλλά πρέπει να προσθέσετε ένα νέο πρότυπο σελίδας στο φάκελο wp-content/themes/theme#####.
Δημιουργήστε ένα νέο αρχείο .php σε οποιοδήποτε πρόγραμμα επεξεργασίας όπως το Dreamweaver ή το Notepad++ και ονομάστε το κάπως: νέο.php . Προσθέστε τον ακόλουθο κώδικα σε αυτό το αρχείο:
Αποθηκεύστε το αρχείο και μεταφορτώστε το στο φάκελο wp-content/themes/theme#####στον διακομιστή σας.
Τώρα επιστρέψτε στη σελίδα που δημιουργήσατε στον πίνακα διαχείρισης του WordPress. Στο πάνελ Χαρακτηριστικά σελίδαςΜπορείτε να επιλέξετε ένα νέο πρότυπο σελίδας που ονομάζεται "Προσαρμοσμένο".
Ανοίξτε ξανά το αρχείο new.php και αρχίστε να προσθέτετε το περιεχόμενό σας. Το αρχείο μπορεί να περιέχει ό,τι θέλετε, συμπεριλαμβανομένου αμετάβλητου περιεχομένου ή στοιχείων διάταξης σελίδας που θα εμφανίζουν περιεχόμενο σελίδας.
Μπορείτε να χρησιμοποιήσετε στοιχεία κώδικα άλλων προτύπων σελίδας από το φάκελο wp-content/themes/CherryFrameworkγια να δημιουργήσετε μια συγκεκριμένη σελίδα.
Ας προσθέσουμε πρώτα μια κεφαλίδα και ένα υποσέλιδο στο νέο πρότυπο σελίδας:
Εάν αποθηκεύσετε τις αλλαγές σας, θα μπορείτε να τις δείτε στη σελίδα:
Τώρα πρέπει να επιλέξετε τον τύπο περιεχομένου που θέλετε να χρησιμοποιήσετε σε αυτήν τη σελίδα. Ας υποθέσουμε ότι δεν έχετε ξεχωριστό πρότυπο σελίδας για προσαρμοσμένες αναρτήσεις "Η ομάδα μας". Και σας αρέσει ο σχεδιασμός του προτύπου σελίδας Μαρτυρίες και θα θέλατε να χρησιμοποιήσετε αυτό το σχέδιο για τις αναρτήσεις "Η ομάδα μας". Για να το κάνετε αυτό στο μενού Σχεδίαση -> Επεξεργαστής (Εμφάνιση -> Επεξεργαστής)μπορείτε εύκολα να βρείτε το αρχείο που περιέχει τον κώδικα για το πρότυπο σελίδας Μαρτυρίες. Το όνομά του page-testi.php.
Ανοίξτε αυτό το αρχείο για επεξεργασία. Αντιγράψτε μόνο τον κώδικα περιεχομένου αφού έχετε ήδη προσθέσει την κεφαλίδα και το υποσέλιδο (παρακάτω είναι ένα παράδειγμα αυτού του κώδικα, ο κώδικάς σας μπορεί να φαίνεται διαφορετικός):
Επικολλήστε τον αντιγραμμένο κώδικα στο αρχείο new.php. Αντικαθιστώ Όνομα προτύπου: Προσαρμοσμένο επί Όνομα προτύπου: Ομάδα
Και αντικαταστήστε page-testi.php επί νέο.php σε αυτόν τον κώδικα.
Αυτός ο κώδικας περιέχει επίσης έναν σύνδεσμο προς το αρχείο loop/loop-testi.php. Αυτό είναι ένα άλλο αρχείο που πρέπει να αντιγράψετε και να επεξεργαστείτε. Αντιγράψτε το αρχείο loop-testi.phpαπό το φάκελο wp-content/themes/CherryFramework/loopκαι επικολλήστε το στο φάκελο wp-content/themes/theme#####/loop(αν ο φάκελος θέματός σας δεν έχει φάκελο βρόχος, θα πρέπει να το δημιουργήσετε). Μετονομάστε αυτό το αρχείο για παράδειγμα σε loop-new.php και ανοίξτε το για επεξεργασία. Αντικαταστήστε τη λέξη “testi”στη λέξη "ομάδα"σε όλες τις γραμμές του αρχείου και αποθηκεύστε τις αλλαγές. (Μπορείτε να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου Control (Command) + F για να αντικαταστήσετε λέξεις.)
Όταν το αρχείο loop-new.phpδημιουργία και επεξεργασία, ανοίξτε ξανά το αρχείο νέο.phpκαι αντικαταστήστε loop/loop-testi.phpεπί loop/loop-new.phpστον κώδικά του. Ως αποτέλεσμα, ο κώδικάς σας θα μοιάζει με αυτό:
Αποθηκεύστε τις αλλαγές σας και δοκιμάστε τη νέα σας σελίδα. Θα πρέπει τώρα να περιέχει προσαρμοσμένες αναρτήσεις «Η ομάδα μας» με τη σχεδίαση της σελίδας Μαρτυρίες.
Η δημιουργία μιας σελίδας στο WordPress είναι ένα από τα κύρια βήματα κατά την ανάπτυξη ενός ιστότοπου. Αυτό δεν είναι πρόβλημα για τους επαγγελματίες, αλλά μπορεί να προκύψουν προβλήματα για αρχάριους, εκείνους που ανακάλυψαν πρόσφατα αυτό το καταπληκτικό σύστημα διαχείρισης περιεχομένου.
Μια σελίδα είναι ένα από τα κύρια μέρη ενός ιστότοπου WordPress. Θα σας πούμε πώς να δημιουργήσετε μια σελίδα και πώς να τη χρησιμοποιήσετε σε αυτό το άρθρο.
Πώς να φτιάξετε μια σελίδα στο WordPress
Για να δημιουργήσετε μια σελίδα στο WordPress, πρέπει να κάνετε κλικ στο στοιχείο μενού «Σελίδες» στην κονσόλα διαχειριστή και να επιλέξετε «Προσθήκη νέου». Θα μεταφερθείτε στο , το οποίο είναι το ίδιο με το πρόγραμμα επεξεργασίας για την προσθήκη καταχωρήσεων. Διαθέτει όλες αυτές τις λειτουργίες και μπορείτε επίσης να κάνετε εναλλαγή μεταξύ δύο τύπων επεξεργαστών - κειμένου και οπτικού.
Θα χρειαστεί να βρείτε ένα όνομα για τη σελίδα και να συμπληρώσετε το περιεχόμενό της. Επιπλέον, εάν έχετε εγκατεστημένη την προσθήκη πακέτου SEO All in one, η σελίδα μπορεί να βελτιστοποιηθεί ως προς το SEO. Για να το κάνετε αυτό, πρέπει να γράψετε τον τίτλο, την περιγραφή και τις λέξεις-κλειδιά στις κατάλληλες γραμμές.
Όπως και οι αναρτήσεις, οι σελίδες μπορούν να δημοσιευτούν ή να αποθηκευτούν ως πρόχειρο. Μπορείτε να ορίσετε την ημερομηνία δημοσίευσης να είναι προγενέστερη εάν θέλετε να δημοσιεύσετε σελίδες με αναδρομική ημερομηνία ή αργότερα εάν θέλετε να προγραμματίσετε μελλοντικές δημοσιεύσεις. Διαβάστε σχετικά.
Παρόμοια με τις αναρτήσεις, μπορείτε να προσθέσετε μια μικρογραφία εικόνας σε μια σελίδα. Ωστόσο, σε αντίθεση με τις αναρτήσεις, οι σελίδες δεν μπορούν να αντιστοιχιστούν σε καμία κατηγορία ή να εκχωρηθούν ετικέτες.
Εάν θέλετε να δημιουργήσετε μια ιεραρχία σελίδων, μπορείτε να χρησιμοποιήσετε τις επιλογές γονικής και θυγατρικής σελίδας.
Επίσης, εάν το πρότυπο του ιστότοπού σας υποστηρίζει διαφορετικές επιλογές εμφάνισης, μπορείτε να τις επιλέξετε στο WordPress κατά τη δημιουργία της σελίδας.
Τι μπορείτε να κάνετε με μια σελίδα WordPress;
Οι σελίδες μπορεί να είναι γεμάτες με κάποιο κείμενο, εικόνες ή άλλο περιεχόμενο. Τότε θα είναι μια στατική σελίδα - δεν θα αλλάξει αυθαίρετα. Η σελίδα μπορεί επίσης να παράγει κάποιο κώδικα HTML, όπως συμβαίνει κατά την προσθήκη φόρμας επικοινωνίας ή χάρτη ιστότοπου. Αυτές μπορεί να είναι είτε δυναμικές είτε στατικές σελίδες, ανάλογα με τις λειτουργίες του κώδικα.
Στο WordPress, η αρχική σελίδα δημιουργείται πάντα αυτόματα και δεν χρειάζεται να τη δημιουργήσετε επιπλέον εάν πρόκειται να εμφανίσετε τις τελευταίες δημοσιεύσεις σε αυτήν. Εάν πρέπει να εμφανίσετε κάποια στατική ή συγκεκριμένη σελίδα στην κύρια σελίδα, τότε πρέπει πρώτα να τη δημιουργήσετε.
Οι σελίδες μπορούν να προστεθούν στο μενού ιστότοπου, στο στοιχείο του πίνακα διαχείρισης "Εμφάνιση" - "Μενού". Και αυτό το μενού μπορεί να τοποθετηθεί στον ιστότοπο.
Όσοι προσπάθησαν τουλάχιστον μία φορά να δημιουργήσουν θέματα ή να βελτιώσουν τον κώδικά τους γνωρίζουν ότι το πρότυπο «page.php» είναι υπεύθυνο για το στυλ όλων των σελίδων του ιστότοπου. Συχνά αυτό το αρχείο εμφανίζει μπλοκ που είναι τα ίδια σε ηχογραφήσεις, αρχεία κ.λπ. Το WordPress σας επιτρέπει να δημιουργήσετε το δικό σας προσαρμοσμένα πρότυπα σελίδων. Και αυτό, με τη σειρά του, σημαίνει ότι μπορείτε να προχωρήσετε πέρα από τον τυπικό σχεδιασμό. Θα εξηγήσω. Για παράδειγμα, στο πρότυπο σελίδας που δημιουργήσατε, μπορείτε να αφαιρέσετε τη γραμμή ιστότοπου ή να αλλάξετε τη θέση των μπλοκ, να δημιουργήσετε μια διαφορετική κεφαλίδα ή να αλλάξετε ολόκληρο το σχέδιο. Επίσης, χάρη στη δημιουργία των δικών σας προτύπων, είναι δυνατή η δημιουργία one-pagers (landing pages).
Έτσι, χρησιμοποιώντας ένα πρότυπο προσωπικής σελίδας μπορείτε:
- αφαιρέστε ή προσθέστε μια πλαϊνή γραμμή, ένα υποσέλιδο, μια κεφαλίδα.
- αλλάξτε τη σχεδίαση της κεφαλίδας, του υποσέλιδου, της πλαϊνής γραμμής.
- δημιουργήστε μια σελίδα εγγραφής ή μια φόρμα επικοινωνίας ενσωματωμένη στο σχέδιο.
- να εφαρμόσει κάποιο σενάριο (JavaScript, php και άλλα).
- σχεδιάστε σελίδες με πρωτότυπο τρόπο
Πώς να δημιουργήσετε το δικό σας πρότυπο σελίδας στο WordPress
Μέθοδος Νο. 1
○ Δημιουργήστε το δικό σας πρότυπο
Για να δημιουργήσετε το δικό σας πρότυπο σελίδας WordPress, ακολουθήστε τα εξής βήματα:
- ανοίξτε το blog/site σας μέσω FTP. Για να το κάνετε αυτό, χρησιμοποιήστε προγράμματα όπως ή
Άνοιγμα αρχείων θέματος ( wp-content/themes/Your-theme/ )
Κατεβάστε το αρχείο "page.php" και ανοίξτε το με και, στη συνέχεια, επικολλήστε τον ακόλουθο κώδικα στην αρχή του αρχείου:
Φυσικά, το όνομα " νέα σελίδα για την ιστοσελίδα
» αλλάξτε το στο δικό σας
Με αυτόν τον κώδικα είπαμε στο WordPress να δημιουργήσει ένα προσαρμοσμένο πρότυπο που ονομάζεται " νέα σελίδα για την ιστοσελίδα
».
Για παράδειγμα, για να δείτε τη διαφορά, αφαιρέστε τη γραμμή ιστότοπου. Για να το κάνετε αυτό, βρείτε και διαγράψτε αυτό στον κώδικα:
Και αποθηκεύστε το ίδιο το αρχείο ως "page-no-sidebars.php".
Ανεβάστε το αρχείο που δημιουργήθηκε πρόσφατα "page-no-sidebars.php" μέσω FTP σε όλα τα αρχεία θεμάτων.
○ Σύνδεση νέου προτύπου στη σελίδα
Στον πίνακα διαχείρισης του WordPress, σε οποιαδήποτε σελίδα έχει ήδη δημιουργηθεί (ή σε αυτή που θα δημιουργήσετε), στη δεξιά πλευρά, βρείτε το στοιχείο "Πρότυπο". Εδώ σε αυτό το σημείο, επιλέξτε το όνομά σας για το νέο πρότυπο σελίδας (στην περίπτωσή μου είναι " νέα σελίδα για την ιστοσελίδα »):
Αποθηκεύστε και δείτε το αποτέλεσμα.
Μέθοδος Νο. 2
Η Μέθοδος Νο. 2 διαφέρει από τη Μέθοδο Νο. 1 στο ότι το αρχείο πρέπει να ονομαστεί με ένα συγκεκριμένο όνομα:
Σελίδα-(slug-pages).php
Για παράδειγμα: page-contact.php
Σελίδα-(αναγνωριστικό σελίδας).php
Για παράδειγμα: page-12.php
Θα εξηγήσω.
Όταν δημιουργείται μια σελίδα, της εκχωρείται αυτόματα μια διεύθυνση URL. Μπορείτε να το αλλάξετε όπως θέλετε, σας συνιστώ να χρησιμοποιήσετε το πρόσθετο rustolat ():
Έτσι, εάν η διεύθυνση URL της σελίδας μου είναι "proba", τότε το αρχείο που πρέπει να δημιουργήσω για αυτήν τη σελίδα θα είναι ως εξής:
σελίδα- proba.php
Εάν η διεύθυνση URL της σελίδας ήταν "επαφή", τότε το αρχείο για αυτήν τη σελίδα θα μοιάζει με αυτό:
σελίδα- contact.php
Ανεβάστε το αρχείο μέσω FTP σε όλα τα αρχεία θεμάτων. Ελέγξτε, όλα πρέπει να λειτουργούν.
Το μειονέκτημα της μεθόδου Νο. 2 είναι ότι το αρχείο δημιουργείται μόνο για μία σελίδα, όλες οι άλλες θα είναι τυπικές.
Αυτά είναι όλα! Τώρα μπορείτε να δημιουργήσετε ένα μοναδικό σχέδιο για οποιαδήποτε σελίδα.