In che modo WordPress aggiunge i menu?Personalizza le opzioni di visualizzazione della barra di navigazione

Questo articolo è "Tutorial per la creazione di siti Web WordPress"Parte 14 di una serie di 21 articoli:
  1. Cosa significa WordPress?Cosa fai?Cosa può fare un sito web?
  2. Quanto costa realizzare un sito web personale/aziendale?Costo per la realizzazione di un sito web aziendale
  3. Come scegliere il nome di dominio giusto?Raccomandazioni e principi per la registrazione del nome di dominio per la costruzione di siti Web
  4. NameSiloTutorial per la registrazione del nome di dominio (invia $ 1 NameSiloCodice promozionale)
  5. Quale software è necessario per creare un sito Web?Quali sono i requisiti per creare il tuo sito web?
  6. NameSiloRisolvi il tutorial sul nome di dominio NS in Bluehost/SiteGround
  7. Come costruire manualmente WordPress? Tutorial installazione WordPress
  8. Come accedere al backend di WordPress? Indirizzo di accesso in background WP
  9. Come usare WordPress? Impostazioni generali di sfondo di WordPress e titolo cinese
  10. Come modificare le impostazioni della lingua in WordPress?Cambia il metodo di impostazione cinese/inglese
  11. Come creare una directory di categorie di WordPress? Gestione della categoria WP
  12. In che modo WordPress pubblica gli articoli?Opzioni di modifica per articoli autopubblicati
  13. Come creare una nuova pagina in WordPress?Aggiungi/modifica impostazione pagina
  14. WordPressCome aggiungere il menu?Personalizza le opzioni di visualizzazione della barra di navigazione
  15. Che cos'è un tema WordPress?Come installare i modelli WordPress?
  16. FTP come decomprimere i file zip online? Download del programma di decompressione online PHP
  17. Timeout di connessione dello strumento FTP non riuscito Come configurare WordPress per la connessione al server?
  18. Come installare un plugin per WordPress? 3 Modi per Installare un Plugin per WordPress - wikiHow
  19. Che ne dici dell'hosting BlueHost?Ultimi codici promozionali / coupon BlueHost USA
  20. In che modo Bluehost installa automaticamente WordPress con un clic? Tutorial per la creazione di siti Web BH
  21. Come utilizzare il backup rclone per VPS? CentOS utilizza il tutorial sulla sincronizzazione automatica di GDrive

WordPress 3.0 e versioni successive ha aggiunto la possibilità di personalizzare il menu della barra di navigazione.

La maggior parte dei temi WordPress supporta la funzione del menu della barra di navigazione personalizzata, puoi impostare liberamente il menu della barra di navigazione per il tuo sito web.

Esistono due funzioni principali per aggiungere importanti collegamenti a pagine al menu della barra di navigazione:

  1. Può migliorare l'esperienza dell'utente.
  2. può migliorareGestione SEOPesi.

proprio adessoChen WeiangSolo per condividere con te: come impostare il menu di navigazione di WordPress?

Come faccio a determinare se un tema ha una funzione di menu personalizzata?

Dopo aver abilitato il tema,Accedi al backend di WordPress → Aspetto → Menu.

Se vedi ciò che viene mostrato di seguito, il tema non supporta i menu personalizzati, altrimenti lo fa ▼

Gli attuali temi WordPress non offrono menu personalizzati Foglio 1

Menu di navigazione personalizzato di WordPress

Prima di personalizzare il menu, è necessario creare le categorie e le pagine degli articoli richieste.

Per creare categorie e pagine di articoli, fare riferimento al seguente tutorial▼

Menu Crea e Impostazioni di WordPress

passo 1:Vai alla pagina del menu di WordPress

登录Backend di WordPress → Aspetto → Menu ▼

Accedi alla pagina del menu di WordPress n. 4

  • Qui puoi creare nuovi menu e gestire i menu creati in precedenza.
  • Se si crea un nuovo menu, inserire il nome della categoria del menu nella casella di immissione "Nome menu".
  • Quindi fare clic su Salva per creare una nuova categoria di posizione del menu di navigazione.

passo 2:Seleziona la posizione dell'argomento

  • Vogliamo designare il menu come menu di navigazione sul sito web.
  • Seleziona la posizione dell'argomento, controlla Navigazione principale ▼

Menu di creazione di WordPress: seleziona la posizione del tema, seleziona il foglio di navigazione principale 5

  • Fare attenzione a non selezionare "Aggiungi automaticamente tutte le pagine di primo livello a questo menu" ▲
  • In questo caso, ogni volta che viene creata una pagina di primo livello, questa verrà automaticamente aggiunta al menu, ma il menu ha una larghezza limitata e si avvolgerà dopo aver superato la larghezza (influendo sull'estetica).

passo 3:Aggiungi e ordina la struttura del menu di WordPress

Ecco un esempio di creazione di un menu denominato "Menu 1" ▼

Aggiunta e ordinamento del foglio della struttura del menu di WordPress 6

  • Seleziona il link che vuoi aggiungere da sinistra (link alla pagina, link all'articolo, link personalizzato, link alla categoria) e aggiungilo al menu.
  • (In realtà, puoi aggiungere qualsiasi link qui, ad esempio puoi aggiungere una home page e puoi puntare all'URL della home page tramite un "link personalizzato")

Ordina la struttura del menu:

  • Nell'area della struttura del menu, trascina leggermente una voce di menu verso destra per impostare rapidamente menu secondari e multilivello.
  • L'effetto dell'impostazione è trapezoidale, ovvero il menu secondario è più rientrato di quello sopra.
  • Ci saranno alcuni segni grigi di "sottoprogetto" dopo il nome di navigazione.
  • Dopo aver organizzato i menu, fare clic su Salva menu.

Opzioni del menu di WordPress

I menu di WordPress nascondono alcune funzioni per impostazione predefinita.

Se desideri controllare più proprietà del menu, fai clic su "Mostra opzioni" nell'angolo in alto a destra dello schermo per visualizzare le funzioni nascoste ▼

Foglio delle opzioni di visualizzazione del menu di WordPress 7

  • Puoi scegliere più tipi di voci di menu.
  • Ad esempio: tag e articoli e proprietà avanzate per i menu di visualizzazione (destinazione del collegamento, classe CSS, rete di collegamento, descrizione).

Scheda delle impostazioni dettagliate della voce di menu di WordPress 8

Schede di navigazione:

  • Il testo del collegamento.

Proprietà del titolo:

  • è il valore dell'attributo title del tag a, come mostrato nell'immagine sopra"Chen WeiangPagina iniziale del blog".

Classe CSS:

  • Aggiungi una classe alla voce di menu.
  • Questa voce di menu varia in base ai CSS.
  • Chen WeiangViene aggiunto il CSS della home page del blog fas fa-home.

Collegamento alla rete di relazioni:

  • L'attributo rel viene aggiunto al menu tramite la rete di collegamento (XFN).
  • Se non vuoi che i motori di ricerca diano peso a questo link di menu, puoi aggiungererel="nofllow"Attributi.

Destinazione del collegamento:

  • Controlla come vengono aperti i collegamenti ai menu.
  • Ad esempio, apri in una nuova finestra (target="_blank") o aprire nella finestra corrente (impostazione predefinita).

Ecco il codice reso dalla pagina web in base alle impostazioni mostrate nell'immagine sopra:

<a title="陈沩亮博客的首页" rel="nofollow" href="https://www.chenweiliang.com/"><i class="fa fa-home"></i><span class="fontawesome-text"> 首页</span></a>

Posizione di gestione del menu di WordPress

Di seguito è riportata la posizione dell'amministratore nella parte superiore delle impostazioni del menu di WordPress▼

In che modo WordPress aggiunge i menu?Immagine 9 delle opzioni di visualizzazione della barra di navigazione personalizzata

  • Le impostazioni del tema visualizzate nella posizione dell'amministratore variano a seconda del tema utilizzato.
  • È possibile assegnare menu a ciascuna impostazione di "posizione dell'argomento", in modo che il menu di navigazione di ciascuna posizione visualizzi contenuti diversi.

Questo conclude il tutorial del menu della barra di navigazione personalizzata di WordPress.

Leggi altri articoli della serie:<< Precedente: Come creare una nuova pagina in WordPress?Aggiungi/modifica impostazione pagina
Prossimo Post: Cos'è un tema WordPress?Come installare i modelli WordPress? >>

Speranza Chen Weiliang Blog ( https://www.chenweiliang.com/ ) condiviso "Come aggiungere menu in WordPress?Personalizza le opzioni di visualizzazione della barra di navigazione" per aiutarti.

Benvenuti a condividere il link di questo articolo:https://www.chenweiliang.com/cwl-959.html

Benvenuto nel canale Telegram del blog di Chen Weiliang per ricevere gli ultimi aggiornamenti!

🔔 Sii il primo a ricevere la preziosa "Guida all'utilizzo dello strumento AI di marketing dei contenuti ChatGPT" nella directory principale del canale! 🌟
📚 Questa guida contiene un valore enorme, 🌟Questa è un'opportunità rara, non perderla! ⏰⌛💨
Condividi e metti mi piace se ti va!
La tua condivisione e i tuoi like sono la nostra continua motivazione!

 

发表 评论

L'indirizzo email non verrà pubblicato. 必填 项 已 用 * 标注

滚动 到 顶部