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

Πίνακας περιεχομένων

1. Μεταβείτε στον Επεξεργαστή τοποθεσίας

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

Για να μεταβείτε στον Επεξεργαστή ιστότοπου, μεταβείτε στο Εμφάνιση>Επιμελητής (κόκκινο βέλος στην παραπάνω εικόνα) από την κύρια πλοήγηση στην περιοχή Διαχείριση WP.

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

Στη δεξιά πλευρά, κάτω από την καρτέλα "Σελίδα", θα δείτε μια σειρά με την ένδειξη "Πρότυπο" (που περιγράφεται με μπλε χρώμα στην παραπάνω εικόνα). Κάντε κλικ στο όνομα/σύνδεσμο του προτύπου (κόκκινο βέλος). Στη συνέχεια, κάντε κλικ στο «Επεξεργασία προτύπου» (πράσινο βέλος – μερικές φορές το «Επεξεργασία προτύπου» είναι ένας μικρός μπλε σύνδεσμος κειμένου κάτω από το αναπτυσσόμενο μενού που εμφανίζει το όνομα του προτύπου σας).

2. Επεξεργαστείτε το Πρότυπο σας

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

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

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

3. Προσθέστε την κεφαλίδα σας σε μια ομάδα

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

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

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

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

Για να επιστρέψετε στο μπλοκ ομάδας, κάντε κλικ στο εικονίδιο "Επιλογή ομάδας" στη γραμμή εργαλείων μπλοκ κεφαλίδας (ροζ βέλος).

WordPress Simplified: How to Build Powerful Websites Course by Davies Media Design

4. Ρυθμίστε την ομάδα σε "Sticky"

Με επιλεγμένη την ομάδα, μεταβείτε στην καρτέλα «Αποκλεισμός» κάτω από την πλαϊνή γραμμή ρυθμίσεων στη δεξιά πλευρά της οθόνης (κόκκινο βέλος στην παραπάνω εικόνα).

Κάντε κλικ στο στοιχείο μενού με την ένδειξη "Θέση" (πράσινο βέλος). Θα δείτε τώρα ένα αναπτυσσόμενο μενού εδώ με την ένδειξη "Προεπιλογή" (ροζ βέλος). Κάντε κλικ στο αναπτυσσόμενο μενού και επιλέξτε την επιλογή "Sticky" (μπλε βέλος).

Μεταβείτε στην κορυφή του προγράμματος επεξεργασίας και κάντε κλικ στο κουμπί "Αποθήκευση" (κόκκινο βέλος) και μετά κάντε ξανά κλικ στο "Αποθήκευση". Τώρα θα έχετε μια κύρια πλοήγηση μενού stick για τον ιστότοπό σας στο WordPress!

5. Δώστε στυλ στο Sticky Menu

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

Για να το κάνω αυτό, με επιλεγμένο το μπλοκ ομάδας, θα πλοηγηθώ στην καρτέλα "Στυλ" της πλαϊνής γραμμής ρυθμίσεων (κόκκινο βέλος στην παραπάνω εικόνα).

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

Για άλλη μια φορά θα κάνω κλικ στο "Αποθήκευση" δύο φορές για να αποθηκεύσω τις αλλαγές.

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

Μπορείτε να κάνετε προεπισκόπηση του ιστότοπού σας κάνοντας κλικ στο εικονίδιο της συσκευής (κόκκινο βέλος) και, στη συνέχεια, κάντε κλικ στην επιλογή «Προβολή τοποθεσίας» (πράσινο βέλος).

Μπορείτε να κάνετε κύλιση στον ιστότοπό σας και να παρακολουθήσετε το σταθερό μενού πλοήγησης να παραμένει στη θέση του στην κορυφή (πράσινο βέλος)!

Μόλις ολοκληρώσετε την επεξεργασία του σταθερού μενού σας, κάντε κλικ στο κουμπί "Πίσω" στο επάνω μέρος του προγράμματος επεξεργασίας (κόκκινο βέλος). Αυτό θα σας επιστρέψει στην ιστοσελίδα σας μέσα στο Side Editor.

Για να επιστρέψετε στην περιοχή διαχειριστή του WP, απλώς κάντε κλικ στο λογότυπο στην επάνω αριστερή γωνία.

Αυτό είναι για αυτό το σεμινάριο! Αν σας άρεσε, μπορείτε μάθετε WordPress με το σε βάθος μάθημά μου για το Udemy. Ή, μπορείτε να ελέγξετε άλλα δωρεάν Εκμάθηση βίντεο WordPress και Άρθρα βοήθειας για το WordPress στην ιστοσελίδα μου.

Ενημερωτικό δελτίο ηλεκτρονικού ταχυδρομείου Davies Media Design Δωρεάν δημιουργικές εφαρμογές

Εγγραφείτε στο ενημερωτικό δελτίο DMD

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

Έχετε εγγραφεί με επιτυχία!

Pin It στο Pinterest