Η αναζήτηση για το τέλειο κάθετο μενού ...
Μέρος 1 του παρόντος tutorial που περιγράφονται βήμα προς βήμα διαδικασία του κτιρίου οριζόντια πολυεπίπεδη ένθετα μενού για το θέμα διατριβής Wordpress . Μέρος 2 θα συνεχίσει να ενισχύσει αυτή τη λειτουργία. Εδώ θα προσθέσουμε "σκοτεινή" εκδοχή του οριζόντιου μενού πλοήγησης και εγώ θα σας διδάξει πώς να αλλάξετε μεταξύ "φωτεινή" και "σκοτεινή" εκδοχή. Μέρος 2 είναι το υπερσύνολο του μέρους 1. Περιλαμβάνει όλα από το μέρος 1 + προσθέτει πιο δροσερή ουσία.
Κύρια ιδέα που ήθελα να παρουσιάσω είναι η προσθήκη κάθετο μενού με θέμα διατριβής (και σε Wordpress σε γενικές γραμμές). Έψαχνα για πραγματικά ευέλικτο, SEO φιλικό και πολυ-πρόγραμμα περιήγησης συμβατό κάθετο μενού που θα επέτρεπε να δημιουργήσει απεριόριστα επίπεδα ένθεσης.
WEB έχει τους τόνους των σελίδων σχετικά με το θέμα, αλλά όταν άρχισα να δοκιμάσετε όλα τα δείγματα αυτά - που είτε χάλασε, διαλύθηκε, υποστηρίζονται μόνο περιορισμένος αριθμός επίπεδα ή misbehaved σε Γκέιτς + Ballmer της junksplorer 6. Τέλος επέστρεψα στην δοκιμασμένη και αξιόπιστη Δυναμική μενού δίσκου ως κάθετη δείγματα τους αποδείχθηκε να είναι μια ωραία περίπτωση που ταιριάζει αυστηρές απαιτήσεις μου. Έπρεπε να τροποποιήσουν τους σημαντικά αν και για να βεβαιωθείτε ότι ταιριάζει μοντέλο Διατριβή.
Η αναζήτηση για την τελειότητα συνεχίζεται ...
Ξόδεψα περίπου 16 ώρες ψάχνοντας, συναρμολόγηση, δοκιμή, για τον καθορισμό, στίλβωση και ρύθμιση CSS κάθετο μενού και. Js κώδικα και 3 / 4 του χρόνου αφιερώθηκε καθιστώντας να εργαστούν σε MSIE 6.
Anyways, ήμουν χαρούμενος με το τελικό αποτέλεσμα. Είχε ως αποτέλεσμα κάθετο μενού πλοήγησης έχει όλα τα ίδια οφέλη που έχει οριζόντιο μενού.
Έχοντας την ικανότητα να προσθέσετε κάθετο μενού είναι πολύ σημαντικό σε περίπου 70-80% των πυλών στο διαδίκτυο. Οριζόντιο μενού έχουν περιορισμένο "χώρο" για να φιλοξενήσει πολλές επιλογές μενού, αλλά κάθετο μενού δεν έχει αυτόν τον περιορισμό και θα βοηθήσει πάρα πολύ. Έτσι, εδώ πηγαίνουμε.
Τα μέρη των βημάτων για να συμβεί αυτό ήδη περιγράφεται στο μέρος 1 του tutorial έτσι αυτό θα το κάνει για λίγο μικρότερη, αλλά με πολύ πιο πλούσια χαρακτηριστικά αποτελέσματα.
Τόσο εδώ πηγαίνει:
Κτίριο SEO φιλικό, κάθετη, πολυεπίπεδη, ιεραρχικά ένθετα μενού για Wordpress και το θέμα διατριβής . Βήμα βήμα
(... Αυτό που ποτέ δεν πίστευα είναι δυνατόν ...)
- Εγκαταστήστε exec php plugin και να ενεργοποιήσετε το. Θα το χρειαστεί γιατί θα χρησιμοποιήσω PHP μέσα στο widget κείμενο να εκπέμπει κώδικα HTML κάθετο μενού ».
- Μην τα βήματα 1 - 6 από το μέρος 1 του tutorial . Βασικά θα πρέπει να εγκαταστήσετε και να ενεργοποιήσετε τη χρήση plugin NAVT + οπτικά χτίσει μενού σας. Βεβαιωθείτε ότι το μενού το όνομά σας ομάδα είναι οι «menu1». Το όνομα αυτό είναι ενσωματωμένο στον κώδικα custom_functions.php
- Κάντε κλικ στο «εργαλεία» σύμβολο «menu1» σας ομάδα για να επεξεργαστείτε τις ιδιότητες είναι:
- Ακολουθεί τα βήματα 7,1 -7,3 του μέρους 1 φροντιστήριο για να ρυθμίσετε το "Επιλογές", "Οθόνη" και "CSS" καρτέλες ρυθμίσεων.
- Τώρα κάντε κλικ στο "Θέμα" καρτέλα αυτού του διαλόγου. Εμείς θα αντικαταστήσει τον αριθμό των ρυθμίσεων εκεί (αν ήταν επόμενο βήμα 1). Αυτό είναι εντάξει - δεν θα χάσετε τίποτα - αλλά αυτές οι αλλαγές που χρειάζονται, διότι έχω αλλάξει λίγο κώδικα από το βήμα 1.
Εδώ είναι πώς αυτό το πλαίσιο διαλόγου πρέπει να συμπληρωθεί με:- Στο εσωτερικό του "Θέμα XPath:" περιοχή πληκτρολογήστε το κωδικό (είναι εντολές για να αντικαταστήσει κάθε ετικέτα με αυτές τις κατηγορίες):
.jquerycssmenu, .jqueryslidemenu - Ρυθμίστε το "Δράση" για την "Αντικατάσταση με"
- Στο εσωτερικό του "Προσθήκη ετικετών πριν πλοήγησης ομάδα" περιοχή πληκτρολογήστε το κωδικό:
<div class='jquerycssmenu' style='margin-top:5px;'> - Στο εσωτερικό του "Προσθήκη ετικετών μετά πλοήγησης ομάδα" περιοχή πληκτρολογήστε το κωδικό:
<br style='clear: left' /></div> - Κάντε κλικ στο [Save / κλείσιμο] κουμπί.
- Στο εσωτερικό του "Θέμα XPath:" περιοχή πληκτρολογήστε το κωδικό (είναι εντολές για να αντικαταστήσει κάθε ετικέτα με αυτές τις κατηγορίες):
- Τώρα πηγαίνετε στο πάνελ Wordpress admin -> Εμφάνιση -> Widgets.
- Σύρετε το "Κείμενο" widget (από το μεγάλο "Διαθέσιμες widgets» περιοχή) σε "Sidebar 1" περιοχή στα δεξιά. Θα προσθέτουμε κώδικα μέσα στο widget κειμένου που θα μας βοηθήσουν να υλοποιήσουμε κάθετο μενού.
ΣΗΜΕΙΩΣΗ: Υποθέτω ότι έχετε "Sidebar 1" που υπάρχουν. Διατριβή επιλογές σας επιτρέπει να την απενεργοποιήσετε - αλλά για χάρη του αυτό το σεμινάριο ας κάνουν να είναι. - Μόλις μεταφορά και απόθεση αυτό το widget - θα ανοίγει σαν ένα λουλούδι (είμαι ρομαντική αίσθηση τώρα ότι MSIE αγώνας έχει τελειώσει).
- Στο "Τίτλος" εισάγετε περιοχή "κόσμο καλύτερο κάθετο μενού" ... Καλά, μη διστάσετε να χρησιμοποιήσετε τη δημιουργικότητά σας - αυτό το κείμενο θα πάει πάνω από νεογέννητα κάθετο μενού σας.
- Σε μεγάλο χώρο για το κείμενο - πληκτρολογήστε το κωδικό PHP:
<?php
if (function_exists('navt_getlist'))
$menu_html = navt_getlist ('menu1', false, '', 'ul id="dd_vertical"');
else
$menu_html = "";
$menu_html = preg_replace ('#class=[\'\"]jquery(css|slide)menu[\'\"]#', 'class="dd_vertical"', $menu_html);
echo $menu_html;
?> - Πατήστε το κουμπί [Save] κουμπί, κάντε κλικ στο "Κλείσιμο" σύνδεσμο.
- Κατεβάστε το ενημερωμένο σύνολο αρχείων εδώ .
Αυτό το αρχείο περιλαμβάνει:- Ενημερωμένη έκδοση του "φωτεινό" οριζόντια κωδικό μενού
- "Dark" έκδοση του οριζόντιου μενού
- Κάθετη κωδικούς μενού
- Ενημερωμένη έκδοση του custom_functions.php
- Τώρα θα πρέπει να αποσυμπιέσετε το αρχείο και ανεβάστε το στο «έθιμο» κατάλογο του σας θέμα διατριβής .
Σημείωση: αν έχετε κάνει όλες τις προσαρμογές μέσα custom_functions.php - που θα πρέπει να ενοποιηθούν. Αν όχι - μη διστάσετε να το αντικαταστήσετε με την έκδοση μου. - Voila! Τώρα μπορείτε να φορτώσετε εκ νέου τον ιστοχώρο σας και δείτε την ίδια "φωτεινό" οριζόντιο μενού + neato κάθετο μενού στην αριστερή sidebar.
- Έργο BONUS: Ας αλλαγή "φωτεινό" οριζόντιο μενού πάνω στο "σκοτάδι" χρώμα σχεδίου.
- Μέσα αρχείο custom_functions.php:
αντικαταστήσει αυτόν τον κώδικα:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
με αυτό τον κωδικό:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Βασικά είμαστε σχολιάζοντας από μία γραμμή και uncommenting το άλλο. - Τώρα πηγαίνετε στο Wordpress διοι-> Εργαλεία-> Λίστες NAVT και κάντε κλικ στο παραπάνω "εργαλεία" το εικονίδιο για να επεξεργαστείτε τις ιδιότητες του «menu1» σας ομάδα.
- Κάντε κλικ στο "Θέμα" καρτέλα.
- Στο εσωτερικό του "Προσθήκη ετικετών πριν πλοήγησης ομάδα" περιοχή πληκτρολογήστε το κωδικό:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Τώρα - Ανανέωση της σελίδας σας - και κύρια οριζόντια μενού πλοήγησης "μαγικά" έγινε σκοτάδι, κάτι σαν αυτό:
Θέμα διατριβής - πολυεπίπεδη ένθετα μενού CSS - σκοτεινή παλέτα
Σκούρο παλέτα χρωμάτων μπορεί να είναι πιο κατάλληλο για ορισμένες τοποθεσίες από το φως ενός χρώματος. Έτσι τώρα έχετε την ελευθερία της επιλογής στη ζωή σας!
- Για να πάρετε πίσω στο "φωτεινό" χρώμα σχεδίου - απλά αναίρεση παραπάνω βήματα "Bonus".
- Μέσα αρχείο custom_functions.php:
- Συμπέρασμα:
Αγαπώ Θέμα Διατριβής , μου αρέσει Wordpress και μου αρέσει το γεγονός ότι έχουμε τους τρόπους για να προσθέσετε αξιοπρεπή μενού πλοήγησης σε πύλες μας.
$ 20
Απολαύστε το!
Gleb Esman
comments } { 5 σχόλια }
