Artisteer creare due menù in WordPress

Artisteer come inserire due menù in WordPress

Ci siamo da poco imbattuti in un problema che sembrava apparentemente ostico. Ci è stato commissionato un intervento, cioè quello di creare due menù in wordpress. Naturalmente il requisito fondamentale è che il secondo menù di nostra creazione doveva essere perfettamente incorporato nel thema  e quinidi gestibile in maniera dinamica dall’apposito sotto menù Menu che si trova in Aspetto della nostra bakeka.

Avuto il template, abbiamo notato che il template stesso era stato costruito con Artisteer, un programma che in maniera semplice riesce a creare dei template per vari cms tra cui il nostro wordpress. Dopo un’analisi, abbiamo capito che Artisteer produce themi per wordpress con un solo menù, a noi invece serviva anche un secondo menù, come potete vedere nella figura in alto, dovevamo avere un menù su sfondo azzurro e un menù su sfondo grigio.

In ogni caso, questa piccola guida è utile sia se il template è stato creato con Artisteer che non, basta che sia compatibile con WordPress3.

La prima cosa da fare è andare nel file functions.php che si trova nel vostro thema e trovare la seguente funzione (o qualcosa di simile perchè alcune stringhe potrebbero variare dal thema)

if (function_exists('register_nav_menus')) {
	register_nav_menus(array('primary-menu'	=>	__( 'Primary Navigation', THEME_NS)));

come notiamo, stiamo abbiamo trovato la funzione riguardante il menù  principale che già abbiamo, ora seguendo la stessa sintassi, aggiungiamo il secondo menù, in questo modo:

if (function_exists('register_nav_menus')) {
	register_nav_menus(array('primary-menu'	=>	__( 'Primary Navigation', THEME_NS)));
	register_nav_menus(array('secondary-menu'	=>	__( 'Secondary Navigation', THEME_NS)));
}

Bene, non abbiamo fatto altro che dire alla funzione di cercare anche l’esistenza di un secondo menù.

Adesso, dobbiamo far mostrare nel template wordpress il secondo menù, quindi dobbiamo aprire il file header.php, cercare la funzione che visualizza il nostro menù primario, quindi qualcosa di simile:

  <div class="art-nav">
            	<div class="art-nav-l"></div>
            	<div class="art-nav-r"></div>
                <div class="art-nav-outer">
            	<?php 
            		echo theme_get_menu(array(
            				'source' => theme_get_option('theme_menu_source'),
            				'depth' => theme_get_option('theme_menu_depth'),
            				'menu' => 'primary-menu',
            				'class' => 'art-hmenu'	
            			)
            		);
            	?>
                </div>
            </div>

Una volta trovato, possiamo vedere che c’è una funzione php che mostra il primo meù, preceduta da una serie di div che ne indicano lo stile. Bene, non ci resta che copiare il codice, cambiare qualche div per dargli un colore diverso e nella funzione che scrive il menù, inserie il paramentro del secondo menù e il gioco è fatto:

<div class="cleared reset-box"></div>
            <div class="art-nav">
            	<div class="art-nav-l"></div>
            	<div class="art-nav-r"></div>
                <div class="art-nav-outer">
            	<?php 
            		echo theme_get_menu(array(
            				'source' => theme_get_option('theme_menu_source'),
            				'depth' => theme_get_option('theme_menu_depth'),
            				'menu' => 'primary-menu',
            				'class' => 'art-hmenu'	
            			)
            		);
            	?>
                </div>
            </div>
                <div class="cleared reset-box"></div>
            <div class="art-nav">
            	<div class="art-nav-s"></div>
            	<div class="art-nav-q"></div>
                <div class="art-nav-outer">
            	<?php 
            		echo theme_get_menu(array(
            				'source' => theme_get_option('theme_menu_source'),
            				'depth' => theme_get_option('theme_menu_depth'),
            				'menu' => 'secondary-menu',
            				'class' => 'art-hmenu'	
            			)
            		);
            	?>
                </div>
            </div>

Il risultato è che abbiamo due perfetti menù funzionanti e settabili nel nostro WordPress 3.
Speriamo che questa guida su come creare due menù in wordpress sia stata utile

Articoli simili:

Inserire un link esterno nel menù di wordpress WordPress sparito link e blogroll Sparito il menù codici promozionali coupon in woocommerce WordPress could not be converted to string