La Ricerca per il menù verticale perfetta ...
Parte 1 di QUESTO esercitazione descritto Processo Graduale di Costruzione Orizzontale del menù nidificato Multilivello per tema WordPress Tesi . Parte 2 continuerà a migliorare this funzionalitÃ. Qui Si aggiungerà la versione "dark" del Menu di navigazione Orizzontale e vi insegnerò venire Switch to da "brillante" e la versione "dark". Parte 2 e Il superset della parte 1. Includere Tutti Dalla parte 1 + aggiunge roba Più freddo.
L'idea principale il Che ho voluto presentare e L'aggiunta di un menù verticale Tesi tema (e per WordPress in generale). Ero alla news ricerca di Veramente Flessibile, SEO friendly menù compatibile e multi-browser verticale il Che permetterebbe di CREARE UN NUMERO Illimitato di Livelli di nidificazione.
WEB ha Tonnellate di Pagine sull'argomento, MA QUANDO ho iniziato a provare Tutti Questi, campioni - SI SIA Rotto, caduto un altera parte, supportata da solista NUMERO Limitato di Livelli o comportato male nda Gates + junksplorer di Ballmer 6 Finalmente Sono Tornato fidati. menu dinamico Guidare , venire i Loro Campioni Verticali dimostrato di Essere Un bel Caso il Che SI Adatta alle Mie Esigenze stringenti. Ho dovuto modificare in Modo significativo Loro però per assicurarsi il Che SI Adatta modello Thesis.
La Ricerca della Perfezione continua ...
Ho Passato circa 16 ore di Ricerca, l'assemblaggio, il collaudo, la fissazione, la lucidatura e la Messa a punto CSS del menù verticale e. Codice js e 3/4 del tempo E Stato ha speso rendendo di Lavorare in MSIE 6.
In OGNI Modo, ero Soddisfatto del risultato finale. Portato Menu di navigazione verticale ha Tutti Gli Stessi benefi Che menù Orizzontale ha.
Avere Capacità di aggiungere menù verticale E Molto Importante per circa il 70-80% dei portali sul web. Menu Orizzontale Hanno Limitato "spazio" per accogliere molte Scelte di menù, ma menù verticale non ha this limitazione e avrebbe aiutato immensamente. Quindi Qui Si va.
Un Sacco di passaggi per realizzarlo Sono gia descritte Nella parte 1 di esercitazione quindi QUESTO rendera Un po 'piu corto, ma con Molto Più Ricco di funzionalita risultati.
Quindi Qui Si va:
Costruire SEO friendly, Verticale, Multilivello, menù gerarchicamente nidificato per WordPress e il tema della tesi. Step by Step
(... Quello Che non avete mai Pensato possibile ...)
- Install exec plug-in di php e attivarlo. Avremo Bisogno Perchè Usero PHP all'interno del widget di di testo per emettere menù verticale 'di codice HTML.
- Eseguire i Passi 1-6 da parte 1 di esercitazione Fondamentalmente E Necessario Install e attivare usare plug-in di NAVT Costruire + visivamente il menù Vostro Assicurati Che il tuo Locale menù Nome del Gruppo E 'menu1' QUESTO E nomo codificato in custom_functions.php...
- Fare clic sull'icona 'marcia' per il Gruppo 'menu1' di modificare le Sue Proprietà:
- Segue i Passi 7,1 -7,3 della parte 1 esercitazione a impostare "Opzioni", e le impostazioni schede "Esposizione" "CSS".
- Ora cliccate sul tab "Tema" di this Finestra di Dialogo Noi sovrascrivere alcune impostazioni Li (SE statale seguendo passo 1) QUESTO E OK -.. SI non Perde nulla - ma Sono necessari cambiamenti Questi, Perchè ho cambiato QUALCHE codice dal punto 1.
Ecco venire Dialogo QUESTO DEVE Essere compilato:- All'interno del "Tema XPath:" Area Inserire QUESTO codice (il Che comanda di sostituire qualunque nomo con QUESTE classi):
.jquerycssmenu, .jqueryslidemenu - Impostare "Azione" per "Sostituisci con"
- All'interno di "aggiungi tag prima di Navigazione del Gruppo" Area QUESTO inserire codice:
<div class='jquerycssmenu' style='margin-top:5px;'> - All'interno di "aggiungere tag DOPO di Navigazione del Gruppo" Area inserire QUESTO codice:
<br style='clear: left' /></div> - Fare clic sul Pulsante [SAVE / CLOSE].
- All'interno del "Tema XPath:" Area Inserire QUESTO codice (il Che comanda di sostituire qualunque nomo con QUESTE classi):
- Ora Andate al Pannello di WordPress admin -> Aspetto -> Widget.
- Trascinare widget di di "Testo" (dal settore grande "I widget di Disponibili") Nella zona "Box 1" a Destra. Ci Sarà, l'aggiunta di codice Nel widget di di testo Che ci aiuterà un menu verticale materializzare.
. NOTA: Presumo il Che tu hai "Box 1" in Esistenza Opzioni Tesi consente di spegnerlo - ma per il bene di QUESTO esercitazione consentono Fanno Essere. - Una widget di Volta trascinati QUESTO - SI APRE Come un fiore (mi sento romantica Ora il Che MSIE Lotta E finita).
- Nella zona "Titolo" inserire "miglior menù del Mondo Verticale" ... Beh, sentitevi liberi di utilizzare la Vostra creatività - Che il testo Andra sopra il tuo Locale menù verticale APPENA NATO.
- Nella zona di grande per il testo - inserire QUESTO codice 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;
?> - Premere il Pulsante [Salva], clicca sul collegamento "Chiudi".
- Scarica AGGIORNATO Insieme di file di qui .
QUESTO archivio comprende:- Versione Aggiornata del "brillante" Codice di menù Orizzontale
- Versione "Dark" del menù Orizzontale
- Codici di menù verticale
- Versione Aggiornata del custom_functions.php
- Ora E Necessario decomprimere QUESTO archivio e caricarlo Nella directory 'personalizzata' del Vostro tema Thesis.
Nota: se avete Fatto Tutte le personalizzazioni all'interno custom_functions.php - avresti Bisogno di unirle Se non - sentitevi liberi di sovrascriverlo con la mia versione.. - Voila! Ora Si Può ricaricare il Vostro sito web e VEDERE la Stessa "brillante" Menu Orizzontale + neato menù verticale Nella barra laterale Sinistra.
- Compito BONUS: Let cambiare menù Orizzontale "brillante" Sullo schema di colore "dark".
- All'interno del file di custom_functions.php:
sostituire QUESTO codice:
echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
//echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
con QUESTO codice:
//echo "<div class=\"jquerycssmenu\">$menu_html</div>"; // "Bright" menu
echo "<div class=\"jqueryslidemenu\">$menu_html</div>"; // "Dark" menu
Fondamentalmente stiamo commentando Fuori Una riga e togliendo L'Altra. - Ora vai a WordPress Admin-> Strumenti-> Liste NAVT e cliccare su citata sull'icona "ingranaggio" per modificare le Proprietà del Tuo Gruppo 'menu1'.
- Fare clic Sulla scheda "Tema".
- All'interno di "aggiungi tag prima di Navigazione del del Gruppo" Area QUESTO inserire codice:
<div class='jqueryslidemenu' style='margin-top:5px;'> - Ora - ricaricare la Pagina - E Il Vostro Menu Principale di Navigazione Orizzontale "magicamente" diventato buio, Qualcosa del Genere:
Tavolozza di colore scuro puo Essere Più Adatto per alcuni siti il Che Il colore Una Luce. Così Ora avete Una Libertà di Scelta Nella Vostra Vita!
- Per Tornare alla COMBINAZIONE DI COLORI "brillante" - basta svitare sopra passi "bonus".
- All'interno del file di custom_functions.php:
- Conclusione:
Amo tema della tesi, amo WordPress e mi piace Il Fatto Che ABBIAMO UN Modo di aggiungere Menu di navigazione decenti per i nostri portali.
$ 20
Buon divertimento!
Gleb Esman
{Commenti do this voce Sono chiusi}





