In deze gids gaan we zien hoe we de ’header van de website.
Wat is een ’header?
De ’header is het bovenste gedeelte van de website dat op alle pagina's van de site wordt herhaald, meestal vinden we in deze sectie het logo van de site en het navigatiemenu.
Nu rest ons nog maar te kijken hoe we in een paar eenvoudige stappen onze header kunnen maken.
Stap 1: Laten we de ’Header
Eerst gaan we naar de optie Globale blokken in het hoofdmenu van Framework360 door de volgende stappen te volgen:
Website > Globale Blokken
Binnen deze sectie vinden we alle inhoud die eenmaal kan worden gemaakt en vervolgens op alle pagina's van de website kan worden opgeroepen die wij wensen.
Op dit punt hoeven we alleen maar op de knop rechtsboven te klikken Toevoegen, eenmaal binnen de pagina voor het maken van het globale blok gaan we naar de optie Type en selecteren we als type Header zoals weergegeven in de afbeelding:
Stap 2: Laten we onze header personaliseren
Op dit punt gaan we, ook binnen het scherm voor het maken van het globale blok, de inhoud van onze header aanpassen via de Visual Builder van Framework360.
In ons voorbeeld zullen we een header maken waarin het logo van de site en het navigatiemenu aanwezig zijn.
Allereerst klikken we op Een rij toevoegen en we gaan binnen de rij twee kolommen maken (één waarin we het logo plaatsen en de andere waarin we het navigatiemenu plaatsen).
Op dit punt gaan we binnen de Visual Builder op zoek naar de inhoud Logo site en slepen we deze naar de eerste gemaakte kolom. Vervolgens, ook in de Visual Builder, zoeken we naar de inhoud Navbar, slepen we deze naar de tweede kolom en selecteren we binnen het aanpassingsscherm van de Navbar het Hoofdmenu.
Op dit punt klikken we op de knop rechtsboven Opslaan
Stap 3: Laten we het Hoofdmenu maken
Als we het Hoofdmenu nog niet hebben gemaakt, zullen we merken dat er aan de rechterkant van onze header niets verschijnt:
Om het Hoofdmenu te maken, moeten we naar de optie Menu gaan die aanwezig is in het hoofdmenu van Framework360 door de volgende stappen te volgen:
Website > Menu
Op dit punt klikken we op het Hoofdmenu dat automatisch wordt ingevoegd door Framework360 om het te wijzigen.
Zodra we binnen zijn in het bewerkingsscherm hoeven we alleen maar de items die we in het hoofdmenu willen weergeven van de linkerkolom Pagina naar de rechterkolom Menu Ordening te slepen, zoals weergegeven in de afbeelding:
Op dit punt hoeven we alleen maar op de knop Opslaan rechtsboven te klikken en onze Header zal compleet zijn!
