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.

By browsing this website, you explicitly and fully agree to the site's Cookies & Privacy Policy More Info

The cookie settings on this website are set to "allow cookies" to give you the best browsing experience possible. If you continue to use this website without changing your cookie settings or you click "Accept" below then you are consenting to this.

Close