Η αναζήτηση για το τέλειο μενού ...
Αυτό είναι μέρος 1 του tutorial
Μέρος 2 του παρόντος σεμινάριο διδάσκει πώς να οικοδομήσουμε κάθετο μενού + σκοτεινή παλέτα χρωμάτων για την οριζόντια
Αποφάσισα να πάρω θέμα διατριβής , επειδή ένας από τους πελάτες μου με ενημέρωσε για θέματα συμβατότητας μεταξύ της διατριβής μου και wordpress περιοχή ιδιότητας μέλους plugin MemberWing. Το έφτιαξα και στη συνέχεια αποφάσισε να ρίξουμε μια πιο προσεκτική ματιά στο Διατριβής και πράγματι τον κόπο να παρακολουθήσετε βίντεο στην πρώτη σελίδα του κύριου τόπου Thesis - Diythemes.com .
Αυτό που με εντυπωσίασε περισσότερο είναι η προσοχή στη λεπτομέρεια, φιλικότητα προς τον χρήστη και πάνω από όλα - SEO χαρακτηριστικά που είναι τόσο καλά μελετημένη του.
MemberWing plugin μελών έχει σχεδιαστεί από το μηδέν για την ένταξη χώρων που θα πρέπει να τραβήξει τόσο πολύ χυμό SEO το δυνατόν περισσότερο. Έτσι έδωσα πολλή προσοχή στο πλήθος SEO βελτιώσεις και χάρες σε MemberWing. Πολλοί από τους ίδιους τους πελάτες μου ρωτούν για διάφορα θέματα, να χρησιμοποιούν και να έχει το θέμα, που ήταν τόσο καλά SEO βελτιστοποιηθεί από βαθιά μέσα θα είναι ένα εξαιρετικό κατάλληλο για τους επιχειρηματίες πύλης των μελών.
Συνδυάζοντας τις εξουσίες του SEO MemberWing με SEO εξουσίες θέμα διατριβής θα δώσει τον καλύτερο της κατάταξης ευκαιρίες για τους πελάτες μου. Έτσι πήρα Διατριβής και έπαιξε με αυτό για μια ημέρα.
Πρόκειται για ένα εξαιρετικό θέμα με όλους τους τρόπους. Το τμήμα πλοήγησης είναι όμως λίγο περιορισμένο σε λειτουργία. Ξεκινώντας από Thesis 1.5 + είναι ένα επίπεδο μενού μόνο. Συνηθισμένο επιθυμία μου είναι να είναι σε θέση να προσαρμόσετε πλοήγησης όσο χρειάζεται. Μερικές περιοχές έχουν μόνο λίγες σελίδες, πολλοί άλλοι έχουν τους τόνους των στατικών σελίδων + άπειρα άρθρα / θέσεις + πολλές κατηγορίες.
Έτσι, σε ιδανικό κόσμο, έχοντας την ευκαιρία να δημιουργήσετε ωραία ιεραρχικά οργανωμένη αναζητούν φιλικό προς το χρήστη μενού πλοήγησης είναι ένας μούστος. Δικαίωμα Διατριβή από το ρόπαλο έχει καλή πλοήγηση αναζητούν, αλλά παρατήρησα ότι όλοι οι Διατριβή-based ιστοσελίδες ψάχνουν σαν δίδυμα. Προσαρμογή Διατριβή μενού πλοήγησης δεν είναι πολύ εύκολο, ώστε οι περισσότεροι άνθρωποι απλά αφήστε το όπως είναι. Δεν υπάρχει κανένας τρόπος για να αλλάξετε τη σειρά των κατηγοριών στο μενού ή τη θέση τους ανάμεσα σελίδες. Και πάλι, η δυνατότητα να δημιουργηθούν δομές ένθετων μενού λείπει. Έτσι, αποφάσισα να δω τι μπορεί να γίνει γι 'αυτό.
Μετά από προσπάθεια περίπου μισή ντουζίνα μενού / πλοήγησης που σχετίζονται με plugins μπορώ να ορίσω την επιλογή μου στην Λίστα WordPress πλοήγησης NAVT Plugin .
NAVT plugin είναι μη διατεταγμένη ουσιαστικά γεννήτρια λίστα με σούπερ φανταχτερό και λίγο δύσκολο να καταλάβω untraditional το admin interface. Τι παραπλάνηση σχετικά με αυτό είναι ότι δεν δημιουργεί πραγματικά φανταχτερό μενού που αναζητούν από μόνη της. Κάνει το πιο δύσκολο μέρος της δουλειάς αν και - σας δίνει την δυνατότητα να οπτικά συνέλθουν, και να δημιουργήσουν μη διατεταγμένη λίστα - σκελετός του μενού σας-να-να. Και μπορείτε να δημιουργήσετε πολλά μενού πάρα πολύ. Μπορεί να τραβήξει όλα τα είδη των πράγματα WordPress στο μενού πλοήγησης: σελίδες, δημοσιεύσεις, άρθρα, κατηγορίες, οι χρήστες, μπλοκ κώδικα, εξωτερικές συνδέσεις, διαχωριστικά, διαχωριστικά και mix and match και τις φωλιές και να οργανώσει και να προσαρμόσετε τους, σε κάθε δέντρο-όπως δομή που θέλετε.
NAVT δημιουργεί για εσάς αποτέλεσμα HTML μη διατεταγμένη λίστα. Δεύτερη ομορφιά της NAVT είναι ότι σας βοηθά να εισαγάγετε νέο μενού σας στο θέμα σας μέσω διάσημο JQuery με βάση τη λογική, αλλά χωρίς να χρειάζεται να αλλάξετε οποιαδήποτε κώδικα! NAVT σας επιτρέπει να ορίσετε: "αντικαταστήσει αυτό το στοιχείο # με νέο μενού NAVT μου». # Στοιχείο που θα μπορούσε να είναι ένα αναγνωριστικό ή την κατηγορία της διαδρομής των υφιστάμενων μενού ή την ετικέτα div στοιχείο που να παράγεται από το τρέχον θέμα σας. Έτσι NAVT κάνει την αντικατάσταση αυτή για σας χωρίς αναγκάζοντάς σας να πάτε σε κώδικα θέμα και να το καταστήσει πιο βρώμικο από ό, τι είναι ήδη. Αν αυτό ακούγεται σαν όλα ασυναρτησίες - μην ανησυχείτε - θα σας καθοδηγήσει βήμα προς βήμα σύντομα. Το δύσκολο μέρος της NAVT για όλους είναι ότι θα πρέπει να καταλήξει σε πραγματική CSS + εικόνες + javascript κώδικα για το μενού σας τον εαυτό σας. Και είναι στο χέρι σας να καταλάβω πού και πώς να ενσωματώσουν αυτά τα αρχεία και να κάνει αυτά τα πράγματα σωστά να συνδέονται μεταξύ τους.
Ειλικρινά χωρίς να γνωρίζει JQuery + κάποια PHP + CSS + έχοντας αξιοπρεπή εμπειρία με το WordPress - αυτό το πράγμα είναι δύσκολο να τραβήξει.
Ευχαρίστως ξέρω αυτά τα πράγματα λίγο και έτσι αποφάσισα να επιμείνει στις προσπάθειές της και την ανθρωπότητα οδηγός για την ελευθερία στο να δημιουργήσει την καλύτερη από τις καλύτερες μενού πλοήγησης για WordPress. Απλά χρειάζεται να ανακαλύψει τις πηγές για μερικά ωραία οριζόντια αναζητούν μενού CSS. Επέλεξα δυναμική ιστοσελίδα με το αυτοκίνητο για την καλύτερη demos τις επιλογές τους, και τις πηγές.
Αφιέρωσα μια μέρα για να μελετήσει Διατριβή και να παίξουν με το plugin NAVT. Στο τέλος θα δημιουργηθεί περήφανα έθιμο, ευέλικτο, SEO optimized, πολυεπίπεδη, ένθετη δομή nagivation για WordPress Διατριβή + βάση το site μου.
Κατάλογος των χαρακτηριστικών της πολυεπίπεδης, ένθετα μενού πλοήγησης WordPress για το θέμα διατριβής
(Πήρατε να αγαπήσετε αυτά τα πράγματα):
- Professional, καθαρό βλέμμα και την αίσθηση.
- Υποστήριξη για όλα τα σύγχρονα προγράμματα περιήγησης, όπως MSIE 6,7, Opera, Safari, Firefox 3.x, Google Chrome και στα δύο javascript και μη javascript τρόπους.
- Χαριτωμένα downgradable για μη javascript browsers. Μπορείτε μενού θα μπορεί να χρησιμοποιηθεί, οπτικά παρόμοια και εργάζονται ακόμη και για άτομα με ειδικές ανάγκες javascript browsers (αν και μόνο επάνω πλοήγηση επιπέδου θα είναι ορατά και δεν flyouts θα συμβεί φυσικά, όπως γίνονται από javascript).
- SEO φιλικά χαρακτηριστικά - μη διατεταγμένη λίστα κωδικός μενού παράγεται μέσα HTML. Google και άλλες μηχανές αναζήτησης θα είναι σε θέση να δείκτη δομή πλοήγησης σας και να βρείτε συνδέσεις με εσωτερικές σελίδες.
- Υποστήριξη για απεριόριστες ωοτοκίας επίπεδα και υποεπίπεδα.
- Υποστήριξη για οποιαδήποτε παραγγελία ή σελίδες, αναρτήσεις (μέσω ορίζονται από το χρήστη URIs), τις κατηγορίες, οι χρήστες, προσαρμοσμένο μπλοκ κώδικα και εξωτερικές συνδέσεις μέσα από το μενού.
- Υποστήριξη κειμένου καθώς και εικόνας με βάση τα στοιχεία του μενού. (Έχω ακόμα να δοκιμάσετε αυτά όμως).
- Μενού δομή και το περιεχόμενο είναι οπτικά ρυθμιζόμενο μέσω του admin περιοχή NAVT.
- Compact: JQuery βάση flyouts για ένθετα επίπεδα.
- Fast: JQuery για το μενού έχει φορτωθεί από τους διακομιστές της Google (Θα ήθελα πολύ Διατριβή ίδιο να κάνουν το ίδιο, αντί να τραβώντας το τοπικό επίπεδο). Αυτό θα επιταχύνει τα πράγματα λίγο.
- Επεκτασιμότητα - Αυτός ο τύπος του μενού είναι επεξεργάσιμη και να ρυθμιστεί ανά πάσα στιγμή μέσω NAVT ρυθμίσεις plugin, χωρίς καμία ανάγκη κωδικοποίησης οπουδήποτε.
Χρησιμοποίησα αυτό το εξαιρετικό μενού από δυναμική οδήγηση portal ως βάση. Έπρεπε να προσαρμόσετε τον κώδικα JavaScript λίγο καθώς και περιλαμβάνουν κομμάτι της PHP σε custom_functions.php να λειτουργήσει με διατριβή. Επίσης, ο αριθμός των προ-υπάρχουσες σελίδες, κατηγορίες και οι θέσεις από το site μου είχαν χρησιμοποιηθεί για να συγκεντρώσει δομή του μενού. Ιδιαιτερότητες ιστοσελίδα σας θα είναι διαφορετικό - αλλά έννοιες θα είναι το ίδιο.
Ας προχωρήσουμε, πρέπει να έχουμε;
Βήμα προς βήμα οδηγίες για να ρυθμίσετε NAVT βάση ένθετα, προσαρμόσιμη, πολυεπίπεδη, SEO φιλικό
και απλά δροσερό μενού πλοήγησης ψάχνει για WordPress και Διατριβή Theme
- Πηγαίνετε στο πάνελ WordPress διαχειριστή. Plugins-> Προσθήκη νέου, αναζήτηση για "navt". Το plugin θα εμφανιστεί. Κάντε κλικ στο [Install], [Εγκατάσταση τώρα], "Ενεργοποίηση Plugin".
- Εργαλεία-> Λίστες NAVT, Inside "Πλοήγηση Ομάδα" περιοχή βρει "το όνομα της ομάδας" και πληκτρολογήστε: "menu1" στο πεδίο, πατήστε το πλήκτρο [Create] κουμπί. "Menu1" ορθογώνιο χώρο έχεις δημιουργήσει.
Αυτή η "menu1" περιοχή θα είναι το κύριο παιδική χαρά για την κατασκευή του μενού. Θα πρέπει να το σύρσιμο και απόθεση εδώ τα στοιχεία του μενού σας. - Στο "ενεργητικό" περιοχή βρει "άλλα" λίστας και κάντε κλικ στο "Home" επιλογή. "Home" thingie θα εμφανιστεί μέσα από «μη εκχώρησης» περιοχή. Περίεργο, ε; Μην ανησυχείτε, εφ 'όσον αυτό λειτουργεί - και αυτό θα είναι για εμάς.
- Σύρετε το "Home" thingie από το "ενεργητικό" περιοχή σε "menu1" ορθογώνιο χώρο. Θα γίνει "Home" στο μενού.
- Επαναλάβετε τα βήματα 3-4 για μερικές σελίδες από το "Σελίδες" περιοχή, καθώς και για τις κατηγορίες σε "κατηγορίες" περιοχή. Σύρετε οποιαδήποτε άλλα στοιχεία που θέλετε να είναι στο μενού σας μέσα "menu1" ορθογώνιο. Μπορείτε να κάνετε κλικ στις σελίδες, κατηγορίες, οι χρήστες και μερικά προσαρμοσμένα στοιχεία, όπως «διαχωριστικό λίστα" και "μπλοκ κώδικα". Μπλοκ κώδικα είναι δροσερό τρόπο για να προσθέσετε προσαρμοσμένες αποσπάσματα μέσα στο μενού.
- Μπορείτε να σύρετε στοιχεία μενού μέσα "menu1" περιοχή για να αλλάξετε τη σειρά τους.
- Μπορείτε να ρυθμίσετε ιεραρχική θέση του κάθε στοιχείου μενού με "<" και ">" βέλη.
- Κάνοντας κλικ στο όνομα του κειμένου του κάθε στοιχείου μενού - ανοίγει μυαλού επιπλέον διαλόγου προσαρμογής για αυτό το προϊόν. Θα χρησιμοποιηθεί κυρίως προεπιλογές αλλά τεχνικά μπορείτε να τρελαίνομαι και να αρχίσουμε να κάνουμε εικόνα με βάση τις επιλογές του μενού και να προσθέσετε κομμάτια του κώδικα HTML σε αυτό. Προχωρήστε με προσοχή όμως.
- Για linkless unclikable υπομενού που θα χρησιμεύσει ως "γονείς" για άλλα "παιδιά" θα χρησιμοποιηθεί «μπλοκ κώδικα" τύπος. Για παράδειγμα, κατά την προσαρμογή τέτοιο είδος μπλοκ κώδικα μπήκα για "ψευδώνυμο μενού" = "MemberWing" και "Enter μπλοκ κώδικα:" = "MemberWing href='#'> <a </ a>". Έχοντας href = "#" θα καταστήσει ανενεργό, αλλά ενεργεί ως έγκυρο "μητρικής" επιλογή του μενού.
- Εδώ είναι το πώς η δομή «menu1» NAVT μου build έμοιαζε σχεδόν ολοκληρωθεί:
- Τέλος αρχικό κτίριο και στη συνέχεια κάντε κλικ στο "εργαλεία" το εικονίδιο για να προσαρμόσετε τη δομή του μενού σας:
- Θα ανοίξει διάλογο με 4 καρτέλες: Επιλογές, Display, CSS, θέμα.
- Πηγαίνετε στην καρτέλα "Επιλογές" και βεβαιωθείτε ότι όλα είναι ανεξέλεγκτη και "όνομα της ομάδας", λέει: "menu1"
- Πηγαίνετε στο "Προβολή" καρτέλα και βεβαιωθείτε ότι τα πάντα για την "ομάδα Εμφάνιση πλοήγηση στο ..." περιοχή ελέγχεται [x]. Τα υπόλοιπα αφήστε τα σε προεπιλογές.
- Πηγαίνετε στο "CSS" καρτέλα και επιλέξτε το κουμπί (x) "Μην εφαρμόζετε CSS τάξεις".
- Πηγαίνετε στο "Θέμα" καρτέλα και συμπληρώστε όπως ότι:
Τοποθετήστε σε «Προσθέστε ετικέτες πριν ..." περιοχή αυτόν τον κώδικα:
<div id='myjquerymenu' class='jquerycssmenu' style='margin-top:5px;'>
Τοποθετήστε σε «Προσθήκη ετικετών μετά ..." περιοχή αυτόν τον κώδικα:
<br style='clear: left' /></div> - Πατήστε [Save / κλείσιμο] πλήκτρο
- Σε αυτό το κτίριο στοιχείο μενού μέσα από NAVT επιλογές plugin είναι πλήρης.
Τώρα ήρθε η ώρα να κάνουμε μια μικρή μελωδία για το θέμα διατριβής να το πάρει έτοιμο. Γι 'αυτό πρέπει να προσθέσετε μερικά προσαρμοσμένα αρχεία - CSS και JavaScript που ανήκει στο μενού και custom_functions.php Διατριβή update' - Κατεβάστε το πλήρες σύνολο των αρχείων εδώ .
- Αποσυμπιέστε το αρχείο. Εάν έχετε ενημερωθεί custom_functions.php σας με τις προσαρμογές σας - θα πρέπει να τα συγχωνεύσει με τα πράγματά μου. Θα το αφήνω σε εσάς.
Αν δεν έχετε αγγίξει - διστάσετε να το αντικαταστήσετε με το δικό μου. Παρακαλώ σημειώστε: Προτίμησα να τοποθετήσετε το μενού κάτω από την κεφαλίδα ιστοσελίδα (η προεπιλογή είναι παραπάνω) - έτσι την προσαρμογή μου περιλαμβάνονται αυτήν την προτίμηση, καθώς και. - Ανεβάστε το αρχείο που περιέχει όλους τους υποκαταλόγους και τα αρχεία κάτω από τον κατάλογο «έθιμο» θέμα διατριβής σας, όπως αυτό:
.../themes/THESIS-DIR/custom/custom_functions.php
.../themes/THESIS-DIR/custom/jquerycssmenu/...
Δεν έχω αγγίξει custom.css - Προτιμώ να κρατήσει το μενού ειδικά CSS με τη δική θέσεις τους για να αποφευχθεί η δημιουργία χάος μέσα custom.css - Σε αυτό το σημείο μπορείτε να φορτώσετε την ιστοσελίδα σας και δείτε τα νέα όμορφη νέα πολυεπίπεδη, ένθετα, SEO βελτιστοποιημένη μενού.
- Μπορείτε πάντα να πάτε πίσω στο NAVT ρυθμίσεις και να προσαρμόσετε το μενού σας με περισσότερες επιλογές ή να αλλάξετε τίποτα. Θα πρέπει να αντανακλάται σε ζωντανή περιοχή αυτόματα.
Ο δρόμος μπροστά ...
Αυτό το σεμινάριο περιλαμβάνει δημιουργική παράδειγμα ενός τύπου του μενού. Έπαιξα με ένα άλλο - ακριβώς για να δούμε πόσο σκούρα μενού θα μοιάζει κάπως έτσι:
Θέμα διατριβής - πολυεπίπεδη ένθετα μενού CSS - σκοτεινή παλέτα
Νομίζω ότι είναι πολύ ωραίο. Υπάρχουν πολλές περισσότερες πλοήγησης δείγματα διαθέσιμα σε Dynamic Drive - όλα αυτά είναι δυνατόν να προσαρμόσετε για Διατριβής και άλλα θέματα WordPress με κάποια προσπάθεια:
Dynamic Drive οριζόντια μενού
Ελπίζω ότι θα βρείτε αυτό το σεμινάριο επωφελής και χρήσιμη. Όπως είπα, είναι δυνατόν να προσαρμόσετε οποιοδήποτε από αυτά τα μενού για Thesis - που είναι δεδομένη χρονική στιγμή και την επιθυμία να το κάνει να συμβεί.
Θα μπορούσα να κάνω αυτή τη δουλειά για σας σε μια βάση συμβάσεων. Απλά επιλέξτε από το μενού που σας αρέσει, επικοινωνήστε μαζί μου και εγώ θα εργαστεί για τον κώδικα και τις οδηγίες για την ιστοσελίδα σας.
$ 20
Και φυσικά, αν είστε μέχρι την οικοδόμηση super SEO βελτιστοποιημένη premium wordpress μελών portal - η καλύτερη λύση για αυτό:
Θέμα διατριβής + MemberWing plugin ένταξη + αυτο που φιλοξενείται WordPress φυσικά.
Τα κλειστά Σχόλια για αυτή την καταχώρηση.