Com afegeix WordPress menús?Personalitza les opcions de visualització de la barra de navegació

Aquest article és "Tutorial de creació de llocs web de WordPress"Part 14 d'una sèrie d'21 articles:
  1. Què vol dir WordPress?Què estàs fent?Què pot fer un lloc web?
  2. Quant costa crear un lloc web personal/empresa?Cost de la creació d'un lloc web empresarial
  3. Com triar el nom de domini adequat?Construcció de llocs web Recomanacions i principis de registre de noms de domini
  4. NameSiloTutorial de registre de noms de domini (us envieu $1 NameSiloCodi promocional)
  5. Quin programari es necessita per crear un lloc web?Quins són els requisits per fer el vostre propi lloc web?
  6. NameSiloResol el nom de domini NS a Bluehost/SiteGround Tutorial
  7. Com crear manualment WordPress? Tutorial d'instal·lació de WordPress
  8. Com iniciar sessió al backend de WordPress? Adreça d'inici de sessió de fons de WP
  9. Com utilitzar WordPress? Configuració general de fons de WordPress i títol xinès
  10. Com canviar la configuració d'idioma a WordPress?Canvia el mètode de configuració xinès/anglès
  11. Com crear un directori de categories de WordPress? Gestió de categories WP
  12. Com publica WordPress articles?Opcions d'edició d'articles autopublicats
  13. Com crear una pàgina nova a WordPress?Afegeix/edita la configuració de la pàgina
  14. WordPressCom afegir un menú?Personalitza les opcions de visualització de la barra de navegació
  15. Què és un tema de WordPress?Com instal·lar plantilles de WordPress?
  16. FTP com descomprimir fitxers zip en línia? Descàrrega del programa de descompressió en línia PHP
  17. S'ha produït un error en el temps d'espera de connexió de l'eina FTP Com es configura WordPress per connectar-se al servidor?
  18. Com instal·lar un complement de WordPress? 3 maneres d'instal·lar un connector de WordPress - wikiHow
  19. Què tal l'allotjament de BlueHost?Els últims codis promocionals/cupons de BlueHost USA
  20. Com instal·la Bluehost automàticament WordPress amb un sol clic? Tutorial de creació de llocs web de BH
  21. Com utilitzar la còpia de seguretat de rclone per a VPS? CentOS utilitza un tutorial de sincronització automàtica de GDrive

WordPress 3.0 i superior ha afegit la possibilitat de personalitzar el menú de la barra de navegació.

La majoria dels temes de WordPress admeten la funció de menú de la barra de navegació personalitzada, podeu configurar lliurement el menú de la barra de navegació per al vostre lloc web.

Hi ha dues funcions principals per afegir enllaços de pàgines importants al menú de la barra de navegació:

  1. Pot millorar l'experiència de l'usuari.
  2. pot millorarSEOPeses.

ara mateixChen WeiliangNomés per compartir amb tu: Com configurar el menú de navegació de WordPress?

Com puc determinar si un tema té una funció de menú personalitzada?

Després d'habilitar el tema,Inicieu sessió al backend de WordPress → Aparença → Menú.

Si veieu el que es mostra a continuació, el tema no admet menús personalitzats, en cas contrari sí ▼

Els temes actuals de WordPress no ofereixen menús personalitzats Full 1

Menú de navegació personalitzat de WordPress

Abans de personalitzar el menú, heu de crear les categories i pàgines d'articles necessàries.

Per crear categories i pàgines d'articles, consulteu el tutorial següent▼

Menú Creació i configuració de WordPress

Pas 1:Aneu a la pàgina del menú de WordPress

登录Backend de WordPress → Aparença → Menú ▼

Entra a la pàgina del menú de WordPress núm. 4

  • Aquí podeu crear nous menús i gestionar els menús creats anteriorment.
  • Si creeu un menú nou, ompliu el nom de la categoria del menú al quadre d'entrada "Nom del menú".
  • A continuació, feu clic a Desa per crear una nova categoria d'ubicació del menú de navegació.

Pas 2:Seleccioneu la ubicació del tema

  • Volem designar el menú com a menú de navegació del lloc web.
  • Seleccioneu la ubicació del tema, marqueu Navegació principal ▼

Menú de creació de WordPress: seleccioneu la ubicació del tema, seleccioneu el full de navegació principal 5

  • Aneu amb compte de no marcar "Afegeix automàticament totes les pàgines de nivell superior a aquest menú" ▲
  • En aquest cas, cada vegada que es crea una pàgina de nivell superior, s'afegeix automàticament al menú, però el menú té una amplada limitada i s'embolica quan supera l'amplada (afectant l'estètica).

Pas 3:Afegeix i ordena l'estructura del menú de WordPress

Aquí teniu un exemple de creació d'un menú anomenat "Menú 1" ▼

Afegir i ordenar el full d'estructura del menú de WordPress 6

  • Seleccioneu l'enllaç que voleu afegir a l'esquerra (enllaç de pàgina, enllaç d'article, enllaç personalitzat, enllaç de categoria) i afegiu-lo al menú.
  • (En realitat, podeu afegir qualsevol enllaç aquí, per exemple, podeu afegir una pàgina d'inici i podeu apuntar a l'URL de la pàgina d'inici mitjançant un "enllaç personalitzat")

Ordena l'estructura del menú:

  • A l'àrea d'estructura del menú, arrossegueu un element del menú lleugerament cap a la dreta per configurar ràpidament menús secundaris i multinivell.
  • L'efecte de la configuració és trapezoïdal, és a dir, el menú secundari està més sagnat que el de sobre.
  • Hi haurà alguns rètols grisos de "subprojecte" després del nom de navegació.
  • Després d'organitzar els menús, feu clic a Desa el menú.

Opcions de menú de WordPress

Els menús de WordPress amaguen algunes funcions per defecte.

Si voleu controlar més propietats del menú, feu clic a "Mostra les opcions" a la cantonada superior dreta de la pantalla per mostrar les funcions ocultes ▼

Full d'opcions de visualització del menú de WordPress 7

  • Podeu triar més tipus d'elements de menú.
  • Per exemple: etiquetes i articles, i propietats avançades per als menús de visualització (destinació d'enllaç, classe CSS, xarxa d'enllaços, descripció).

Full de configuració detallada de l'element del menú de WordPress 8

Pestanyes de navegació:

  • El text de l'enllaç.

Propietat del títol:

  • és el valor de l'atribut title de l'etiqueta a, tal com es mostra a la imatge de dalt"Chen WeiliangPàgina d'inici del blog".

Classe CSS:

  • Afegiu una classe a l'element del menú.
  • Aquest element del menú varia segons CSS.
  • Chen WeiliangS'afegeix el CSS de la pàgina d'inici del bloc fas fa-home.

Xarxa de relacions d'enllaç:

  • L'atribut rel s'afegeix al menú mitjançant la xarxa d'enllaços (XFN).
  • Si no voleu que els motors de cerca donin pes a aquest enllaç de menú, podeu afegir-lorel="nofllow"Atributs.

Objectiu de l'enllaç:

  • Controla com s'obren els enllaços del menú.
  • Per exemple, obre en una finestra nova (target="_blank"), o obre a la finestra actual (per defecte).

Aquí teniu el codi que representa la pàgina web en funció de la configuració que es mostra a la imatge de dalt:

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

Ubicació de gestió del menú de WordPress

A continuació es mostra la ubicació de l'administrador a la part superior de la configuració del menú de WordPress▼

Com afegeix WordPress menús?Imatge 9 de les opcions de visualització de la barra de navegació personalitzada

  • La configuració del tema que es mostra a la ubicació de l'administrador variarà segons el tema utilitzat.
  • Podeu assignar menús a cada paràmetre de "ubicació del tema", de manera que el menú de navegació de cada ubicació mostri contingut diferent.

Això conclou el tutorial del menú de la barra de navegació personalitzada de WordPress.

Llegeix altres articles de la sèrie:<< Anterior: Com crear una pàgina nova a WordPress?Afegeix/edita la configuració de la pàgina
Publicació següent: Què és un tema de WordPress?Com instal·lar plantilles de WordPress? >>

Bloc d'Hope Chen Weiliang ( https://www.chenweiliang.com/ ) compartit "Com afegir menús a WordPress?Personalitza les opcions de visualització de la barra de navegació" per ajudar-te.

Benvingut a compartir l'enllaç d'aquest article:https://www.chenweiliang.com/cwl-959.html

Benvingut al canal de Telegram del bloc de Chen Weiliang per rebre les últimes actualitzacions!

🔔 Sigues el primer a obtenir la valuosa "Guia d'ús de l'eina de màrqueting de continguts de ChatGPT" al directori principal del canal! 🌟
📚 Aquesta guia té un gran valor, 🌟Aquesta és una oportunitat rara, no la perdis! ⏰⌛💨
Comparteix i m'agrada si t'agrada!
Els vostres likes i compartir són la nostra motivació contínua!

 

发表 评论

La vostra adreça de correu electrònic no es publicarà. S'utilitzen els camps obligatoris * 标注

desplaçar-se a dalt