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