WordPress: link a pagina più posizionamento anchor

Con WordPress creare un link ad una pagina ad una specifica posizione è semplice, basta usare gli anchor HTML.

Supponendo di avere un menu con le due voci [Home] e [Chi siamo] collegate a due Pagine, e di voler passare da [Home] ad uno specifico punto della pagina [Chi siamo],

è sufficiente aggiungere al link l’ID html del tag al quale posizionarsi, appena dopo il simbolo cancelletto: [url pagina Chi Siamo]#[id html tag]

Es.: miodominio.it/chi-siamo#idtag

Tuttavia, alcuni template\grafiche integrano funzioni javascript per creare menù più funzionali, user friendly o anche solo con effetti particolari, talvolta modificando e trasformando tag non destinati alla funzione link.

E’ capitato che in uno di questi casi l’anchor descritto sopra non funzionasse. I link delle voci di menù erano applicati, tramite JavaScritp, ad un tag <ul> e in questo caso il JavaScritp non gestiva gli anchor link. Questo può definirsi un errore di progettazione del template o del JavaScritp del menu.
Di seguito una soluzione per aggirare il problema:

– aggiungere il seguente codice JavaScritp al vostro template\sito WordPress:

jQuery(function($) {
$('ul.tagvocemenu').attr('onclick');
$('.tagvocemenu a[href*="#"]').attr('onclick','window.open(this.href,"_self")'); });

Sostituire tagvocemenu con la classe che fa riferimento al menu.

In questo caso il menu era strutturato con un <ul>, verificate che sia così anche nel vostro caso, oppure sostituire il nome del tag appena prima del primo tagvocemenu

Questo pezzo di JavaScript aggiunge a tutti i tag <a> che contengono cancelletto e quindi un anchor, l’attributo onclick, forzando l’apertura della pagina.

 

anchor, onepage, wordpress