Ja. De widget Navigatiebalk maakt uitklapmenu's van uw mappen. Een map is een pagina die andere pagina's bevat, net als een map op uw computer. De map wordt een item in uw menu, en de pagina's erin verschijnen in een uitklapmenu eronder.
EverWeb 4.6 en later heeft een nieuwe Navigatiebalk met veel meer opties. Die kan twee uitklapniveaus tonen (een uitklapmenu, plus een tweede dat opent vanuit een item daarin), zodat uw menu in totaal drie niveaus kan hebben. De menu-items en de items in de uitklapmenu's krijgen hun uiterlijk van Knopstijlen, en op telefoons wordt het menu een menuknop bij een breedte die u kiest, of zodra de items niet meer passen. EverWeb 4.5 en eerder tonen één uitklapniveau.
Hebt u nog geen menu, voeg er dan eerst een toe: zie Hoe voeg ik een navigatiemenu toe aan elke pagina van mijn website?
Een uitklapmenu maken
- Klik in de knoppenbalk op Map toevoegen, kies een paginastijl en klik op Kies. De nieuwe map heeft een mappictogram in uw paginalijst.
- Geef de map de tekst die u in het menu wilt zien: selecteer de map, ga naar Details > Pagina instellingen en typ de tekst bij Naam in de menubalk.
- Zet pagina's in de map. Sleep een pagina een stukje onder en rechts van de map, en laat los zodra u de hulplijn ziet. Wilt u een nieuwe pagina in de map maken, selecteer dan de map en klik op Pagina toevoegen.
- EverWeb 4.6 en later, voor een tweede uitklapniveau: zet op dezelfde manier een map in de eerste map, en zet daar pagina's in. De pagina's daarvan openen in een tweede uitklapmenu naast het eerste. Een derde mapniveau daarbinnen verschijnt niet in het menu.
- Klik op Voorbeeld en beweeg de muis over het menu-item. Het uitklapmenu gaat open.
- Publiceer met File > Publiceer hele site (File = Archief). Het menu staat op elke pagina, dus elke pagina moet opnieuw worden gepubliceerd.
Wilt u van een bestaande pagina een map maken? Klik er met de rechtermuisknop op in de paginalijst en kies Converteer naar Submap.
Mappen horen in uw gewone paginalijst. U kunt er geen maken in de lijst met Hoofd Sjablonen.
EverWeb 4.6 en later: hoe de uitklapmenu's eruitzien
Selecteer de Navigatiebalk en ga naar Details > Widget instellingen.
- Menu-items > Stijl van menu-item kiest de knopstijl voor de bovenste menu-items.
- Keuzemenu's > Stijl van keuzemenu-item kiest de knopstijl voor de items in de uitklapmenu's, zodat die er anders uit kunnen zien dan de bovenste rij.
- Mapindicator is het kleine symbool naast items die een uitklapmenu openen: Punthaak, Driehoek, Plus of Geen. Indicatorgrootte bepaalt de grootte, en het symbool volgt de tekstkleur van het item, tenzij u Tekstkleur van item gebruiken uitvinkt en een Aangepaste kleur kiest.
Wilt u een knopstijl maken of wijzigen, kies dan Knopstijlen bewerken... onderaan een van beide stijlmenu's, of gebruik Opmaak > Websitestijlen... en klik op Knopstijlen. Elk menu en elke knop die de stijl gebruikt, wordt bijgewerkt zodra u de stijl bewaart. Zie Knoppen ontwerpen die er klikbaar uitzien: kleuren, afgeronde hoeken, schaduwen en hover-effecten.
Een menu dat vóór EverWeb 4.6 is toegevoegd, houdt zijn oude instellingen, ook als u het project in 4.6 opent. Wilt u de nieuwe opties, verwijder dan de oude Navigatiebalk van uw Hoofd Sjabloon, sleep er een nieuwe in en geef die opnieuw een stijl.
Wat er gebeurt als iemand op het menu-item klikt
Een map is ook een pagina, dus wie op het menu-item klikt, opent die pagina. Wilt u bezoekers in plaats daarvan naar de eerste pagina in de map sturen, selecteer dan de map, ga naar Details > Pagina instellingen en vink Omleiden naar eerste pagina in map aan. Dat helpt ook op telefoons en tablets, want daar kunt u niet met de muis over een menu bewegen. De map moet minstens één pagina bevatten.
Op telefoons
EverWeb 4.6 en later: onder Indeling bepaalt Bij beperkte ruimte wat het menu op smalle schermen doet:
- Omloop: de items worden over meer rijen verdeeld.
- Hamburger when needed (hamburger indien nodig): het menu wordt een menuknop zodra de items niet meer passen.
- Hamburger at breakpoint (hamburger bij breakpoint): het menu wordt een menuknop onder de breedte die u invult bij Breakpointbreedte (px).
In het geopende telefoonmenu verschijnen uw uitklapmenu's als ingesprongen rijen onder hun map. Mobiel hamburgermenu bepaalt de stijl van de knop (de knopstijl, het label en het pictogram), Uiterlijk hamburgermenu bepaalt of het menu over de pagina heen valt of de pagina omlaag duwt, en ook de achtergrond en tekstuitlijning, en Mobiele animatie en gedrag bepaalt het openingseffect en of het menu sluit nadat een bezoeker een pagina heeft gekozen. Voor alle opties, zie Hoe voeg ik een navigatiemenu toe aan elke pagina van mijn website?
EverWeb 4.5: zet Responsieve navigatiebalk aan in de Widget instellingen van het menu, zodat het op kleine schermen een menuknop wordt.
Als uw uitklapmenu niet werkt
| Wat u ziet | Wat u kunt doen |
|---|---|
| Het opent achter foto's of tekst | Selecteer op uw Hoofd Sjabloon de Navigatiebalk, ga naar Details > Formaten en vink Altijd in beeld aan. Staat het menu in een Container, vink dan ook daar Altijd in beeld aan. Om die te selecteren, klikt u met de rechtermuisknop en gebruikt u Selecteer laag. |
| Het verdwijnt als u de muis ernaartoe beweegt | Meestal dezelfde oorzaak: iets op de pagina staat vóór het menu. Gebruik Altijd in beeld zoals hierboven. |
| Een pagina ontbreekt in het uitklapmenu | Selecteer de pagina, ga naar Details > Pagina instellingen en controleer of Toevoegen aan navigatie menu is aangevinkt. Controleer in 4.6 ook of Pagina's van mijn site verbergen niet is aangevinkt bij Menu-items van het menu. |
| Een tweede uitklapniveau verschijnt niet | Menu's in EverWeb 4.5 tonen één uitklapniveau. Gebruik in 4.6 een nieuwe Navigatiebalk (zie hierboven), en houd het bij twee mapniveaus. |
| De kleuren van het uitklapmenu | Wijzig in 4.6 de knopstijl die is gekozen bij Stijl van keuzemenu-item. Wijzig ze in 4.5 in de Widget instellingen van het menu. |
| Het werkt nog steeds niet goed | Stuur ons uw projectbestand en de naam van de pagina |
Gerelateerde artikelen
- Hoe voeg ik een navigatiemenu toe aan elke pagina van mijn website?
- Knoppen ontwerpen die er klikbaar uitzien: kleuren, afgeronde hoeken, schaduwen en hover-effecten
- Dezelfde kop, hetzelfde menu en dezelfde voettekst op elke pagina met een Hoofd Sjabloon
- Een link naar een andere website in het navigatiemenu van EverWeb zetten
- Wat is het verschil tussen Publiceer en Publiceer hele site?