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!

Aggiornamento: lo spostamento è concluso, se trovate qualche problema vi prego di segnalarmelo nei commenti. Grazie!

—————————————
Per quasi cinque anni ho mantenuto dontdream.it in due lingue, italiano e inglese. Non sono mai stato pienamente soddisfatto di questa soluzione, ed ora mi sono convinto che è preferibile mantenere un sito in una sola lingua. Così sto trasferendo la parte in inglese di dontdream.it sull’altro mio sito in inglese, BlogsWeek.com.

Il lavoro consiste nel chiudere i commenti su dontdream.it, spostare la parte in inglese di dontdream.it su BlogsWeek.com, riaprire lì i commenti, e quindi rimuovere la parte in inglese su dontdream.it. Alla fine del lavoro dontdream.it sarà solo in italiano, e BlogsWeek.com continuerà ad essere solo in inglese. Spero che sarete soddisfatti del risultato finale, e vi ringrazio per la vostra pazienza!

Update: the English version of this site is now on BlogsWeek.com, please update your bookmarks and your feeds! Should you find any problems with this move, please report them in the comments. Thank you!

—————————————
For almost five years I’ve maintained dontdream.it in two languages, English and Italian. I’ve never been completely comfortable with this arrangement, and I’m now convinced that a single language site is the way to go. So I’m going to move the English part of dontdream.it to my other site, BlogsWeek.com, which is in English only.

The plan is to close the comments on dontdream.it, move the English posts to BlogsWeek.com, reopen the comments there, then remove the English part on dontdream.it. At the end of the process, dontdream.it will be in Italian only, and BlogsWeek.com will continue to be in English only. I hope that you’ll be happy with the final result, and that you’ll update your bookmarks. Thank you for your patience!

[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.