Menu

Menu

Een website zonder menu is eigenlijk één pagina waar informatie op staat waar u door heen scrolt als deze meer informatie bevat dan uw beeldscherm in een keer kan laten zien. Uw website kan ook zoveel informatie bevatten dat het niet op een pagina gepresenteerd kan worden omdat u anders zeer veel moet scrollen of omdat bijvoorbeeld de informatie zo divers is dat het in verschillende onderdelen uiteen valt. Het is dan beter om een menu te gebruiken waarin u de verschillende onderdelen apart benoemd.

Door middel van een menu kunt u ook ineens naar dat onderdeel of naar de pagina springen waar u naar toe wilt. De website wordt overzichtelijk door het opdelen van informatie in pagina’s. In deze versie van het CMS mag u meerdere menu’s door elkaar gebruiken. Het kan zijn dat u bijvoorbeeld een hoofdmenu heeft op de website en daarnaast op de pagina ook nog een menu. U kunt dus twee of meer menu’s maken indien dat nodig mocht zijn. Webmasters zullen dat doen om de informatie nog verder op te delen in bijvoorbeeld hoofdstukken die dan duidelijker zijn en logischer gerangschikt.

Basisbegrippen menu

Het menu kan met een widget overal geplaatst worden binnen uw website. De instellingen zijn ondergebracht in een apart item in het submenu van Websitebeheer.

• Kies in het hoofdmenu voor Websitebeheer.
  
• Klik in het submenu op het item Menu’s.
  
  

	Toevoegen	Aanmaken van een nieuw menu
	Voorbeeld	Bekijken van een menu voorbeeld
	Bewerken	Wijzigingen aan een menu aanbrengen
	Verwijderen	Verwijderen van een menu
	Menu items	Aanpassen volgorde menu

Menu instellingen en thema

Naast het standaard menu dat u direct terug vindt in e-Captain kunt u zelf menu’s maken die u wilt gebruiken op de website of in pagina’s.

• Klik op het  icoon om een nieuw menu aan te maken.

Menunaam: hier geeft u de naam op van het nieuwe menu.

Titel: Een optionele korte tekst links in menu. De titel die u meegeeft komt op elke pagina waar u het menu gebruikt terug.

Afbeelding: Een optionele afbeelding links van het menu. U kunt in plaats van een titel ook een afbeelding gebruiken.

Menu-oriëntatie: Horizontaal / Verticaal. Hoe het menu op de pagina wordt weergegeven.

• Menu positie: De locatie en weergave van het menu.
• Standaard: menu wordt getoond in de rij die u aangeeft in de lay-out.
• Altijd bovenaan: menu staat boven aan de pagina en blijft altijd zichtbaar boven in beeld.
• Altijd onderaan: menu staat onder aan de pagina en blijft altijd zichtbaar onder in beeld.
• Bovenaan: menu staat boven aan de pagina maar bij scrollen op een pagina is deze niet meer zichtbaar.
  
  

Menu uitlijning: Links/Rechts.

Kantruimte gebruiken:  Ja/Nee. Zonder kantruimte kan het menu over de breedte van de rij worden gebruikt.

Vooringestelde kleuren: Hiermee kan u door e-Captain meegeleverde kleur thema's laden in het menu. Via Aangepast is het mogelijk een eigen kleur thema aan te maken.

Kleurenverloop: Pas een gradiënt (kleurverloop) op het menu.

Zoekbalk: Ja/Nee. Plaats een zoekbalk aan de rechterkant van het menu.

Kader: Hier kan de dikte en kleur van een kader om het menu worden ingesteld.

Tekstkleur, achtergrondkleur, lettertype: In dit gedeelte van de menu instellingen zijn de tekstkleur, achtergrondkleur van het menu en lettertypes in te stellen.

Hieronder ziet u een voorbeeld van de bovenstaande instellingen. Na het instellen van een thema voor het menu, stelt u de menu items in.

Menu items aanmaken

Nu de instellingen en kleur thema voor het menu is gedefinieerd, kunt u menu items gaan toevoegen aan het menu.

• Kies uit het hoofdmenu Websitebeheer.
• Klik in het submenu op Menu’s.
• Klik op het icoon om de onderstaande scherm te openen.
  
  

• Klik op het  icoon om een nieuw menu item aan te maken.
• In het scherm Menu item bewerken, heeft u een aantal keuzes.
  
  

• Klik op de knop Zoek om een type link in te voegen.
  
  

• Kies uit de uitklap lijst een type link. In dit voorbeeld kiezen we voor Pagina. Doordat u kiest voor Pagina, laat e-Captain direct de mappenstructuur van de pagina’s zien.
  
  

• Selecteer de juiste pagina en klik op de knop Invoegen.

• Voeg eventueel een icoon tegen voor het menu item en klik op de knop Opslaan.

Menu items bewerken

Als u verschillende menu en submenu items heeft aangemaakt is het mogelijk dat de volgorde niet correct is, of wilt u een hoofdmenu item toevoegen aan een submenu item.

• Klik binnen het item Menu’s op het  icoon om de menu items te bewerken.
• In het onderstaande scherm ziet u een voorbeeld van een aantal menu items.

Multi kolom submenu

Voor het maken van een submenu heeft u ook de mogelijkheid om een submenu te maken wat uit meerdere kolommen bestaat, het multi kolom submenu.

Om een multi kolom submenu aan te maken klikt u bij menu aanmaken op de gele plus om een nieuw menu item aan te maken. Selecteer de optie “Multi kolom submenu” en vul de parameters in. Deze kunt u later ook altijd nog aanpassen. Sleep vervolgens het multi kolom submenu naar de juiste plek in uw menu. Klik op het linkse bewerk icoontje om menu items toe te voegen aan het multi kolom submenu.

Per kolom kun je met de gele plus een nieuw item toevoegen. Daar heeft u de keuze uit het toevoegen van een titel of link. Items kunnen met drag and drop naar de juiste plek gesleept worden. Ook naar een andere kolom.

Menu voorbeeld bekijken

Nadat u alle menu items heeft aangemaakt en via de instellingen het uiterlijk heeft aangepast is het mogelijk deze te bekijken voordat u het menu op de website plaatst.

• Klik binnen het item Menu’s op het icoon om het menu te bekijken.

Menu widget plaatsen

Om het nieuwe menu zichtbaar te krijgen op de website moeten we deze toevoegen aan een pagina of aan een lay-out. In de lay-out wordt het menu getoond op alle pagina’s. Maar u kan ook kiezen om op elke pagina een uniek (sub)menu te plaatsen.

• Klik in het hoofdmenu op Websitebeheer.
• Kies in het submenu voor Lay-out of Pagina.
• Klik op de groene knop Nieuwe widget.
  
  

• Beweeg uw muis over het groene blok Nieuwe widget. U zal zien dat de muisaanwijzer verandert in een  icoon.
• Houd uw linkermuisknop ingedrukt en versleep het groene blok Nieuwe widget naar beneden waar u de nieuwe widget wilt hebben in uw pagina.
  
  

• Laat de linkermuisknop los op de locatie waar u de nieuwe widget wilt plaatsen binnen uw pagina.
• U zal een pop-up op het scherm krijgen waarin u kan aangeven welke widget u wilt plaatsen in de pagina.
• Kies hier voor de widget Menu.
  
  

• In de pop-up die geopend wordt kunt u het juiste menu koppelen aan de rij.
• Klik op de knop Opslaan om het menu te koppelen en terug te keren naar de lay-out of pagina.
  
  

• Het nieuwe menu is toegevoegd aan de rij en laat in deze weergave ook de aangemaakte menu items zien.
  
  

Nadat u de niet gepubliceerde wijzigingen heeft gepubliceerd via het navigatie menu zal het nieuwe menu direct zichtbaar zijn op de pagina.

Besloten menu items

Naast besloten bestanden en pagina’s is het binnen e-Captain ook mogelijk menu items besloten te maken. Hierdoor zijn de bestanden die gekoppeld zijn onder de desbetreffende menu items ook niet zichtbaar tot men zich heeft aangemeld met de Mijn Captain inloggegevens.

• Klik in het hoofdmenu op Websitebeheer.
• Kies in het submenu voor het onderdeel Menu’s
• Selecteer het juiste menu waarvan menu items besloten moeten worden gemaakt.
• Klik op het  icoon om het menu items overzicht te zien.
  
  

• Klik achter het menu item op het  icoon.
• Wijzig Besloten item? van Nee naar Ja.

• Nadat u Besloten item? op Ja heeft gezet, klik op de link: Klik hier om de toegang te beheren.
  
  

• In de pop-up die geopend wordt, is een overzicht van alle aangemaakte groepen van de organisatie zichtbaar.
• Vink aan welke groepen rechten hebben voor het desbetreffende menu item.
• Klik hierna op de knop Opslaan.
  
  

• Door middel van het slotje voor de naam van het menu item, is het in een oogopslag zichtbaar welke menu items besloten zijn en welke niet.
  
  

Menu voorbeelden

Multi kolom submenu

Menu met Tussenstreep

Menu met Iconen

Menu met kader, logo en tekst

Menu met zoekbalk

Menu met Kleurverloop achtergrond

Logo + Tekst + Achtergrond