TechBlogSD - Tutto per WordPress e sviluppo WEB
Istruzioni WEB e WordPress, notizie, recensioni di temi e plugin

Rendi il menu di navigazione di primo livello non cliccabile in Weebly

33

Weebly offre una semplice piattaforma per la creazione di siti che potrebbe non essere utile come lo è per la maggior parte degli utenti. Ad esempio, organizzare le pagine nell’ordine richiesto è un problema in Weebly e rendere il menu di navigazione di livello superiore non cliccabile non è possibile per impostazione predefinita. Fintanto che Weebly consente di modificare il CSS sorgente, possiamo rendere possibili tali cose aggiungendo un semplice codice CSS al file CSS principale "main_style.css". In questo articolo discuteremo come rendere il menu di navigazione di primo livello non cliccabile nel sito Weebly .

Struttura di navigazione di primo livello

Prima di procedere, è necessario comprendere la struttura di base del menu di navigazione di Weebly. Fai clic con il pulsante destro del mouse sul menu sul tuo sito pubblicato e scegli l’opzione "Ispeziona" o "Ispeziona elemento" per aprire la console per sviluppatori nel tuo browser. Quando muovi il mouse su ciascun menu di navigazione di livello superiore puoi vedere le classi CSS corrispondenti. Ogni menu di navigazione di primo livello è identificato con una classe CSS come “.wsite-nav-1", “.wsite-nav-2″,”.wsite-nav-3″, ecc. dove 1 è generalmente la pagina “Hoe” .

Rendi il menu di navigazione di primo livello non cliccabile in Weebly

Trovare la classe CSS per il menu di navigazione superiore di Weebly

I numeri possono cambiare in base al tema e annotare la classe CSS del menu di navigazione che si desidera rendere non cliccabile. Supponiamo di voler rendere non cliccabile il secondo menu di navigazione e che la classe CSS corrispondente sia ".wsite-nav-2".

Ora vai all’editor di codice Weebly in "Tema> Modifica HTML / CSS> Risorse> main_style.css" e aggiungi il seguente codice CSS.

.wsite-nav-2 { pointer-events: none; }

Salva le modifiche e pubblica il tuo sito per vedere che il secondo menu di navigazione in alto non è cliccabile e il cursore non si trasformerà in una mano al passaggio del mouse. Se vuoi posizionare il cursore sulla mano ma il menu non dovrebbe essere cliccabile, cambia il codice sopra come di seguito:

.wsite-nav-2 a:active { pointer-events: none; }

Allo stesso modo puoi rendere non cliccabili tutti i menu di navigazione di primo livello aggiungendo le classi CSS corrispondenti.

Weebly ha una struttura di navigazione diversa sui siti mobili e facendo clic sul menu in alto verrà nuovamente visualizzato l’elenco delle voci di menu incluso il menu in alto. Ciò consente di aprire il collegamento del menu in alto se ha un contenuto, ma nel nostro caso dovremmo rimuovere questo collegamento dall’elenco. Quindi, aggiungi il seguente CSS al tuo file "main.less":

.wsite-menu-master-item { display: none !important; }

Dopo aver aggiunto tutti i codici CSS, potrebbe essere simile a quanto segue:

Rendi il menu di navigazione di primo livello non cliccabile in Weebly

Modifica CSS in Weebly

Salva le modifiche e pubblica il tuo sito.

Nascondere le pagine di navigazione principali da motori di ricerca e utenti

  • Nascondi le prime pagine di navigazione dai motori di ricerca che impediranno ai motori di ricerca di eseguire la scansione delle pagine vuote. Puoi farlo selezionando l’opzione "Nascondi questa pagina dai motori di ricerca" nelle impostazioni "Avanzate" di ciascuna pagina di primo livello.
  • Ricorda che gli utenti possono comunque accedere alle pagine inserendo direttamente l’URL nella barra degli indirizzi del browser. Idealmente, l’ impostazione dei reindirizzamenti 301 dovrebbe risolvere questo problema, purtroppo Weebly non consente di impostare i reindirizzamenti per le pagine live. Quindi non puoi impedire agli utenti di accedere alle pagine tramite la barra degli indirizzi.

Fonte di registrazione: www.webnots.com
Lascia una risposta

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More