Een menubalk maken

uit de cursus Starten met Joomla [In ontwikkeling]

Een menubalk maken
Geef een waardering

Hallo vreemdeling,

wat leuk dat je onze site bezoekt. Bekijk gerust een paar video's en als het je bevalt kun je altijd abonnee worden.

Volgende video: Een pulldown-menu maken

Geef een reactie of stel een vraag

Geef een reactie

Registreer als je wilt reageren.

Starten met Joomla [In ontwikkeling]

perm_identity Walter van Rooij | video_library 13 video's | query_builder 01:07:00

Leer hoe je met het Content Management Systeem Joomla een complete en complexe website bouwt met allerlei functionaliteiten zonder dat je verstand hoeft te hebben van programmeren.

Het CMS Joomla

Joomla behoort samen met WordPress en Drupal tot de meest populaire CMS systemen. Veel webbedrijven en -designers maken gebruik van een CMS om hierin complexe websites voor hun klanten te bouwen. Waarom zou je het wiel opnieuw moeten uitvinden als er CMS’en bestaan die het fundament voor de website al voor je klaarzetten.
Het grote voordeel van een CMS is dat de klant/opdrachtgever zelf zorg kan dragen voor de content van de website.

Wat ga je in deze cursus leren?

Je leert allereerst hoe je het CMS Joomla installeert op je eigen computer zodat je eerst lokaal de website kunt bouwen. Aan het einde van de cursus leer je hoe je de website migreert naar de server waarop de website gehost gaat worden. Je leert hoe je een template installeert en daarna de website gaat inrichten met artikelen, categoriën, menu-onderdelen, modules, plugins en componenten.

Je leert hoe je moet omgaan met de database waar de inhoud van de website in bijgehouden wordt. Hoe je veiligheidsmaatregelen neemt om de database en de website te backuppen. Kortom alle basisvaardigheden die je nodig hebt om een website met Joomla te bouwen, in te richten en online te zetten.

Deze les gaat over het maken van een menubalk

Een menubalk bevat menu-items; als je daarop klikt

roep je de bijbehorende pagina's aan.

Om een menubalk te maken heb je dus pagina's nodig.

Vervolgens moet je in Joomla een menu samenstellen

en dat menu moet je

vervolgens in een module plaatsen,

en de module moet je vervolgens op een positie in je website plaatsen.

Het begint allemaal bij het maken van artikelen.

Daarvoor log ik in op de achterkant van de website.

Ik ben hier in de achterkant van mijn website

Ik moet eerste een aantal artikelen aanmaken.

daarvoor ga ik naar Content - Articles

Content - Articles

Content - Articles

Ik ben hier in de Article-Manager.

Zoals je kunt zien is er maar één artikel in deze website:

Getting Started.

Ik heb voor dit voorbeeld alle andere pagina's verwijderd,

maar de Homepage kun je in Joomla niet verwijderen

vandaar dat ik deze heb laten staan.

Ik ga er een aantal artikelen bijmaken. Ik klik op New

Ik geef het artikel een titel

en ik plaats wat content

en ik kies Safe and New

ik geef opnieuw een titel

ik plaats wat content

en ik klik Safe and New

ik maak nog één artikel-titel

ik plaats wat content

en ik Safe and Close

Terug in de Article-Manager zie ik dat er drie artikelen zijn toegevoegd

die drie artikelen ga ik vervolgens in een Menu onderbrengen

Om dat te doen klik ik op Menus - Manage.

Ik ben hier in de Menu-Manager.

Zoals je kunt zien is er een menu al aangemaakt.

Main Menu, ofte wel het hoofdmenu

Ik zou nog meer menu's kunnen maken, bij voorbeeld een sub-menu of een footer-menu

maar dat doe ik later.

Het Main-Menu dat ik hier heb ga ik openklikken

om te kijken welke items er in aanwezig zijn.

ik zie dat er één item aanwezig is: Home.

ik kan deze niet verwijderen

in Joomla moet de website een Homepage hebben.

Ik kan er wel menu-items aan toevoegen, en dat ga ik doen.

Ik klik op New

De eerste knop die ik aan mijn menubalk ga toevoegen

noem ik Artikel

Ik wil graag dat deze button een pagina bereikt

met de naam 'Artikel '.

om dat te regelen

klik ik bij Menu-Item-Type op Select

De button gaat een artikel bereiken

van het type Single Article

een enkele pagina

Vervolgens krijg ik de gelegenheid om bij Select Article

het bewuste artikel te koppelen aan deze menu-button.

Ik klik op Select

Ik maak de keuze voor Artikel

ik Safe. En omdat ik dit nog twee keer wens te herhalen

klik ik op Safe and New.

Een tweede button in mijn menubalk noem ik Artikel

bij Menu-Item Type

kies ik ervoor om met deze button ook een artikel te bereiken

van het type Single Article

bij Select Article selecteer ik vervolgens het bewuste artikel

het is de pagina met de naam Artikel

ik ga dit nog een keer herhalen dus ik kies opnieuw voor Safe and New

Ik geef m'n derde button in de menubalk een titel

artikel

Bij Menu Item Type

selecteer ik het type artikel wat met deze button bereikt moet worden

Het is een Single Article, een pagina dus

en bij Select Article klik ik op select

en maak de keuze voor Artikel

Ik Safe and Close

Ik kan zien dat Main Menu nu vier buttons heeft.

Ik moet als laatste

een module gaan maken van het type Menu, dat ik een plaats geef op m'n website

daarvoor ga ik naar Extensions - Modules

Ik ben hier in de Module-Manager; ik klik op New

ik wil hier een module maken van het type Menu.

De module van het type Menu geef ik een titel

Main Menu

ik geef vervolgens bij Select Menu aan

welk menu ik in deze module wens te plaatsen.

Ik heb maar één menu gemaakt

dat heb ik toen Main Menu genoemd

de module die ik hier heb gemaakt moet ik nog een positie geven

in mijn website, een module-positie

dat doe ik onder de knop Position, rechts in beeld

Hier krijg ik een overzicht van alle module-posities

het template dat ik hier gebruik en wat ik zelf heb gemaakt heeft de naam Starter

daarin is een positie en die heeft de naam Navigation, die kies ik uit.

Die positie betreft een Div helemaal boven in m'n beeld.

Vervolgens moet ik nog onder Menu Assignment

aangeven op welke pagina's

ik deze module wil laten verschijnen.

Standaard staat aangegeven 'On All Pages' wat betekent

deze menubalk zal op

alle pagina's van mijn website verschijnen.

Ik Safe and Close.

Om te kijken of het gelukt is log ik in op de voorkant van mijn website

In de blauwe balk bovenin mijn beeld

zou ik graag

een menubalk hebben.

Ik Refresh

Daar is de menubalk. Met Home, artikel , Artikel

en artikel .

De menubalk is af.