WordPress Tricks #2


Il problema

Questo è un workaround più che un vero e proprio trick: usando i nuovi menu custom di WordPress 3+ < ?php wp_nav_menu($paramentri); ?> , come aggiungere un separatore dopo ogni link del menu, senza farlo apparire anche all’ultimo link.

In altre parole: Link 1 | Link 2 | Link 3 | nessuno vuole quell’ultimo separatore alla fine del menu, eppure WordPress non ha ancora previsto un modo per evitarlo.

La soluzione

Prima di tutto aggiungere al functions.php questa funzione:

In questo modo, aggiungerete due nuove classi, una al primo link menu-item-first e uno all’ultimo menu-item-last.

Poi potete procedere con l’inserimento della funzione per visualizzare il menu, inserendo il parametro after e il tipo di separatore desiderato (in questo caso | ), circondato da un semplice span:

Infine, per togliere di mezzo l’ultimo separatore, basterà aggiungere questa regola nello style.css:

Problema risolto :)

Sono Consulente Digitale, WordPress Specialist e Web Designer, creo siti da 17 anni.
Abitualmente uso PHP/MySQL, HTML5/CSS3/Javascript, Twitter Bootstrap e WordPress, ma non solo.
Aiuto aziende, professionisti e startup ad utilizzare la tecnologia per crescere, creando Team di designer & sviluppatori, pianificando progetti e strategie, sviluppando soluzioni complesse.