Η αναζήτηση για την τέλεια κάθετη μενού ...
Μέρος 1 του παρόντος tutorial που περιγράφονται βήμα προς βήμα διαδικασία της οικοδόμησης οριζόντια πολυεπίπεδη ένθετα μενού για το θέμα διατριβής WordPress . Μέρος 2 θα συνεχίσει να ενισχύσει αυτή τη λειτουργία. Εδώ θα προσθέσουμε «σκοτεινή» εκδοχή της οριζόντιο μενού πλοήγησης και εγώ θα σας διδάξει πώς να εναλλαγή μεταξύ "φωτεινό" και "σκοτεινή" εκδοχή. Μέρος 2 είναι το υπερσύνολο του μέρους 1. Περιλαμβάνει όλα από το Μέρος 1 + προσθέτει πιο cool stuff.
Κύρια ιδέα ότι ήθελα να παρουσιάσω είναι η προσθήκη κάθετο μενού με θέμα διατριβής (και στο WordPress σε γενικές γραμμές). Έψαχνα για πραγματικά ευέλικτο, SEO φιλικό και πολυ-browser συμβατό κάθετο μενού που θα επιτρέψει να δημιουργήσετε απεριόριστες ωοτοκίας επίπεδα.
WEB έχει τους τόνους των σελίδων για το θέμα, αλλά όταν άρχισα να δοκιμάσετε όλα αυτά τα δείγματα - που είτε χάλασε, καταρρεύσει, υποστηρίζεται μόνο περιορισμένο αριθμό επιπέδων ή απαράδεκτη συμπεριφορά σε Gates + Ballmer της junksplorer 6. Τελικά πήρα πίσω στο δοκιμασμένο και αξιόπιστο Dynamic μενού δίσκου όπως οι κάθετες δείγματα τους αποδείχθηκε να είναι μια ωραία θήκη που ταιριάζει αυστηρές απαιτήσεις μου. Έπρεπε να τα τροποποιήσουν σημαντικά αν και για να βεβαιωθείτε ότι ταιριάζει το μοντέλο Διατριβή.
Η αναζήτηση της τελειότητας συνεχίζεται ...
Ξόδεψα περίπου 16 ώρες ψάχνοντας, τη συναρμολόγηση, τη δοκιμή, τον καθορισμό, λείανση και ρύθμιση CSS κάθετο μενού και. Κώδικα js και 3/4 του χρόνου που δαπανώνται για να εργαστούν σε MSIE 6.
Anyways, ήμουν ευχαριστημένος με το τελικό αποτέλεσμα. Οδήγησε κάθετο μενού πλοήγησης έχει όλα τα ίδια οφέλη που έχει οριζόντιο μενού.
Έχοντας την ικανότητα να προσθέσετε κάθετο μενού είναι πολύ σημαντικό σε περίπου 70-80% των πυλών στο διαδίκτυο. Οριζόντια μενού έχουν περιορισμένη "χώρο" για να φιλοξενήσει πολλές επιλογές μενού, αλλά κάθετο μενού δεν έχουν αυτόν τον περιορισμό και θα βοηθήσει πάρα πολύ. Έτσι, εδώ πηγαίνουμε.
Πολλά είναι τα βήματα για να το κάνει να συμβεί ήδη περιγραφεί στο μέρος 1 του tutorial έτσι αυτό θα το κάνει για λίγο μικρότερο, αλλά με πολύ πιο πλούσιο σε αποτελέσματα.
Τόσο εδώ πηγαίνει:
Κτίριο SEO φιλικό, κάθετη, πολυεπίπεδη, ιεραρχικά ένθετα μενού για το WordPress και το θέμα διατριβής. Βήμα βήμα
(... Αυτό που δεν φανταζόσασταν ποτέ δυνατόν ...)
- Εγκαταστήστε exec php plugin και να ενεργοποιήσετε. Θα το χρειαστείτε, γιατί θα χρησιμοποιήσετε το PHP μέσα στο widget κειμένου να εκπέμπουν HTML κώδικα κάθετο μενού ».
- Να τα βήματα 1-6 από μέρος 1 του tutorial . Βασικά θα πρέπει να εγκαταστήσετε και να ενεργοποιήσετε χρησιμοποιούν NAVT plugin + οπτικά χτίσει το μενού σας. Βεβαιωθείτε ότι το μενού το όνομα της ομάδας είναι «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 διαχειριστή -> Εμφάνιση -> 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], κάντε κλικ στο "Close" σύνδεσμο.
- Κατεβάστε το ενημερωμένο σύνολο αρχείων εδώ .
Αυτό το αρχείο περιλαμβάνει:- Ενημερωμένη έκδοση του "λαμπρό" οριζόντια κωδικό μενού
- "Dark" έκδοση του οριζόντιου μενού
- Κάθετη κωδικούς μενού
- Ενημερωμένη έκδοση του custom_functions.php
- Τώρα θα πρέπει να αποσυμπιέσετε αυτό το αρχείο και να το ανεβάσετε στο «έθιμο» κατάλογο της θέμα διατριβής σας.
Σημείωση: αν έχετε κάνει όλες τις προσαρμογές μέσα custom_functions.php - που θα πρέπει να ενοποιηθούν. Αν όχι - διστάσετε να το αντικαταστήσετε με τη δική μου εκδοχή. - Voila! Τώρα μπορείτε να φορτώσετε την ιστοσελίδα σας και να δείτε το ίδιο "λαμπρό" οριζόντιο μενού + neato κάθετο μενού στην αριστερή μπάρα.
- Έργο 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
Βασικά είμαστε σχολιάζοντας από μία γραμμή και αποσχολιασμό το άλλο. - Τώρα πηγαίνετε στο WordPress διαχειριστή-> Εργαλεία-> Λίστες NAVT και κάντε κλικ στο παραπάνω "εργαλεία" το εικονίδιο για να επεξεργαστείτε τις ιδιότητες της «menu1» σας ομάδα.
- Κάντε κλικ στο "Θέμα" καρτέλα.
- Μέσα από "Προσθέστε ετικέτες πριν από την πλοήγηση ομάδα" περιοχή εισάγετε αυτόν τον κωδικό:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Τώρα - reload τη σελίδα σας - και κύρια οριζόντιο μενού πλοήγησης "μαγικά" σκοτείνιασε, κάτι σαν κι αυτό:
Θέμα διατριβής - πολυεπίπεδη ένθετα μενού CSS - σκοτεινή παλέτα
Σκοτεινή παλέτα χρωμάτων μπορεί να είναι πιο κατάλληλο για ορισμένες περιοχές από ό, τι το φως ένα χρώμα. Έτσι τώρα έχετε την ελευθερία της επιλογής στη ζωή σας!
- Για να επιστρέψετε στο "φωτεινό" χρωμάτων - μόνο αναίρεση παραπάνω βήματα "Bonus".
- Μέσα από το αρχείο custom_functions.php:
- Συμπέρασμα:
Αγαπώ Θέμα διατριβής, αγαπώ WordPress και μου αρέσει το γεγονός ότι έχουμε τρόπους για να προσθέσετε αξιοπρεπή μενού πλοήγησης σε πύλες μας.
$ 20
Απολαύστε το!
Gleb Esman
{Τα κλειστά Σχόλια για αυτή την καταχώρηση}
