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 is binnen het nieuwe CMS een widget geworden die overal geplaatst kan worden binnen uw website. De instellingen zijn ondergebracht in een apart item in het submenu van Websitebeheer 2.

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

Menu 001

 

IconS Plusje Toevoegen Aanmaken van een nieuw menu
IconS Detail Voorbeeld Bekijken van een menu voorbeeld
IconS Edit Bewerken Wijzigingen aan een menu aanbrengen
IconS Delete Verwijderen Verwijderen van een menu
IconM hamburger 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 IconS Plusje icoon om een nieuw menu aan te maken.

 

Menu 003


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

Menu 004


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

Menu 005


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

Menu 006


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

Menu 007

  • 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 008

Menu uitlijning: Links/Rechts.

Menu 009

 

 

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

Menu 010

 


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.

Menu 011

 

 

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

Menu 012

 


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

Menu 013


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

Menu 014

 

 

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

Menu 015



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 016

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 2.
  • Klik in het submenu op Menu’s.
  • Klik op het IconM hamburger icoon om de onderstaande scherm te openen.

Menu 017

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

Menu 018

 


Soort menu item
Link of tussenregel (tussenregel in het menu is een opsplitsing tussen de menu items)
Naam Naam van het menu item
Link Kies een type link uit de uitklap lijst. (pagina, nieuwsbericht, externe link, fotoboek, et cetera)
Icoon Een icoon dat te koppelen is aan het menu item
Openen in Open de link in hetzelfde venster of in een nieuw venster
Besloten item Mogelijkheid om het menu item besloten te maken voor een bepaalde groep leden. Het item wordt pas zichtbaar nadat men is ingelogd
Verbergen indien ingelogd? Mogelijkheid om het menu item te verbergen als de leden zijn ingelogd
  • Klik op de knop Zoek om een type link in te voegen.

Menu 020

 

  • 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.

Menu 021

 

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

 

Menu 022

 

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

 

Menu 023

 

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 IconM hamburger 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.

Menu 027


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.

Menu 028


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 029

 

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 IconS Detail icoon om het menu te bekijken.

Menu 030

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 2.
  • Kies in het submenu voor Lay-out of Pagina.
  • Klik op de groene knop Nieuwe widget.

Menu 031

 

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

Menu 032

  • 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.

Menu 033

  • 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.

Menu 034

 

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

Menu 035

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

Menu 036

Besloten menu items

Naast besloten bestanden en pagina’s is het binnen e-Captain ook mogelijk menu items besloten te maken. Hierdoor zijn de pagina’s of 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 2.
  • Kies in het submenu voor het onderdeel Menu’s
  • Selecteer het juiste menu waarvan menu items besloten moeten worden gemaakt.
  • Klik op het IconM hamburger icoon om het menu items overzicht te zien.

Menu 037

 

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


Menu 038

 

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

Menu 039

 

  • 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.

Menu 040

 

  • 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 041

 

Menu met Tussenstreep

Menu met Iconen

Menu met kader, logo en tekst

Menu met zoekbalk

Menu met Kleurverloop achtergrond

Logo + Tekst + Achtergrond

 
 
 

Haal meer uit e-Captain!

e-Captain is een zeer uitgebreid ledenadministratie pakket. Wij bieden verschillende basis trainingen aan waarbij u op toegankelijke wijze leert werken met e-Captain. De trainingen vinden plaats op ons kantoor in 's-Hertogenbosch.

Bekijk onze trainingen

 

TeamViewer

Om u optimaal support te kunnen geven is het in sommige gevallen handig als we op afstand kunnen meekijken op uw eigen computer. Hiervoor maken wij gebruik van TeamViewer. Met TeamViewer kunnen wij op afstand uw computer overnemen.

 Download TeamViewer