Menubalk instellen

Je kunt zelf kiezen welke onderdelen er in het menu zichtbaar zijn en welk icoon hierbij getoond wordt. Je kunt minimaal twee en maximaal vier menu-items instellen. Dit is van toepassing op zowel de mobiele als desktop weergave. Als er maar één menu-item is, wordt dit niet getoond op de communitywebsite. Hieronder vind je een voorbeeld van de menu-balk op mobiele telefoon:

Menu-items instellen

Door in Dialogue een sortering in de pagina's aan te brengen, kun je bepalen welke menu-items op de community website getoond worden.

1. Ga naar Dialogue en vouw het menu uit.
2. Klik met je rechtermuisknop op het huis-icoon. Een extra menu wordt geopend.
3. Op de vijfde regel van dit menu staat 'Sorteren'. Klik hierop.
4. Nu zie je al jouw pagina's op volgorde. De eerste vier pagina's worden in het menu van de communitywebsite getoond. Je kunt de volgorde wijzigen door pagina's te slepen en naar boven of beneden te verplaatsen. Klik hierna op 'Opslaan'.
5. Extra optie: Indien je minder dan vier menu-items wilt tonen, kun je bepaalde pagina's verbergen. Ga hiervoor in het linker menu naar de pagina en klik op de betreffende pagina. Scrol naar beneden. Bij 'Verberg deze pagina in het menu' heb je de optie om de pagina in het menu te verbergen. Nadat je deze optie hebt aangevinkt, klik je op 'Opslaan en publiceren'. 

Icoon per menu-item instellen

Per menu-item kun je zelf bepalen welk icoon hierbij getoond wordt.

1. Om dit in te stellen ga je in Dialogue in het linker menu naar de pagina waarvoor je het icoon wilt instellen.
2. Klik op de pagina en scrol naar beneden. Bij 'Icoon' heb je de optie om een HTML code in te voegen.
3. Ga naar de website https://fontawesome.com/icons. Kies hier een geschikt icoon. Alleen de PRO+ iconen kunnen niet gebruikt worden.
4. Klik op het icoon en en klik op de HTML code. Je hebt nu de HTML code van het icoon gekopieerd.
5. Ga terug naar Dialogue en plak de HTML code bij 'Icoon'.
6. Verwijder <i class=""></i> zodat je alleen bijvoorbeeld fa-light fa-calendar overhoudt. In het voorbeeld hieronder moet alleen de groene tekst overblijven:
   
   
7. Klik op 'Opslaan en publiceren'.

Advies menu-items

Voor de menu-items Home, Thema's, Insights en Profiel adviseren wij de volgende iconen:

• Home:
  • 
  • HTML code: fa-solid fa-house
• Thema's:
  •  
  • HTML code: fa-solid fa-comments
• Insights:
  • 
  • HTML code: fa-solid fa-square-poll-vertical
• Profiel: 
  • 
  • HTML code: fa-solid fa-user