Hoe u menu's op elke WordPress-pagina plaatst

Wil je weten hoe je dat moet doen menu's op elke WordPress-pagina? Er zijn veel gevallen waarin u verschillende menu's op verschillende pagina's nodig heeft.

• Bijv., heeft u misschien een website van één pagina, maar wilt u een speciale winkel- of contactpagina. In dit geval kunnen de navigatielinks in het bovenste menu niet worden gebruikt op die afzonderlijke pagina's (bijvoorbeeld contact of winkel), omdat ze zijn ingesteld om gebruikers door verschillende secties op dezelfde pagina te leiden (bijvoorbeeld uw startpagina).

Een ander geval kan zijn wanneer gebruikers zich op uw winkelpagina bevinden. Omdat die pagina een andere functie heeft dan de rest van de website, wilt u misschien het hoofdmenu gebruiken om uw productcategorieën of andere relevante informatie weer te geven voor degenen die een aankoop willen doen.

Hier kunt u lezen over: Manieren om een ​​abonnementsformulier toe te voegen in WordPress

Om het gewenste resultaat te bereiken, moet u voor elk van deze scenario’s op elke WordPress-pagina menu’s maken en deze alleen op die pagina’s weergeven. Omdat WordPress zo’n grote community achter zich heeft, kun je dit gelukkig bereiken met behulp van een gratis plug-in.

Methoden om menu's op elke WordPress-pagina te hebben

Laten we nu eens kijken hoe u menu’s op elke WordPress-pagina kunt plaatsen:

Methode 1: Menu's op elke WordPress-pagina

Dit zijn de stappen die u moet volgen om menu's op elke WordPress-pagina te hebben:

Deel 1: Installeer een gratis plug-in om menu's op elke WordPress-pagina te hebben

Om een ​​ander menu voor een bepaalde pagina in te stellen, moet je de plug-in Voorwaardelijke Menu's gebruiken. Om het te installeren, volgt u de onderstaande stappen:

1. stap 1: Ga vanuit uw WordPress-dashboard naar Plug-ins → Nieuw toevoegen
2. Stap 2: Zoek in de zoekbalk naar "Voorwaardelijke menu's» en installeer het eerste resultaat (screenshot)

3. stap 3: Nadat het is geïnstalleerd, klikt u op Activeren.

Deel 2: Maak verschillende menu's voor verschillende pagina's

Om de menu's voor elke pagina te maken is het noodzakelijk:

1. stap 1: Ga naar WordPress Dashboard → Uiterlijk → Aanpassen → klik op Menu's
2. Stap 2: Voeg een nieuw menu toe, laten we het noemen «Contactpaginamenu» (of een andere naam)
3. Stap 3: Voeg menu-items toe voor elke pagina of aangepaste link en klik publiceren
4. Stap 4: Herhaal het proces voor alle andere menu's die u nodig hebt.

Deel 3: Beheer de locatie van elk menu

Ga naar Uiterlijk → Menu's → Beheren locaties en begin met het aanpassen van uw menu’s op elke WordPress-pagina door deze stappen te volgen:

1. stap 1: Klik + Voorwaardelijk menu om een ​​nieuw menu toe te voegen op dezelfde locatie (bijv. Hoofdmenu)
2. stap 2: Selecteer het menu dat u wilt toevoegen
3. stap 3: Klik + Voorwaarden om de plaatsen te selecteren waar u dat specifieke menu wilt laten verschijnen
4. stap 4: Klik Wijzigingen opslaan en bezoek de pagina om er zeker van te zijn dat deze correct werkt;

Herhaal hetzelfde proces voor een willekeurig aantal afzonderlijke pagina's.

Methode 2: Verschillende menu's maken op elke WordPress-pagina

Het menu is de basisinhoud van elke website; helpt bezoekers gemakkelijk de pagina's te vinden die ze nodig hebben. Op websites met complexe structuren wilt u wellicht dat elke groep pagina's afzonderlijke menu's heeft. Om ze op die manier aan te passen, hebt u een plug-in nodig om verschillende menu's te maken en deze aan uw pagina's/paginagroep toe te wijzen.

In deze methode laten we u uitgebreid zien hoe u dit op de snelste manier kunt doen. Maar laten we eerst eens kijken hoe het maken van afzonderlijke menu's voor elke pagina u in bepaalde situaties kan helpen.

Deel 1: Gebruik apps voor het maken van menu's op elke WordPress-pagina

Het hebben van aparte menu's voor elke pagina kan u helpen als:

1. U wilt productpagina's weergeven in het startpaginamenu. Elke productpagina heeft een specifiek menu met submenu's die zijn gekoppeld aan de productinformatiepagina's. Zo zal het menu op de productpagina informatie bevatten zoals de prijs, het land van herkomst van het betreffende product.
2. U heeft een website van een winkelketen en elke winkel wordt op een aparte pagina weergegeven. Het startpaginamenu leidt u naar de winkelpagina's. Elke winkelpagina heeft zijn eigen menu met essentiële pagina's zoals producten, adres, bestelling, enz.

Om het begrijpelijker te maken, nemen we een voorbeeld van een website voor een fruitbedrijf. De website heeft een standaardmenu op de startpagina dat naar twee pagina's leidt, Apple en Banana.

We zullen nog twee afzonderlijke menu's voor deze twee pagina's maken met behulp van de plug-in Voorwaardelijke Menu's. Dit zijn de stappen om het te doen:

Deel 2: Installeer en activeer de plug-in Voorwaardelijke Menu's

Plug-ins voor voorwaardelijke menu's zijn gratis en beschikbaar op wordpress.org . U hoeft deze alleen maar te installeren en activeren zoals elke andere gratis plug-in.

1. stap 1: Ga vervolgens naar verschijning> menus, veranderen naar Beheer locaties en je zult zien dat + Voorwaardelijk menu toegevoegd door plug-in:

Deel 3: Maak menu's voor elke WordPress-pagina

1. stap 1: Nu gaan we aparte menu's maken voor de Apple- en Banana-pagina's. Om dit te doen, laten we verschijning> menus > Menu's bewerken > maak een nieuw menu aan .

2. stap 2: Vervolgens geven we een naam aan het menu, kiezen we de weergavepositie van het menu (ik wil het weergeven op de koptekst) en klik vervolgens op Menu maken.

3. stap 3: In de sectie Voeg menu-items toe, moet u pagina's toevoegen als submenu's. Voeg twee pagina's toe die dat wel zijn Appel oorsprongy Apple Prijs al appelmenu. klik in het menu Opslaan.

4. stap 4: Voer nu dezelfde stappen uit om een ​​apart menu voor de pagina te maken Banaan:

Deel 4: Menu's instellen op elke WordPress-pagina (dienovereenkomstig)

1. stap 1: Nog binnen verschijning> menus, veranderen naar Beheer locaties en kies dan + Voorwaardelijk menu:

2. stap 2: Kies een menu uit de lijst (ik kies de Apple-menu). Klik + Conditie om in te stellen waar het moet worden weergegeven:

NOTE: Er verschijnt een nieuw pop-upvenster waarin u verschillende tabbladen ziet waaruit u kunt kiezen. Je kunt ervoor kiezen om het menu weer te geven op elke categorie, berichttype, taxonomie, gebruikersrol of startpagina, 404-pagina's, enz.

3. stap 3: Kies het tabblad Pages en de Apple-pagina om het menu op deze pagina in te stellen.

4. stap 4: Doe hetzelfde met het Bananenmenu.

5. stap 5: Vergeet ten slotte niet te klikken Wijzigingen opslaan, anders zal alles wat je hebt gedaan verdwijnen.

Nu moet je naar de WordPress-interface gaan om het resultaat te controleren.

Zoals je kunt zien, hebben de startpagina, Apple-pagina en Banana-pagina nu drie verschillende menu's.

Soorten menu's op elke WordPress-pagina

Comfortabele navigatie op een site is van cruciaal belang. Daarom is het cruciaal om per pagina een aangepast menu te maken dat goed georganiseerd is en gemakkelijk te volgen is voor de gebruiker. De website heeft echter niet altijd een uniform menu op alle pagina's nodig, omdat elke pagina zijn eigen doel heeft. Wil je op elke WordPress-pagina verschillende menu’s maken? Laten we hieronder kijken welke de beste opties zijn die u kunt gebruiken:

Beste plug-ins voor verschillende menu's op elke WordPress-pagina

Stel je voor: je hebt een website van één pagina. Daar heb je een aparte pagina nodig met een contactformulier en een chatbot of een relevante winkelpagina. En het is onmogelijk om ze technisch te implementeren, omdat ze gebruikers alleen door de verschillende secties van de landingspagina leiden.

Stel dat bezoekers naar uw winkelpagina zijn gekomen. Je moet een specifiek menu in de koptekst om productcategorieën weer te geven, verzendinformatie, knop Voeg winkelwagen toeenz. U kunt echter met hetzelfde probleem worden geconfronteerd als in het vorige geval. Of u kunt zien dat het startpaginamenu wordt gedupliceerd op de winkelpagina.

Het zal niet goed werken, toch? Elke pagina moet een relevant menu hebben. Het kan echter lastig zijn om ze op verschillende pagina’s te implementeren. Wees niet bang, hier bieden wij u veel oplossingen om deze behoefte te bevredigen. Maar voordat we u vertellen hoe u menu's op elke WordPress-pagina kunt maken, zullen we ons concentreren op de belangrijkste hulpmiddelen die u zullen helpen bij het opzetten van een aangepast menu per pagina.

1. JetBlocks

Laten we beginnen JetBlocks. Met deze plug-in kunt u specifieke kop- en voetteksten maken die perfect aansluiten bij de behoeften van uw website. Met JetBlocks is het heel eenvoudig om de benodigde elementen aan een header toe te voegen en een aangepast menu te maken:

1. Inlogformulieren
2. Registratieformulieren
3. Zoek formulieren
4. en WooCommerce-winkelwagen,
5. Navigatie menu
6. Uitbreidbare panelen.

Bovendien kunt u het websitelogo toevoegen en aanpassen, autorisatielinks invoegen en andere elementen om een ​​prachtig aangepast menu per pagina te creëren.

U kunt het downloaden van hier

2. JetMenu

JetMenu staat tot uw beschikking om het megamenu te ontwerpen. Met behulp van deze plug-in kunt u elk item maken en aanpassen, verschillende items en badges toevoegen en deze ook aanpassen.

Bovendien kunt u de achtergrond van menu-items wijzigen, menutypografie ontwerpen, de zweefmodus toepassen, enz. We wedden dat de mogelijkheden van de JetMenu-plug-in onbeperkt zijn. Het is een van de beste tools om menu’s op elke WordPress-pagina te maken.

U kunt het downloaden van hier

3. JetThemeCore

met JetThemeCore, kunt u aangepaste themasjablonen en sjablonen maken voor pagina's zoals 404. En natuurlijk kunt u een onbeperkt aantal kopteksten maken en deze toewijzen aan verschillende pagina's. Het proces is intuïtief en goed doordacht, waardoor je geen extra kennis nodig hebt om code of iets anders te schrijven. Als je alleen de JetThemeCore-plug-in hebt, is het voldoende om per pagina een aangepast menu te maken en er specifieke inhoud aan toe te voegen. Je kunt tenminste de vooraf gemaakte header gebruiken en daar enkele wijzigingen aanbrengen.

U kunt het downloaden van hier

Hoe u menu's op elke WordPress-pagina configureert en maakt

Zorg er allereerst voor dat alle benodigde plug-ins zijn geïnstalleerd. Als u al weet hoe u kopteksten moet maken, ga dan naar de sectie over het ontwerpen van de menu's en het configureren ervan op de verschillende pagina's. Laten we nu aan het werk gaan.

Deel 1: Eenvoudige header met megamenuwidgets

1. stap 1: Om een ​​header aan uw website toe te voegen. Daar zie je de delen van het thema,waar u de koptekst toevoegt.
2. stap 2: Klik op de knop Nieuw toevoegen, Selecteer de sjabloontype: koptekst en kies er een naam voor.
3. stap 3: U wordt doorgestuurd naar de Elementor-pagina waar de magie begint.
4. stap 4: Voeg een sectie toe en kies de juiste lay-out, bijvoorbeeld Inhoudsbreedte: in doos, Stel de parameters in die u nodig hebt.

Widgets in de menu's op elke WordPress-pagina

Mega Menu Widgets verdienen uw aandacht als u een spectaculair aangepast menu per pagina wilt maken.

1. stap 1: Zoek naar Mega Menu Widgets in het itemspaneel.

NOTE: Er zijn twee opties beschikbaar: Verticaal megamenu en megamenu simpel

2. stap 2: Nu zullen we ons concentreren op de laatste. Nadat u de widget heeft gesleept, ziet u de instellingentabbladen in de linkerzijbalk.
3. stap 3: zoekt inhoud, ontvouwt zich Algemeen en selecteer daar een menu.
4. stap 4: Kies tussen Menuscherm of keer terug naar het WordPress-dashboard — verschijning- menus.
5. stap 5: Selecteer nu het menu waarmee u wilt werken of maak een nieuw menu.
6. stap 6: Zodra u een menu heeft aangemaakt, ziet u dit in de lijst met beschikbare menu's in Elementor.

LET OP: Vergeet niet het menu voor de desktop- en mobiele versies van uw website in te stellen om ervoor te zorgen dat deze een responsief ontwerp heeft.

Bij de tab  stijl, kunt u uw toekomstige menu aanpassen: uitlijning instellen, de achtergrond, het randtype of de vakschaduw wijzigen. Vind degene die het beste bij u past.

Bovendien kunt u de lettertypen opmaken en de actieve en schuifstatus wijzigen. Als u enkele submenu-items heeft, kunt u deze wijzigen via het tabblad Instellingen Bureaubladmenu-items.

Menu-instellingen op elke WordPress-pagina

1. stap 1: Om deze koptekst op een specifieke locatie in te stellen, gaat u naar Kopinstellingen in Elementor.
2. stap 2: Dit menu helpt u de status van de koptekst te wijzigen en de voorwaarden in te stellen waaronder deze wordt weergegeven via een vervolgkeuzemenu: de gehele website, enkelvoud of archiefpagina. Kies bijvoorbeeld de hele site.

Deel 2: Mega Menu en JetMenu-plug-in

Zoals we al weten, is JetMenu speciaal omdat je hiermee alle inhoud aan je voorwaardelijke menu's kunt toevoegen. Laten we samen gebruik maken van de onbeperkte mogelijkheden.

1. stap 1: Bij WordPress-dashboard — Uiterlijk — Menu's.
2. Stap 2: Zoek naar het menu dat u wilt aanpassen of maak een nieuw menu.

NOTE: Als u een menu met enkele gedetailleerde submenu's wilt maken, moet u via hetzelfde tabblad nog meer menu's toevoegen WordPress-menu's. Dus voor elke categorie die u in het hoofdmenu heeft, moet u verschillende submenu's maken.

Menu's instellen op elke WordPress-pagina met JetMenu

1. stap 1: Zoek in elk menu-item naar een JetMenu-item, waar u met de instellingen kunt spelen.
2. stap 2: Schakel de in Mega-submenu en druk op Bewerk de inhoud van megamenu-items om uw menu te verrijken met andere items en de items te personaliseren.
3. stap 3: Kies op de Elementor-pagina een sectie met het vereiste aantal kolommen.
4. stap 4: Sleep de Verticale Mega Menu-widget naar de eerste kolom, op het tabblad Inhoud in de linkerzijbalk
5. stap 5: Selecteer het menu dat u wilt invoegen.
6. stap 6: Voeg ten slotte de submenu's toe die u hebt gemaakt aan het WordPress-beheerderspaneel. U kunt de widget eenvoudig kopiëren en in de tweede sectie plakken.

Hierna kunt u het tabblad gebruiken stijl en pas de elementen aan, stel de breedte, hoogte, typografie, vereiste ruimte in, enz.

In de hoofdinstellingen van JetMenu kunt u de Mega Menu-positie zien, elk pictogram aan uw menu toevoegen (kies uit kant-en-klare pictogrammen of een SVG-bestand uploaden), een tekstbadge op het menu-item toepassen, de menugrootte aanpassen, enz.

Professioneel advies

Gebruik Elementor, voeg een kop toe boven het menu (bijvoorbeeld een kopie van de vorige pagina), voeg specifieke elementen in met de JetBlocks-widget en werk deze bij.

We hebben echter een probleem bij het instellen van dit menu op een andere pagina. Om dit aan te pakken, doet u het volgende:

1. stap 1: ga naar Themabouwer Maak opnieuw een nieuwe koptekstsjabloon, kopieer de koptekst of maak een nieuwe
2. stap 2: Selecteer het megamenu dat u zojuist op het tabblad hebt gemaakt Algemene configuratie om het weer te geven en de Breadcrumbs-widget toe te voegen.
3. stap 3: Selecteer in het tabblad Koptekstinstellingen: Voorwaarden Enkelvoud en dekking om de door u gemaakte header op uw startpagina te plaatsen en de eerder gemaakte header op de andere pagina's van uw website te laten staan.

Deel 3: Menu's maken op elke WordPress-pagina (vervolgkeuzemenu)

Stel dat u een aparte pagina met een contactformulier heeft en deze een andere koptekst wilt geven. Volg gewoon deze stappen:

1. stap 1– Maak een nieuwe sjabloon in de themabouwer, kopieer de bovenkant van de hoofdkop en voeg in dit stadium een ​​vervolgkeuzemenu toe.

NOTE: De essentie is hetzelfde, u kunt de bestaande menu's toevoegen of het nieuwe aangepaste menu per pagina maken volgens uw behoeften: eenvoudig menu of megamenu met variabele elementen. Verander de positie van de container, speel met de instellingen, style hem, enz.

2. stap 2: Stel ten slotte deze specifieke header in voor de specifieke pagina, met behulp van de optie Enkelvoud tab Algemene voorwaarden en geeft de naam van uw contactpagina aan.

Mogelijk bent u ook geïnteresseerd in het lezen over: Hoe u een vervolgkeuzemenu maakt in WordPress

Conclusie

Dat is alles voor de manieren om menu's op elke WordPress-pagina te maken en deze te configureren. We hebben er maar drie gegeven, maar we zijn er vrij zeker van dat er andere methoden zijn om een ​​aangepast menu per pagina te maken.

Zoals u kunt zien, is het gebruik van voorwaardelijke menu's om verschillende menu's voor verschillende pagina's te maken heel eenvoudig en nuttig. Bovendien biedt de plug-in je ook flexibele opties om afzonderlijke menu's te maken voor berichttypen, categorie, taxonomie, gebruikersrol, enz., of zelfs 404 pagina's.