Design Manager

Stel de navigatiemenu's van uw site in

Laatst bijgewerkt: oktober 19, 2020

Geldt voor:

Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Legacy Marketing Hub Basic

Bij het bouwen van uw website besteedt u tijd aan het organiseren van de informatiearchitectuur van uw content. Uw navigatiemenu's bevatten de belangrijkste pagina's die de bezoekers van uw website snel of regelmatig willen openen tijdens het surfen op uw site. Nadat u uw website en menu's hebt georganiseerd, kunt u uw sitemap in HubSpot.

Creëer een nieuw menu

Een geavanceerd menu kan een paar belangrijke pagina's van uw site bevatten, of een hiërarchie van pagina's die gebruik maken van ouder- en kindermenu-items. Deze menu's kunnen worden geselecteerd in een geavanceerde menumodule in uw sjablonen in de design manager tool.

  • Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
  • Navigeer in het menu aan de linkerzijde naarWebsite > Navigatie .Uw standaardmenu bevat de pagina's die automatisch de standaardinhoud van een geavanceerde menubalkvullen.
  • Gebruik het dropdown menu om een bestaand menu te selecteren om bij te werken. Om een nieuw menu aan te maken, klikt u op + Toevoegen menu.

  • Om een kopie van een bestaand geavanceerd menu te maken, klikt u rechtsboven op het vervolgkeuzemenu Acties en selecteert u vervolgens Kloon.
HubSpot Help article screenshot
Om pagina's aan uw menu toe te voegen:
  • Beweeg uw muis boven of onder een bestaand menu, klik dan op het +-icoontje en selecteer een item om toe te voegen. naar de navigatie:
    • Item toevoegen zonder link: voegt een ander item toe aan uw menu dat niet linkt naar een bestaande pagina. Dit wordt vaak gebruikt als plaatshouder voor kindermenu-items.
    • Pagina link toevoegen: voegt een menu-item toe dat naar een specifieke HubSpot pagina linkt.
    • Pagina-link met URL-parameter toevoegen: voegt een menu-item toe dat naar een specifieke HubSpot pagina linkt. Met deze optie kunt u typen om de exacte URL van de gewenste pagina in te voeren.
    • URL-link toevoegen: voegt een menu-item toe dat linkt naar een externe URL.
add-menu-item
  • U kunt ook een menu-item toevoegen door met de muis over de rechterkant van een bestaand item te gaan en op Acties > Item toevoegen te klikken .
HubSpot Help article screenshot
  • Geef uw menu-item een naam in het menu-itemlabel.
  • Kies een HubSpot pagina of voer een URL in voor dit menu-item als je wilt dat het gelinkt wordt.

Let op: wanneer u een URL-link toevoegt, moet u de volledige URL invoeren, inclusief het http- of https-protocol.

  • Als u wilt dat deze menu-itemlink in een nieuw venster wordt geopend, dan kunt u met de muisover de rechterkant van het menu-item gaan. Klik op het Actions dropdown menu en selecteer de Open link in een nieuw venster .
HubSpot Help article screenshot
  • Klik op een menu-itemlabel en sleep het in positie om uw menu-items te herordenen.

reorder%20menu%20items

Kinderpagina's toevoegen aan een menu

De kinderpagina's verschijnen in een dropdown menu of vliegen uit het submenu. Als u zich op uw gemak voelt bij het schrijven en bewerken van CSS, kunt u op maat maken stijlen aan uw menu.

HubSpot Help article screenshot

Om een nieuwe kinderpagina toe te voegen aan een menu:

  • Beweeg met de muis over het menuonderdeel op het hoogste niveau. Dan cKlik op Acties en selecteer Voeg kind toe.
  • Voer het menu-itemlabel in en selecteer een pagina voor de link. Als u een URL handmatig moet invoeren, klikt u op Acties en selecteert u URL-link om het type kindermenu-item te wijzigen.

Maak een secundair menu aan

U kunt meerdere menu's voor uw site aanmaken. Een secundair menu kan worden gebruikt op een specifieke pagina, of om extra navigatie te bieden op uw paginaboekbalk.

add%20secondary%20menu


Bekijk de herzieningen van uw menu

U kunt eerder gepubliceerde versies van uw menu bekijken en herstellen in de revisiegeschiedenis. Elke versie bevat een datum- en tijdstempel. Voor alle versies van het menu die na 3 oktober 2018 zijn gepubliceerd,ziet u ook welke gebruiker de revisie heeft gemaakt.

  • Klik in uw HubSpot-account op de instellingenpictogram settings in de hoofdnavigatiebalk.
  • In het menu aan de linkerzijde, navigeer naar Website > Navigatie.
  • Gebruik het dropdown menu bovenaan om het menu te selecteren dat u wilt bekijken.
  • Klik op het Acties dropdown menu en selecteer Toon revisies om een preview te openen van alle eerder gepubliceerde versies van dit menu.

view-revisions-1

  • Klik in het linkerdeelvenster op een tijdstempel om de inhoud van het menu vanaf die datum en tijd te bekijken.
  • Om een eerder gepubliceerde versie van uw menu te herstellen, klikt u op Choose.

choose-revisions

  • Nadat u de gewenste menurevisie hebt gekozen, klikt u op Publiceren om dit menu op uw site bij te werken.

Use HubSpot tools on your WordPress website and connect the two platforms  without dealing with code. Click here to learn more.