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

Ένα από τα βασικά στοιχεία του διαισθητικού και εύχρηστου σχεδιασμού ιστοσελίδων είναι το μενού. Εάν θέλετε να κάνετε το μενού σας να ξεχωρίζει ανάμεσα στα περισσότερα από τα άλλα κανονικά μενού web έξω εκεί, μπορείτε να χρησιμοποιήσετε το mega μενού για να συμπεριλάβετε εικόνες, widgets και σχεδόν οποιοδήποτε στοιχείο διαδραστικού ιστού που θέλετε στο μενού σας. Και αν είστε χρήστης του WordPress, υπάρχει ένα plugin για αυτό.

Κάνοντας αίσθηση Mega μενού

Τι είναι το μενού μενού; Είναι μια από τις πρόσφατες τάσεις στο σχεδιασμό ιστοσελίδων που έχουν ληφθεί από σημαντικούς ιστότοπους, ειδικά στο τομέα του ηλεκτρονικού εμπορίου όπως το Wal-Mart, το OfficeMax, το Target, το Adidas, το Puma, το Toys-R-Us κ.λπ. ένα μενού μενού το καθιστά ιδανικό για τους διαδικτυακούς εμπόρους λιανικής πώλησης. Αλλά είναι επίσης ιδανικό για άλλα είδη ιστοτόπων, όπως το The White House ή το IMDB.

Το μενού είναι τόσο παλιό όσο και ο ίδιος ο ιστότοπος. Είναι το εργαλείο που χρησιμοποιούν οι επισκέπτες για να τους βοηθήσουν να πλοηγηθούν στις ιστοσελίδες που επισκέπτονται. Παραδοσιακά μενού που έχουμε φτάσει στην αγάπη και το μίσος δίνουν στους χρήστες χορδές κειμένου και drop-down κειμένου για να ολοκληρώσουν το καθήκον τους, αλλά ένα mega μενού παίρνει τα πράγματα μερικές κουκίδες.

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

Προσθέτοντας ένα μενού μενού στο WordPress Blog σας

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

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

Μπορείτε να αποκτήσετε το plugin από το ταμπλό του WordPress μεταβαίνοντας στο μενού "Plugins -> Add New" και αναζητώντας "Max Mega Menu".

Αφού εγκαταστήσετε και ενεργοποιήσετε το plugin, μεταβείτε στην "Εμφάνιση -> Μενού" από την πλευρική γραμμή. Στη συνέχεια, πρέπει να ενεργοποιήσετε το μενού Max Mega μέσω των ρυθμίσεών του στα αριστερά του δέντρου μενού. Αν δεν μπορείτε να βρείτε τις ρυθμίσεις, προσπαθήστε να επιλέξετε "Πρωτεύον" ως το μενού που θέλετε να επεξεργαστείτε από το αναπτυσσόμενο μενού.

Θα δείτε τις πρόσθετες επιλογές Mega Menu όταν τοποθετείτε το δείκτη του ποντικιού πάνω από ένα από τα μεμονωμένα στοιχεία του μενού.

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

Κάνοντας κλικ στις επιλογές Mega Menu θα ξεκινήσει ένα πάνελ που περιέχει όλες τις ρυθμίσεις Mega Menu για αυτό το στοιχείο μενού. Οι βασικές ενέργειες που μπορείτε να κάνετε είναι:

  • Επιλέξτε ανάμεσα στο κανονικό, κλιμακωτό, αναπτυσσόμενο μενού που ονομάζεται "Flyout" ή "Mega Menu", όπου η περιοχή μενού γεμίζει το εύρος του μενού
  • Προσθέστε διαθέσιμα γραφικά στοιχεία στο μενού
  • Επιλέξτε πόσα στήλες θέλετε να χρησιμοποιήσετε για το συγκεκριμένο μενού

Κάθε πρόσθετο widget συνοδεύεται από το κουμπί επεξεργασίας για να επιτρέπει στους χρήστες να προσαρμόζουν το περιεχόμενο μέσα.

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

Μερικά θέματα και plugins έρχονται με ειδικά widgets δικά τους. Μπορείτε επίσης να βρείτε περισσότερα widgets του WordPress με τη βοήθεια του Google. Και δεδομένου ότι μπορείτε να προσθέσετε σχεδόν οτιδήποτε χρησιμοποιώντας τον συνδυασμό του widget "Text" και την κωδικοποίηση φωτός, ο ουρανός είναι το όριο για τη φαντασία σας.

Γρήγορη μελέτη περίπτωσης

Για να σας δώσω μια ιδέα για το τι μπορείτε να κάνετε με το plugin, προσπάθησα να κάνω μια γρήγορη μελέτη περίπτωσης.

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

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

Τώρα ας συγκρίνουμε την πριν και μετά τη μικρή μας μελέτη περίπτωσης. Εδώ είναι τι έμοιαζε το μενού πριν προσθέσω mega μενού.

Και εδώ είναι το αποτέλεσμα του μενού μου μετά την μικροαλλαγές.

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