Een menubalk maken (Menu)

uit de cursus Website bouwen met WordPress

Leuk dat je onze site bezoekt,

Ben jij leergierig?. Jij abonnee en dan ik geef jou 5% korting op de eerste maand! Wat vind je daar van? gebruik als kortingscode: DIEHARD

Volgende video: Een pulldown-menu maken

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Deze website gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.

Website bouwen met WordPress

perm_identity Walter van Rooij | video_library 34 video's | query_builder 3:06:49

Content Management Systeem (CMS) WordPress

Met het gratis Open Source CMS WordPress kun je professionele websites maken voorzien van alle functionaliteiten die je maar wenst. WordPress maakt gebruik van Thema’s voor de vormgeving en plug-ins voor de functionaliteiten.

Omdat WordPress wereldwijd een enorm populair CMS is en de basis vormt voor miljoenen websites is het een zeer betrouwbaar CMS waar continu gewerkt wordt aan veiligheid en functionaliteit. Vanwege de populariteit worden er ook veel plug-ins ontwikkeld door derden.

Je leert…

In deze cursus leer je hoe je met WordPress een website opzet met behulp van templates. We behandelen het downloaden en installeren van de meest belangrijke plug-ins. Denk aan SEO, Google maps, contactformulieren, privacyverklaring (GDPR), fotogallerijen etcetera

Uiteindelijk zorgen we ervoor dat je precies weet hoe je jouw website online op het world wide web krijgt. Binnen no time ben jij online.

Deze les gaat over het maken van een menubalk in Wordpress.

Een menubalk in Wordpress is standaard opgebouwd uit menu-items of buttons

die corresponderen met Pages in Wordpress.

Om een menubalk te maken moet ik dus eerst Pages hebben

die ik bereikbaar zou willen maken

door buttons in de menubalk.

Om die Pages te gaan maken

log ik nu in op de achterkant van mijn website.

Om pagina's of Pages te gaan maken

klik ik op het Pages-menu links in de menubalk

Ik zie daar dat ik al een aantal pagina's heb,

ik ga een aantal pagina's toevoegen

die ik ook graag zou willen gebruiken in deze website.

Ik klik op Add New

en om te beginnen ga ik hier een pagina aanmaken met de naam Over ons.

een hele gangbare pagina die iets vertelt over het bedrijf

waar deze website bij hoort.

De inhoud die ik hier plaats ziet er ongeveer zo uit:

en ik plak er nog een stuk tekst bij dat ik ergens anders gekopieerd heb.

De pagina Over ons is klaar.

Om hem te bewaren klik ik op Publish

De computer vraagt me "weet je wel zeker dat je wilt publiceren?"

want dat betekent automatisch ook dat de pagina zichtbaar wordt voor het publiek.

Geen probleem, ik publiceer.

De pagina is bewaard.

terug naar het Pages-menu.

Ik maak nog een pagina.

Ik maak nog een pagina.

die zal ik de naam geven: onze diensten.

en ook hier plaats ik wat tekst.

Ik voeg een tekstblok toe,

de pagina ziet er nu zo uit.

Ik zal de kopjes vet maken,

en ook deze pagina zal ik publiceren.

en ook hier wijst de computer me erop

dat deze pagina daarmee automatisch ook zichtbaar zal zijn voor het publiek. Geen probleem!

Terug naar Pages

Ik maak nog een pagina en die zal ik de naam Contact geven.

en ook deze pagina publiceer ik.

terug naar Pages.

Ik zie hier dat ik nu drie nieuwe pagina's heb.

Nu kan ik mijn menubalk gaan samenstellen.

Ik ga daarvoor naar Appearance > Menus

De tekst bovenin dit venster

zegt: Create your first Menu below

ofte wel

stel je eerste menu samen.

dat betekent: er is nu nog geen menu.

Maar Wordpress biedt me wel hulp aan bij het maken van een nieuw menu

en heeft zelfs menu-items toegevoegd

bestaande uit alle aanwezige pagina's in deze Wordpress-setup.

Lijkt me goed! Ik pas alleen de naam aan.

Ik maak ervan: Hoofdmenu

en ik kies Create Menu

Dat is gelukt. Ik heb nu een hoofdmenu.

Nu biedt Wordpress, en met name het Lighthouse-theme wat ik hier gebruik, aan

om een plaatsje te kiezen voor dit hoofdmenu in de website.

en hij suggereert de lokatie

Top Primary Menu

Dat is helemaal bovenaan de website, een goede plek.

Ik ga daarmee akkoord en ik zeg: Safe Menu.

Dat is gelukt. Nu ga ik aan de voorkant kijken

hoe het menu eruit ziet.

Hier ben ik bij de voorkant van de website en ik refresh.

Dit is het resultaat

Dit is het resultaat

De menubalk toont zes opties die overeenkomen met de zes pagina's

die ik in gebruik heb.

Sample Page komt zelfs twee keer voor, zie ik.

maar dat kan ik natuurlijk aanpassen.

Daarvoor ga ik weer naar de achterkant van de website.

Daarvoor ga ik weer naar de achterkant van de website.

Naar het Dashboard.

en daar opnieuw naar Menus.

Ik zie hier de pagina's die aanwezig zijn in deze Wordpress-setup

en ik heb eerder gezien dat Wordpress die voor mij heeft toegevoegd

aan het hoofdmenu.

Ook in het venster links in beeld krijg ik een overzicht

Ook in het venster links in beeld krijg ik een overzicht

over alle pagina's die in deze website aanwezig zijn.

over alle pagina's die in deze website aanwezig zijn.

Het tabblad Most Recent is aangeklikt, maar ik switch naar View All

en daar zie ik de reden

waarom Sample Page in ons geval twee keer si opgenomen in de menubalk

waarom Sample Page in ons geval twee keer si opgenomen in de menubalk

Dat komt omdat de Sample Page tevens de homepage van deze website is.

Ik snap nu dat ik de laatste Sample Page best mag verwijderen.

Want die is identiek aan de Homepage.

Om de laatste Sample Page te verwijderen klik ik het driehoekje open

bij de naam Sample Page

en vind daar de optie Remove. Die klik ik aan.

De tweede Sample Page is verwijderd, ik Safe het menu,

en ik kijk aan de voorkant van de website

of het gelukt is. Ik refresh.

Het maken van een menubalk is gelukt.