Superfish domande e risposte

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.



Menubar 4.2 e Superfish

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 versione 4.1

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.