Πώς να δημιουργήσετε ένα αναπτυσσόμενο μενού στο WordPress; Απλό κατακόρυφο αναπτυσσόμενο μενού στο WordPress

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

Γραφικό στοιχείο jQuery Vertical Mega Menu

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

Χαρακτηριστικά του JQuery Vertical Mega Menu Widget:

• Αρίθμηση στοιχείων σε μια γραμμή
• Εφέ κινουμένων σχεδίων
• Έλεγχος κινούμενων σχεδίων
• Ταχύτητα κινούμενων σχεδίων
• 8 διαφορετικά εξώφυλλα

Διορθώθηκαν τα μενού διαχειριστή

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

Διορθώθηκαν τα χαρακτηριστικά των μενού διαχειριστή:

• Λειτουργεί με WordPress 3.5+
• Διαθέτει τρία Μενού Διαχειριστή Διορθώθηκαν επιλογές
• Περιλαμβάνει τον πίνακα ελέγχου του WordPress
• Ενσωματώνεται αυτόματα στο WordPress
• Εμφανίζει το στοιχείο του παραθύρου διαχειριστή

Γραφικό στοιχείο jQuery Mega Menu

Δημιουργήστε διάφορα αναπτυσσόμενα μενού χρησιμοποιώντας το μενού χρήστη στο WordPress χρησιμοποιώντας απλά το jQuery.

Χαρακτηριστικά του JQuery Mega Menu:

• Τοποθετήστε το δείκτη του ποντικιού/Κλικ
• Αρίθμηση στοιχείων σε μια γραμμή
• Πολλαπλά εξώφυλλα
• Εφέ κινουμένων σχεδίων
• Ταχύτητα κινούμενων σχεδίων
• Σύνολο υπομενού

WP-Easy Menu

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

Χαρακτηριστικά του μενού WP-Easy:

• Σελίδες ή προσαρμοσμένοι σύνδεσμοι
• Δημιουργία ενσωματωμένου μενού
• Αυτόματη λειτουργία μενού

Αναπτυσσόμενο μενού jQuery

Δημιουργήστε οριζόντια και κάθετα αναπτυσσόμενα μενού με αυτό το διάσημο πρόσθετο μενού στο WordPress

Δυνατότητες αναπτυσσόμενου μενού jQuery:

• Χρώμα φόντου στο κύριο μενού
• Στρογγυλεμένα περιγράμματα (ή όχι)
• Διαχωρισμός κουμπιών
• Δείκτης του ποντικιού πάνω από το χρώμα φόντου
• Ορίζει το μέγεθος και το χρώμα της γραμματοσειράς στο μενού

Γραφικό στοιχείο αναπτυσσόμενου μενού

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

Χαρακτηριστικά του γραφικού στοιχείου του αναπτυσσόμενου μενού:

• Αναπτυσσόμενο μενού μόνο για CSS
• Σελίδες καταχώρισης
• Κάθετη ή οριζόντια διάταξη
• Επιλογή θεμάτων για το widget

Αναπτυσσόμενο μενού διαχειριστή Ozh

Δημιουργήστε ένα όμορφο οριζόντιο αναπτυσσόμενο μενού χρησιμοποιώντας την προσθήκη Ozh’ Admin Drop Down.

Χαρακτηριστικά του αναπτυσσόμενου μενού Ozh' Admin:

• Αναπτυσσόμενο μενού για CSS
• API για προγραμματιστές
• Οι εγκαταστάσεις WordPress δεν υποστηρίζονται

Κατακόρυφο μενού WordPress

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

Χαρακτηριστικά του κατακόρυφου μενού WordPress:

• Προσαρμοσμένο μενού χρησιμοποιώντας διαφορετικές επιλογές
• Διορθώστε τη θέση του μενού κατά την κύλιση
• Ωραία εφέ Flash
• Η διεπαφή είναι πλήρως ενσωματωμένη στη διαχείριση του WordPress

Το επίσημο πρόσθετο για το OpenMenu

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

Χαρακτηριστικά του OpenMenu:

• Τύπος καταχωρήσεων χρήστη για το OpenMenu
• Προσαρμοσμένες Λειτουργίες
• Ρυθμίσεις πλάτους τοποθεσίας
• Έλεγχος περιήγησης μενού

Προβολή δενδρικής σελίδας μενού διαχειριστή

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

• Δυνατότητα αλλαγής παραγγελίας
• Περιηγηθείτε σε όλες τις σελίδες
• Ιεραρχική δενδροδομή
• Συμβατό με WPML

Γραφικό στοιχείο μενού προσαρμοσμένων ταξινομιών

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

Χαρακτηριστικά του γραφικού στοιχείου μενού προσαρμοσμένων ταξινομιών:

• Επιλογή ταξινόμησης χρήστη για εμφάνιση
• Αλλαγή της σειράς εμφάνισης σε προσαρμοσμένες ταξινομήσεις
• Δυνατότητα επιλογής εάν θα εμφανιστεί η ταξινόμηση
• Δυνατότητα επιλογής εάν θα εμφανίζεται η λίστα των όρων ως ιεραρχία

Γραφικό στοιχείο μενού jQuery Accordion

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

Χαρακτηριστικά του γραφικού στοιχείου μενού JQuery Accordion:

• Κάντε κλικ/Τοποθετήστε το δείκτη του ποντικιού
• Αυτόματη επέκταση ανάλογα με την τρέχουσα σελίδα/αντικείμενο
• Απενεργοποίηση γονικών συνδέσμων
• Διάφορα μενού
• Καθυστέρηση αιώρησης

Προβολή δενδρικής σελίδας μενού διαχειριστή

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

Χαρακτηριστικά της Προβολής σελίδας δέντρου μενού διαχειριστή:

• Αλλαγή της σειράς σελίδων
• Προβολή όλων των σελίδων
• Συμβατό με WPML

Μενού επιλογής απόκρισης

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

Δυνατότητες του Responsive Select Menu:

• Σταθερή λειτουργία σε κινητές συσκευές
• Ευκολότερη πλοήγηση για συσκευές με οθόνη αφής
• Δεν απαιτείται πρόσθετος κώδικας PHP

20.10.2012

διαχειριστής

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

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

Εγκατάσταση πλαϊνού μενού στο wordpress

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

Εγκατάσταση βίντεο της προσθήκης jQuery Slick Menu

Δημιουργία κατακόρυφου μενού με χρήση του πρόσθετου μενού jQuery Vertical Accordion

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

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

Μπορείτε να εγκαταστήσετε το πρόσθετο μέσω του ίδιου του πίνακα διαχείρισης του WordPress πληκτρολογώντας «JQuery Vertical Accordion Menu» εκεί ή να το κατεβάσετε από τον επίσημο ιστότοπο του συγγραφέα. Μετά την εγκατάσταση της προσθήκης, πρέπει να μεταβείτε στα "Γραφικά στοιχεία", να βρείτε το γραφικό στοιχείο της προσθήκης εκεί και να το σύρετε στην πλαϊνή γραμμή. Στο ίδιο το widget θα βρείτε όλες τις απαραίτητες ρυθμίσεις plugin. Θα ήθελα να προσθέσω ότι ο συγγραφέας του jQuery Vertical Accordion Menu έχει και άλλα ειδικά πρόσθετα που σας επιτρέπουν να δημιουργήσετε διάφορα μενού πολλαπλών επιπέδων, τόσο κάθετα όσο και οριζόντια.

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

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

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

1. Πριν δημιουργήσετε ένα αναπτυσσόμενο μενού, φροντίστε να αφαιρέσετε το τυπικό μενού. Ανοίξτε το αρχείο - sidebar.php, βρείτε τη γραμμή σε αυτό:

και τολμηρά αφαιρέστε το?

2. Τώρα ανοίξτε το αρχείο - header.php, βρείτε το τέλος του μπλοκ “headerimg” και μετά εισάγετε τις ακόλουθες γραμμές κώδικα:

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

3. Τώρα πρέπει να μεταβείτε στο style.css και να προσθέσετε αυτά τα στυλ εκεί (κατά προτίμηση μετά τα μπλοκ που είναι υπεύθυνα για την κεφαλίδα):

/*υπεύθυνος για το γενικό στυλ του μπλοκ μενού*/ #menu ( ύψος: 30 εικονοστοιχεία; φόντο: #4182b8; περιθώριο: 5 εικονοστοιχεία 20 εικονοστοιχεία 100 εικονοστοιχεία 20 εικονοστοιχεία; καθαρό: και τα δύο; μέγεθος γραμματοσειράς: 14 εικονοστοιχεία; ) /*υπεύθυνο για το στυλ του σύνδεσμοι στο μενού*/ #menu li a( χρώμα: #fff; οθόνη: μπλοκ; ύψος γραμμής: 27 εικονοστοιχεία; padding: 0 10 px; ) #menu li a:hover ( φόντο: #07599d; διακόσμηση κειμένου: κανένα; ) /*υπεύθυνος για το στυλ για στοιχεία πρώτου επιπέδου, π.χ. θυγατρικές σελίδες*/ #menu li ( style-style: none; float: left; ) /*υπεύθυνος για το στυλ για τα στοιχεία του θυγατρικού μενού*/ #menu li ul li ( float: none; ) #menu ul ( φόντο: #4182b8 Περιθώριο: 0;

4. Σε αυτό το βήμα, θα αλλάξουμε λίγο το CSS ώστε να επισημαίνονται οι ενεργές σελίδες. Θα πρέπει να χρησιμοποιηθεί ο ακόλουθος κώδικας:

.current_page_item, .current_page_parent( background: #07599d; text-decoration: none; )

5. Το πιο σημαντικό και τελευταίο βήμα είναι να κάνετε το μενού πτυσσόμενο. Για να γίνει αυτό, στο style.css επεξεργαζόμαστε το τελευταίο μπλοκ του στυλ του αναπτυσσόμενου μενού και το κάνουμε ως εξής:

/*display:none line κρύβει το αναπτυσσόμενο μενού*/ #menu ul( display: none; background: #4182b8; margin: 0; padding: 0; position: absolute; z-index: 10; )

Τώρα πρέπει να συνδέσουμε το jquery στο πρότυπό μας και για να το κάνουμε αυτό πηγαίνουμε ξανά στο αρχείο - header.php, γράψτε τη γραμμή εκεί:

Και προσθέστε τον κωδικό που θα σας επιτρέψει να εμφανίσετε το θυγατρικό μενού στο δείκτη του ποντικιού:

jQuery(document).ready(function())( jQuery("#menu li").hover( function())( jQuery(this).find('ul').show(); ), function()) ( jQuery( this).find('ul').hide(); ) );

Έτσι θα μοιάζει το ολοκληρωμένο μενού, το οποίο θα ευχαριστήσει τα μάτια των επισκεπτών:

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

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

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

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

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

Τύποι μενού

Υπάρχουν διάφοροι τύποι ιστότοπων WordPress:

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

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

Σε τι χρησιμεύει το μενού;

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

Εξοικονόμηση χώρου.

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

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

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

Σε γενικές γραμμές, υπάρχουν πολλά πλεονεκτήματα, ας ρίξουμε μια πιο προσεκτική ματιά στο πώς να το φτιάξετε;

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

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

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

Κάντε κλικ στο «Μενού».

Οι ρυθμίσεις θα μας ανοίξουν.

Εδώ κάνουμε κλικ στο κουμπί «Δημιουργία νέου μενού».

Εισαγάγετε το όνομα του νέου καταλόγου (στο παράδειγμα που μπήκα στην Αρχική σελίδα) και κάντε κλικ στο «Δημιουργία μενού».

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

Στη συνέχεια, κάντε κλικ στην καρτέλα "Σελίδες".

Επιλέξτε αυτά που χρειαζόμαστε και κάντε κλικ στο «Προσθήκη στο Μενού».

Ένα απλό μενού είναι έτοιμο!

Τώρα ας δούμε πώς να δημιουργήσετε ένα αναπτυσσόμενο μενού.

Επίσης, κατ' αναλογία με το απλό μενού, μεταβείτε στον πίνακα διαχείρισης - εμφάνιση - μενού.

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

Στη συνέχεια, κάνοντας κλικ στο βέλος της καρτέλας «Πλοήγηση» στο πεδίο «URL», διαγράφουμε όλες τις πληροφορίες.

Μετακινούμε όλα τα άλλα στοιχεία με τον ίδιο τρόπο.

Έχουμε έτοιμο το πρώτο επίπεδο.

Τώρα θα χρησιμοποιήσουμε την ίδια αρχή για να δημιουργήσουμε το δεύτερο επίπεδο. Για να γίνει αυτό, χρειαζόμαστε ένα ακόμη στοιχείο: κατηγορίες. Ας το προσθέσουμε αμέσως με τον ίδιο τρόπο που προσθέσαμε το στοιχείο "Πλοήγηση".

Ας επιλέξουμε όλα όσα χρειαζόμαστε και ας τα προσθέσουμε στα κύρια μας.

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

Για να δείτε τι συνέβη, πρέπει να κάνετε κλικ στο "Αποθήκευση".

Στη συνέχεια, στο πεδίο «Διαχείριση περιοχής», επιλέγουμε το όνομα που χρειαζόμαστε και κάνουμε κλικ στο «Αποθήκευση αλλαγών».

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

Δείχνουμε τα πεδία «Πλοήγηση» και «Κατηγορίες» και ανοίγουν οι παρακάτω καρτέλες.

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

Καλή επιτυχία στις προσπάθειές σας!

Ekaterina Kalmykova

10/01/2013 Romchik

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

Βήμα 1: Δημιουργήστε ένα αναπτυσσόμενο μενού στο WordPress

Ένα αναπτυσσόμενο μενού στο WordPress δημιουργείται στην περιοχή διαχειριστή. Για να το κάνετε αυτό, μεταβείτε στο "Εμφάνιση" -> "Μενού"

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

Αφού μεταβούμε στο στοιχείο μενού, βλέπουμε το παράθυρο επεξεργασίας μενού:

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

Τώρα ας προσθέσουμε ένα στοιχείο μενού. Για παράδειγμα, η "Αρχική σελίδα". Επιλέξτε το στην αριστερή πλευρά και κάντε κλικ στο «Προσθήκη στο μενού». Στη συνέχεια, στη δεξιά πλευρά, κάντε κλικ στο «Αποθήκευση μενού». Όλα τα στοιχεία μενού έχουν προστεθεί.

Μπορούμε να το επεξεργαστούμε. Για να το κάνετε αυτό, κάντε κλικ στο βέλος δίπλα στις λέξεις "Σελίδα". Μπορούμε να αλλάξουμε το κείμενο του συνδέσμου. Για να το κάνετε αυτό, εισαγάγετε το απαιτούμενο κείμενο στο πεδίο "Κείμενο σύνδεσης". Στο πεδίο «Τίτλος Χαρακτηριστικό» μπορούμε να καθορίσουμε τον τίτλο του συνδέσμου. Μπορούμε να διαγράψουμε αυτό το στοιχείο μενού κάνοντας κλικ στο σύνδεσμο "Διαγραφή" ή να ακυρώσουμε όλες τις αλλαγές κάνοντας κλικ στο σύνδεσμο "Ακύρωση". Αφού κάνετε όλες τις αλλαγές, πρέπει να κάνετε κλικ στο «Αποθήκευση μενού».

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

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

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

Μετά από όλες τις αλλαγές, μην ξεχάσετε να αποθηκεύσετε το μενού.

Έχουμε δημιουργήσει ένα μενού, δημιουργήσαμε στοιχεία μενού και δημιουργήσαμε υπο-στοιχεία μενού. Τώρα το πιο ενδιαφέρον μέρος - θα δημιουργήσουμε ένα αναπτυσσόμενο μενού.

Βήμα 2. Προσαρμόστε την εμφάνιση του μενού.

Ας δούμε πώς είναι το μενού μας. Για να το κάνετε αυτό, μεταβείτε στον ιστότοπό μας:

Τώρα μετακινήστε τον κέρσορα του ποντικιού στο στοιχείο "Αρχική σελίδα".

Όπως μπορείτε να δείτε, εμφανίστηκε ένα αναπτυσσόμενο υποστοιχείο «Χωρίς ρουμπίκι».

Τώρα ας ρίξουμε μια πιο προσεκτική ματιά στον κώδικα html του μενού μας:

• Όλα τα μενού περικλείονται από προεπιλογή divμε τάξη μενού-μενού-κοντέινερ .
• Ακολουθεί μια λίστα ulμε τάξη μενού .
• Κάθε στοιχείο μενού περικλείεται σε liμε πολλές τάξεις, αλλά μας ενδιαφέρουν δύο τάξεις στοιχείο μενούΚαι τρέχον-μενού-αντικείμενο(αυτή η κλάση είναι μόνο για το τρέχον στοιχείο μενού)
• Τα υποστοιχεία ενός συγκεκριμένου στοιχείου περικλείονται σε μια λίστα ulμε τάξη υπομενού .
• Κάθε υποπαράγραφος περιέχεται σε liμε τις ίδιες κλάσεις με τα στοιχεία γονικού μενού.

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

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