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.

WordPress Menubar 4.2 supporta ora correttamente la modalità FORCE_SSL_ADMIN (se si definisce FORCE_SSL_ADMIN in wp-config.php, WordPress richiede HTTPS nel backend). Grazie a David per la segnalazione del problema e per le prove!

La versione 4.2 supporta anche il nuovo template Superfish. Superfish è un plugin di jQuery, scritto da Joel Birch, che aggiunge diversi miglioramenti ad un classico menu Suckerfish.

Il template Superfish per Menubar 4.2 integra Superfish offrendo quindi un menu dropdown con due attesissimi miglioramenti: un ritardo prima di nascondere i sotto-menu, per tollerare meglio eventuali falsi movimenti del mouse, e l’indicazione di presenza di sotto-menu tramite una immagine ‘freccina’ aggiunta alle voci di menu interessate.

Superfish aggiunge anche l’animazione all’apertura dei sotto-menu, e l’ombreggiatura dei sotto-menu nei browser che ne sono capaci (non IE6).

Altri miglioramenti: nomi lunghi nelle voci di menu non vengono troncati, le voci di menu possono essere allineate a destra specificando la classe right nel campo CSS class, e nel template sono disponibili quattro diverse varianti di colore (rosso, giallo, verde, blu); inoltre potete come sempre personalizzare il CSS del template secondo le vostre esigenze.

Menubar 4.2 è disponibile nel WordPress Plugin Directory. Per vedere in azione il nuovo template Superfish potete visitare il WP Menubar demo site, e per scaricarlo potete visitare la pagina Download per i template.

Menubar 4.1 è ora disponibile. Con questa versione penso che la nuova struttura dei template, introdotta con la versione 4.0, sia al 99% completa. La nuova struttura si è resa necessaria per consentire una più facile personalizzazione dei template, e per consentire lo sviluppo di nuove funzioni.

La nuova struttura dei template richiede una descrizione più approfondita, che pubblicherò appena pronta, ma se siete davvero curiosi potete dare un’occhiata al codice del nuovo template Suckerfish_41.

Le altre novità di Menubar 4.1? Anzitutto, il nuovo tipo Custom, che vi permette di costruire una voce di menu con qualsiasi HTML vi sia necessario.

Poi, se lasciate vuoto il campo Name di una voce di menu, Menubar 4.1 usa un nome di default. Avete già capito che il default è il titolo del post per i post, il nome della categoria per le categorie, e il nome della pagina per le pagine. Così se scegliete il default e cambiate, ad esempio, il nome di una categoria, il nome della corrispondente voce di menu viene automaticamente aggiornato.

Entrambe queste nuove caratteristiche sono disponibili solo per i nuovi template. Oggi ho rilasciato il template Suckerfish_41, e presto rilascerò nuove versioni per tutti i template, in modo che le nuove funzioni siano disponibili per tutti.

La precedente struttura dei template e i precedenti template sono comunque supportati, perciò potete aggiornare Menubar ed essere sicuri che anche i vostri vecchi menu continueranno a funzionare come prima.