Menubar 4.9 migliora il tipo PHP, consentendovi di creare una voce di menu e generarne dinamicamente sia l’etichetta sia il link.

Il tipo PHP è stato introdotto in Menubar 4.8, ma si poteva generare dinamicamente solo il link, mentre l’etichetta era specificata staticamente nel campo Name.

Ora potete specificare nel campo PHP code qualsiasi codice PHP che ritorni un array contenente etichetta e URL generati dinamicamente; potete anche ritornare un valore vuoto, e in questo caso Menubar non genererà nessuna voce di menu.

Un esempio di codice PHP che potete inserire nel campo PHP code è il seguente:

// contenuto del campo PHP code

$someurl = some expression;
$otherurl = other expression;

if (some-condition)
return array ('somelabel', $someurl);
else if (other-condition)
return array ('otherlabel', $otherurl);
else
return false;


Questo frammento PHP genera:

a) una voce di menu con etichetta ‘somelabel’ che punta a $someurl se la condizione (some-condition) è vera;
b) una voce di menu con etichetta ‘otherlabel’ che punta a $otherurl se la condizione (other-condition) è vera;
c) nessuna voce di menu nei casi restanti.

Menubar 4.9 corregge anche un errore di evidenziazione nei tipi External e PHP, che si verificava quando l’indirizzo della pagina conteneva una querystring.

Buon lavoro con Menubar!

Questa nuova versione di Menubar supporta un nuovo tipo di voce di menu, chiamato PHP. Con questo nuovo tipo potete generare dinamicamente una voce di menu usando codice PHP, e in questo modo le applicazioni saranno limitate solo dalla vostra creatività.

Potete inserire nel campo URL qualsiasi codice PHP che ritorni un URL generato dinamicamente; potete anche ritornare un valore vuoto, e in questo caso Menubar non genera nessuna voce di menu.

Un esempio di codice PHP che potete inserire nel campo URL è il seguente:

// contenuto del campo URL

$someurl = some expression;
$otherurl = other expression;

if (some-condition)
return $someurl;
else if (other-condition)
return $otherurl;
else
return '';


Questo frammento di PHP produce:

a) una voce di menu che punta a $someurl se la condizione (some-condition) è vera;
b) una voce di menu che punta a $otherurl se la condizione (other-condition) è vera;
c) nessuna voce di menu altrimenti.

Questo è solo un esempio, potrete usare qualsiasi codice PHP e ritornare l’ URL che vi occorre o nessun URL del tutto. Buon menu con Menubar!

Menubar 4.7 migliora la gestione dei tipi PageTree e CategoryTree con l’aggiunta dei campi a selezione multipla Exclude e Headings.

Il campo Exclude vi permette di specificare quali pagine o categorie desiderate escludere dal menu gerarchico che viene generato.

Il campo Headings vi permette di specificare quali pagine o categorie desiderate visualizzare come semplici intestazioni, in pratica rendendole non cliccabili.

Questi due nuovi campi, insieme con il campo Depth introdotto in Menubar 4.6, dovrebbero offrirvi una maggiore flessibilità nel costruire i vostri menu di pagine e categorie.

Come sempre, i link per la documentazione e il download sono nel menu di questo sito. Grazie per l’interesse che dimostrate per Menubar!

[Aggiornato per il template CSSmb_46]

CSS Menu Builder è un simpatico sito che offre la possibilità di costruirsi online i propri menu CSS.

Potete scegliere il tipo di background e l’immagine base del menu, quindi selezionare colori e gradienti sia per il background sia per le voci di menu nei tre stati: normale, selezionato, e hover.

Con queste informazioni il programma genera un foglio di stile e una immagine .png, inserisce i due file in un comodo archivio .zip e vi consente immediatamente di scaricarlo.

Interessante, vero? Ma le buone notizie non sono finite: infatti è ora possibile usare questi file con Menubar, grazie al nuovo template CSSmb_46. Vediamo come. (read more …)

Questo aggiornamento di Menubar contiene due nuovi tipi di voce di menu, Tag e TagList, e il nuovo campo Depth per i tipi PageTree e CategoryTree. Per abilitare i tipi Tag e TagList con i template Suckerfish, Superfish e iNove, dovrete scaricare l’ultima versione dei template (Download).

Il tipo Tag punta all’archivio del tag specificato nel campo Tag.

Il tipo TagList genera una voce di livello inferiore per ciascun archivio di tag, escludendo i tag specificati nel campo Exclude. Attenzione, sebbene sia possibile aggiungere ulteriori voci sotto una voce TagList, queste voci saranno ignorate e non saranno visualizzate sul sito!

Il campo Depth specifica, per i tipi PageTree e CategoryTree, la profondità (il numero di livelli) per l’albero delle pagine o categorie; lasciandolo vuoto si ottiene l’albero completo.

Questi miglioramenti sono stati tutti suggeriti dai lettori, spero perciò che apprezzerete questa nuova versione di Menubar!

Con Menubar 4.5 avete la possibilità di aggiungere icone alle vostre voci di menu. Dovrete usare un nuovo template come Suckerfish_45 per abilitare questa funzionalità, altrimenti la pagina di gestione di Menubar non vi permetterà di impostare le immagini.

Suggerisco di usare immagini PNG di 16×16 pixel (immagini di dimensioni differenti verranno ridimensionate a 16×16) con background trasparente, in modo da potersi adattare perfettamente a qualsiasi colore di fondo. Trovo che le Silk Icons di famfamfam.com siano adattissime per questo scopo, le ho usate sul WP Menubar demo site dove potete vedere il risultato.

Menubar 4.5 corregge anche un problema per cui, nella versione precedente, ai caratteri apice e doppio apice veniva erroneamente premesso un carattere backslash.

Grazie a tutti voi per i vostri suggerimenti e segnalazioni, che mi permettono di migliorare Menubar con più funzionalità e meno errori!

Menubar 4.4 migliora la velocità e le prestazioni del vostro sito spostando i dati dei menu da una tabella nel database ad una sola opzione serializzata.

In questo modo Menubar non ha più bisogno di molte chiamate al database per prelevare tutte le voci del menu, e la generazione del menu è molto più efficiente.

Per citare un caso reale, il WP Menubar demo site richiedeva da 40 a 44 query per pagina con la precedente versione di Menubar, mentre ne richiede da 24 a 28 con Menubar 4.4.

Risparmiare circa 16 query per pagina è un buon miglioramento, così spero che apprezzerete questa nuova versione, soprattutto quando il vostro sito riceve un picco di traffico. Buone vacanze!

Attenzione! Come segnalato da Freddy nei commenti, il nome del menu nella stringa

<?php do_action('wp_menubar','menu');?>

deve essere riportato esattamente, rispettando anche i caratteri in maiuscolo o minuscolo.

Menubar 4.3 corregge un grave problema per cui i moduli Add Menu Item e Edit Menu Item non funzionavano correttamente in Internet Explorer (IE6 e IE7).

Grazie a Fabrizio per aver segnalato l’errore!

Come sapete, Menubar aggiunge uno o più menu configurabili al vostro sito WordPress.

Ma se il vostro tema contiene già il suo menu originale?

Niente paura, potete usare Menubar per migliorare il menu originale di un tema WordPress, aggiungendo la configurabilità di Menubar al menu già presente.

Vi serve soltanto un apposito template per Menubar, e le istruzioni. La procedura è leggermente diversa per ciascun tema, così in questo articolo vedremo come aggiungere la configurabilità di Menubar a un tema WordPress molto noto, iNove 1.4.6 di mg12, in sei semplici passi.

1) Installate e attivate il tema iNove.
2) Installate e attivate il plugin Menubar.
3) Scaricate (dalla pagina Download) e installate il template ‘inove’.
4) Create un nuovo menu con i valori Name: my-inove e Template: inove without CSS.
5) Aprite il file wp-content/themes/inove/templates/header.php, cercate le righe

<!-- menus START -->

e

<!-- menus END -->

cancellate le undici righe tra esse comprese, e sostituitele con la chiamata a Menubar. Il risultato finale sarà:

<!-- menus START -->
<?php do_action ('wp_menubar', 'my-inove'); ?>
<!-- menus END -->

6) Aggiungete qualche voce di menu, e godetevi il vostro menu iNove con tutta la configurabilità di Menubar! La prima voce di menu deve essere di tipo FrontPage, se volete vederci sopra l’icona con la casetta. Il nome del menu my-inove non è importante, purchè usiate lo stesso nome nei passi 4) e 5).

Se desiderate migliorare con Menubar il menu originale del vostro tema preferito, fatemelo sapere e cercherò di scrivere un articolo come questo dedicato al vostro tema. A presto!

Q: Come modifico la larghezza complessiva di un menu Superfish?

A: Edita il file CSS di Superfish che stai usando. Ad esempio se stai usando ssf-green.css, apri quel file, cerca la seguente regola e modifica la proprietà margin come mostrato:

.ssf-green-wrap {
margin: 10px 0 0 0;
margin: 10px 10px 0 10px;
...
}

Quindi cerca la seguente regola e modifica ancora la proprietà margin:

.ssf-green-after {
...
margin: 0;
margin: 0 10px 0 10px;
...
}

Salva il tuo file CSS, ssf-green.css in questo esempio, e ricarica la tua pagina per vedere il cambiamento nella larghezza del menu.

Q: Come modifico la larghezza dei sottomenu Superfish?

A: Edita il file CSS di Superfish che stai usando. Ad esempio se stai usando ssf-green.css, apri quel file, cerca la seguente regola e modifica la proprietà width come mostrato:

.ssf-green ul {
...
width: 10em; /* left offset of submenus need to match (see below) */
width: 15em; /* left offset of submenus need to match (see below) */
}

Quindi cerca le seguenti due regole e modifica in entrambe la proprietà left:

ul.ssf-green li li.wpm-hover ul {
left: 10em; /* match ul width */
left: 15em; /* match ul width */
...
}

ul.ssf-green li li li.wpm-hover ul {
left: 10em; /* match ul width */
left: 15em; /* match ul width */
...
}

Salva il tuo file CSS, ssf-green.css in questo esempio, e ricarica la tua pagina per vedere il cambiamento nella larghezza dei sottomenu.