Com Col·locar Menús A Cada Pàgina De WordPress

Darrera actualització: 04/10/2024
Com Col·locar Menús A Cada Pàgina De WordPress

T'agradaria saber com tenir menús a cada pàgina de WordPress? Hi ha molts casos en què necessita diferents menús a diferents pàgines.

  • Per exemple, és possible que tinguis un lloc web duna pàgina però vols una botiga dedicada o una pàgina de contacte. En aquest cas, els enllaços de navegació del menú superior no es poden fer servir en aquestes pàgines separades (p. ex., contacte o botiga) ja que estan configurats per guiar els usuaris a través de diferents seccions a la mateixa pàgina (p. ex., la teva pàgina d'inici).

Un altre cas podria ser quan els usuaris són a la pàgina de la teva botiga. Atès que aquesta pàgina té una funció diferent a la resta del lloc web, és possible que vulgueu utilitzar el menú superior per mostrar les categories dels vostres productes o una altra informació rellevant per a aquells que busquen realitzar una compra.

Aquí pots llegir sobre: Formes D'Afegeix Un Formulari De Subscripció A WordPress

Per aconseguir el resultat desitjat, heu de crear menús a cada pàgina de WordPress per a cadascun d'aquests escenaris i mostrar-los només en aquestes pàgines. Afortunadament, com que WordPress té una comunitat tan gran darrere, pots aconseguir-ho amb l'ajuda d'un complement gratuït.

Mètodes per tenir menús a cada pàgina de WordPress

Ara, vegem com pots col·locar menús a cada pàgina de WordPress:

Mètode 1: menús a cada pàgina de WordPress

Aquests són els passos que has de seguir per aconseguir tenir menús a cada pàgina de WordPress:

Part 1: instal·la un complement gratuït per tenir menús a cada pàgina de WordPress

Per configurar un menú diferent per a una pàgina determinada, haureu de fer servir el complement de menús condicionals. Per instal·lar-lo, seguiu els passos a continuació:

  1. Pas 1: Des del teu panell de WordPress, adreça't a Complements → Afegeix nou
  2. Pas 2: A la barra de cerca, cerca «Menús condicionals» i instal·la el primer resultat (captura de pantalla)
Menús condicionals
Menús condicionals
  1. Pas 3: Després que s'instal·la, fes clic a Activar.

Part 2: crea diferents menús per a diferents pàgines

Per crear els menús de cada pàgina cal:

  1. Pas 1: Dirigeix-te a Panell de WordPress → Aparença → Personalitzar →feu clic a Menús
  2. Pas 2: Afegeix un nou menú, diguem-ne «Menú de la pàgina de contacte» (o qualsevol altre nom)
  3. Pas 3: Afegeix elements de menú per a cada pàgina o enllaç personalitzat i fes clic a Publicar
  4. Pas 4: Repeteix el procés per a tots els altres menús que necessitis.

Part 3: administra la ubicació de cada menú

Dirigeix-te a Aparença → Menús → Administrar ubicacions i comença a personalitzar els teus menús a cada pàgina de WordPress seguint aquests passos:

  1. Pas 1: Fes clic a + Menú condicional per afegir un nou menú a la mateixa ubicació (p. ex., Menú principal)
  2. Pas 2: Selecciona el menú que voleu afegir
  3. Pas 3: Fes clic a + Condicions per seleccionar els llocs on vols que aparegui aquest menú específic
  4. Pas 4: Fes clic a Desa els canvis i visita la pàgina per assegurar-te que funciona correctament;

Repeteix el mateix procés per a qualsevol número de pàgines separades.

Mètode 2: Com crear diferents menús a cada pàgina de WordPress

El menú és el contingut bàsic de tot lloc web; ajuda els visitants a trobar les pàgines que necessiten amb facilitat. No obstant això, en llocs web amb estructures complexes, és possible que vulgueu que cada grup de pàgines tingui menús separats. Per personalitzar-los així, necessites un complement per crear diferents menús i assignar-los a les teves pàgines/grup de pàgines.

En aquest mètode, us mostrarem a fons com fer-ho de la manera més ràpida. Però primer, vegem com la creació de menús separats per a cada pàgina et pot ajudar en situacions particulars.

Part 1: Fes servir aplicacions de crear menús a cada pàgina de WordPress

Tenir menús separats per a cada pàgina et pot ajudar si:

  1. Vols mostrar pàgines de productes al menú de la pàgina d'inici. Cada pàgina de producte tindrà un menú particular amb submenús vinculats a les pàgines d'informació del producte. Per exemple, el menú de la pàgina del producte contindrà informació com el preu, el país d'origen del producte corresponent.
  2. Tens un lloc web duna cadena de botigues i cada botiga està representada en una pàgina separada. El menú de la pàgina inicial dirigirà a les pàgines de la botiga. La pàgina de cada botiga tindrà el seu propi menú de pàgines essencials com a productes, adreça, comanda, etc.
  Com dissenyar fluxos automàtics amb WhatsApp Business API que baixin el teu cost per lead

Perquè sigui més fàcil d'entendre, agafarem un exemple d'un lloc web de negocis de fruites. El lloc web té un menú per defecte a la pàgina inicial que condueix a dues pàgines, Apple i Banana.

Com Col·locar Menús A Cada Pàgina De WordPress

Crearem dos menús separats més per a aquestes dues pàgines usant el complement de menús condicionals. Aquests són els passos per fer-ho:

Part 2: Instal·lar i activar el complement de menús condicionals

Els complements de menús condicionals són gratuïts i estan disponibles a wordpress.org . Simplement necessites instal·lar-lo i activar-lo com qualsevol altre complement gratuït.

  1. Pas 1: A continuació, dirigeix-te a aparençaMenús, canvia a administrar ubicacions i podràs veure el + Menú condicional agregat pel complement:
administrar ubicacions
administrar ubicacions

Part 3: crea els menús a cada pàgina de WordPress

  1. Pas 1: Ara crearem menús separats per a les pàgines d'Apple i Banana. Per fer-ho, anem a aparençaMenús > Edita menús > crear un nou menú .
Aparença> Menús > Editar menús > crear un nou menú 
Aparença> Menús > Editar menús > crear un nou menú
  1. Pas 2: A continuació, assignarem un nom al menú, tria la posició de visualització del menú (vull mostrar-lo al encapçalat) i després fes clic a Crear menú.
fes clic a Crea menú.
fes clic a Crea menú.
  1. Pas 3: A la secció Afegir elements de menú, heu d'afegir pàgines com a submenús. Afegeix dues pàgines que són Apple OriginApple Price al Menú d'Apple. Fes clic a Desa menú.
Afegir elements de menú
Afegir elements de menú i fes clic a Desa menú
  1. Pas 4: Ara fes els mateixos passos per crear un menú separat per a la pàgina Plàtan:

Fes clic a Desa menú

Part 4: configura els menús a cada pàgina de WordPress (corresponentment)

  1. Pas 1: Encara a aparençaMenús, canvia a administrar ubicacions i triï + Menú condicional:
Administrar ubicacions i tria + Menú condicional
Administrar ubicacions i tria + Menú condicional
  1. Pas 2: De la llista, escull un menú (estic triant el menú Apple). Fes clic a + Condició per establir on mostrar-ho:
Fes clic a + Condició
Fes clic a + Condició

NOTA: Apareixerà una nova finestra emergent i veuràs diferents pestanyes per triar. Podeu triar mostrar el menú a cada categoria, tipus de publicació, taxonomia, rol d'usuari o pàgina d'inici, 404 pàgines, etc.

  1. Pas 3: Tria la pestanya Pàgines i la pàgina d'Apple per establir el menú en aquesta pàgina.
Trieu la pestanya Pàgines i la pàgina d'Apple
Trieu la pestanya Pàgines i la pàgina d'Apple
  1. Pas 4: Fes el mateix amb el Menú Plàtan.

Trieu la pestanya Pàgines i la pàgina d'Apple

  1. Pas 5: Finalment, no oblidis fer clic a Desa els canvis, o tot el que hagis fet desapareixerà.

Ara heu d'anar a la interfície de WordPress per comprovar el resultat.

clic a Desa canvis
Feu clic a Desa els canvis

Com podeu veure, la pàgina d'inici, la pàgina d'Apple i la pàgina de Banana ara tenen tres menús diferents.

Tipus de Menús a cada pàgina de WordPress

La navegació còmoda en un lloc és vital. Per tant, és crucial crear un menú personalitzat per pàgina ben organitzada i fàcil de seguir per a lusuari. No obstant això, el lloc web no sempre necessita un menú uniforme a totes les pàgines perquè cada pàgina té el seu propi propòsit. Vols crear diferents menús a cada pàgina de WordPress? Vegem a continuació quines són les millors opcions que pots fer servir:

Els millors complements per a diferents menús a cada pàgina de wordpress

Imagina, tens un lloc web duna pàgina. Allí necessita una pàgina separada amb un formulari de contacte i un xatbot o una pàgina de botiga rellevant. I és impossible implementar-los tècnicament perquè només guiaran els usuaris a través de les diferents seccions de la pàgina de destinació.

Diguem que els visitants van arribar a la pàgina de la teva botiga. Has de tenir un menú particular a la capçalera per mostrar les categories de productes, la informació sobre l'enviament, el botó Afegir carret, etc. Tot i això, pots enfrontar el mateix problema que en el cas anterior. O podeu veure que el menú de la pàgina inicial es duplica a la pàgina de la botiga.

No funcionarà correctament, oi? Cada pàgina ha de tenir un menú rellevant. No obstant això, pot ser difícil implementar-los a les diferents pàgines. No t'espantis, aquí us oferim un munt de solucions per satisfer aquesta necessitat. Però abans de contar-te com crear menús a cada pàgina de WordPress, centrem-nos en les principals eines que us ajudaran a configurar un menú personalitzat per pàgina.

  Hostpapa. Què és, Plans, Preus, Suport, Alternatives

1. JetBlocks

Comencem amb JetBlocks. Aquest complement us permet crear capçaleres i peus de pàgina específics que s'ajusten perfectament a les necessitats del vostre lloc web. Amb JetBlocks, és molt fàcil afegir els elements necessaris a una capçalera i crear un menú personalitzat:

  1. Formularis d'inici de sessió
  2. Formularis de registre
  3. Formularis de cerca
  4. i carretó de WooCommerce,
  5. Menú de navegació
  6. Panells expandibles.

A més, podeu afegir i personalitzar el logotip del lloc web, inserir enllaços d'autorització i altres elements per crear un impressionant menú personalitzat per pàgina.

Pots descarregar-lo des aquí

2. JetMenú

JetMenu està a la teva disposició per dissenyar el mega menú. Amb l'ajuda d'aquest complement, podeu crear i personalitzar cada element, afegir diversos elements i insígnies i personalitzar-los també.

A més, pots canviar el fons dels elements del menú, dissenyar la tipografia del menú, aplicar el mode Hover, etc. Apostem que les possibilitats del complement JetMenu són il·limitades. És una de les millors eines per crear menús a cada pàgina de WordPress.

Pots descarregar-lo des aquí

3. JetThemeCore

Amb JetThemeCore, pots crear plantilles de temes personalitzats i plantilles per a pàgines com 404. I, per descomptat, crear capçaleres il·limitats i assignar-los per a diferents pàgines. El procés és intuïtiu i està ben elaborat, per tant no necessites coneixements extra per escriure codi o altres. Si només teniu el complement JetThemeCore, només cal crear un menú personalitzat per pàgina i afegir-hi qualsevol contingut específic. Almenys, podeu fer servir la capçalera prefabricada i fer-hi alguns canvis.

Pots descarregar-lo des aquí

Com configurar i crear menús a cada pàgina de WordPress

En primer lloc, assegureu-vos de tenir tots els complements necessaris instal·lats. Si ja sabeu com crear capçaleres, salta a la secció dissenyant els menús i configurant-los a les diferents pàgines. Ara, posem-nos mans a l'obra.

Part 1: Encapçalament simple amb ginys Mega Menú

  1. Pas 1: Per afegir una capçalera al teu lloc web. Allí veurà les parts del tema,on afegireu la capçalera.
  2. Pas 2: Fes clic al botó afegir nou, Introdueix el tipus de plantillaencapçalat i tria un nom per a ell.
  3. Pas 3: Seràs redirigit a la pàgina d'Elementor on començarà la màgia.
  4. Pas 4: Afegeix una secció i tria el disseny apropiat, per exemple, Ample del contingut: en caixa, estableix els paràmetres que necessites.

Els Widgets als menús a cada pàgina de WordPress

Els widgets de Mega Menú mereixen la teva atenció si vols crear un menú personalitzat per pàgina que sigui espectacular.

  1. Pas 1: Cerca els ginys del Mega Menú al panell d'elements.

NOTA: Hi ha dues opcions disponibles: Mega Menú vertical i Mega Menú simple

  1. Pas 2: Ara, ens centrarem en el darrer. Després d'arrossegar el giny, podeu veure les pestanyes de configuració a la barra lateral esquerra.
  2. Pas 3: Cerca Contingut, desplega General i Selecciona un menú allà.
  3. Pas 4: Tria entre Pantalla de menús o torna al tauler de control de WordPress — aparençaMenús.
  4. Pas 5: Ara Selecciona el menú amb què vols treballar o en crea un de nou.
  5. Pas 6: Quan creïs un menú, el veuràs a la llista de menús disponibles a Elementor.

NOTA: No oblidis posar el menú per a les versions descriptori i mòbil del teu lloc web per assegurar-te que tingui un disseny receptiu.

A la pestanya Estil, podeu personalitzar el vostre menú futur: establir alineacions, canviar el fons, el tipus de vora o l'ombra del quadre. Troba el que millor s'adapti a tu.

A més, podeu dissenyar les fonts i canviar els estats actius i de desplaçament. Si teniu alguns elements del submenú, canvieu-los usant la pestanya de configuració Elements del menú de lescriptori.

Configuració de menús a cada pàgina de WordPress
  1. Pas 1: Per configurar aquesta capçalera en una ubicació determinada, adreceu-vos a Configuració de capçalera a Elementor.
  2. Pas 2: Aquest menú us ajudarà a canviar l'estat de la capçalera i establir les condicions en què es mostrarà a través d'un menú desplegable: el lloc web complet, singular o pàgina darxiu. Per exemple, tria tot el lloc.

Part 2: Complement Mega Menu i JetMenu

Com ja sabem, JetMenu és especial perquè et permet afegir qualsevol contingut als teus menús condicionals. Fem ús junts de les seves possibilitats il·limitades.

  1. Pas 1: Al panell de WordPress — Aparença — Menús.
  2. Pas 2: cerca el menú que vols personalitzar o en crea un de nou.
  Eines d'Email Màrqueting: Guia Completa i Comparativa

NOTA: Si voleu crear un menú amb alguns submenús detallats, haureu d'afegir alguns menús més a través de la mateixa pestanya Menús de WordPress. Aleshores, per a cada categoria que tingui al menú principal, has de crear diversos submenús diferents.

Configuració dels menús a cada pàgina de WordPress amb JetMenu
  1. Pas 1: A cada element del menú, busca un element JetMenu, on pots jugar amb la configuració.
  2. Pas 2: Habilita el submenú Mega i pressiona Edita el contingut de l'element del menú Mega per enriquir el menú amb altres elements i personalitzar els elements.
  3. Pas 3: A la pàgina d'Elementor, escolliu una secció amb el nombre necessari de columnes.
  4. Pas 4: Arrossega el giny Vertical Mega Menu a la primera columna, a la pestanya de contingut a la barra lateral esquerra
  5. Pas 5: Selecciona el menú que vols inserir.
  6. Pas 6: Finalment, Afegeix els submenús que heu creat al panell d'administració de WordPress. Podeu copiar fàcilment el giny i enganxar-lo a la segona secció.

Després d'això, podeu fer servir la pestanya Estil i personalitzar-ne els elements, establir-ne l'amplada, l'alçada, la tipografia, l'espai necessari, etc.

A la configuració principal de JetMenu, podeu veure la posició del Mega Menú, afegir qualsevol icona al vostre menú (Selecciona entre els prefabricats o carrega el fitxer svg), aplica qualsevol insígnia de text a l'element del menú, personalitza la mida del menú, etc .

Consell professional

Usant Elementor, Afegeix una capçalera sobre el menú (per exemple, còpia de la pàgina anterior), insereix elements particulars amb el giny JetBlocks i actualitza'l.

Tot i això, tenim un problema en configurar aquest menú en una altra pàgina. Per bregar amb això, fes el següent:

  1. Pas 1: Dirigeix-te a Creador de temes novament, crea una plantilla de capçalera nova, copia la capçalera o en crea una de nova
  2. Pas 2: Seleccioneu el Mega Menú que acabeu de crear a la pestanya configuració general per mostrar-lo i afegeix el widget Breadcrumbs.
  3. Pas 3: A la configuració de Capçalera: pestanya Condicions, seleccioneu Singular i Portada per col·locar la capçalera que heu creat a la vostra pàgina d'inici i deixar la capçalera creada anteriorment a les altres pàgines del vostre lloc web.

Part 3: Crear menús a cada pàgina de WordPress (Menú desplegable)

Diguem que tens una pàgina separada amb un formulari de contacte i vols donar-li una capçalera diferent. Només segueix aquests passos:

  1. Pas 1: Crea una plantilla nova al generador de temes, copia la part superior de la capçalera principal i, en aquesta etapa, afegeix un menú desplegable.

NOTA: L'essència és la mateixa, podeu afegir els menús existents o crear el nou menú personalitzat per pàgina segons les vostres necessitats: menú simple o mega menú amb elements variables. Canvia la posició del contenidor, juga amb la configuració, dóna-li estil, etc.

  1. Pas 2: Finalment, configura aquesta capçalera particular per a la pàgina específica, usant l'opció Singular a la pestanya Condicions i indicant el nom de la teva pàgina de contacte.

També us pot interessar llegir sobre: Com crear un menú desplegable a WordPress

Conclusió

Això és tot per les maneres de crear menús a cada pàgina de WordPress i configurar-los. Només en vam donar tres, tot i així, estem força segurs que hi ha altres mètodes per crear un menú personalitzat per pàgina.

Com pots veure, fer servir els menús condicionals per crear diferents menús per a diferents pàgines és molt simple i útil. A més, el complement també us ofereix opcions flexibles per crear menús separats per a tipus de publicació, categoria, taxonomia, funció d'usuari, etc., o fins i tot pàgines 404.