Stap 13 - Joomla-modules inzetten
Het belangrijkste deel van iedere pagina is de content, zoals een recept of een overzicht van hoofdgerechten. Daaromheen staan blokken met andere informatie: het menu, het kruimelpad, een stukje tekst. Die blokken heten in Joomla modules.
Er zijn veel soorten modules en ieder type heeft zijn eigen functie. De ene module toont een menu, de andere een inlogformulier of een lijst met de nieuwste artikelen. Waar een module op de pagina terechtkomt, bepaal je met een positie. Welke posities er zijn, hangt af van het template. In deze stap ruimen we de modules van de kooksite op en maken we er twee nieuwe bij.
Website modules
Je vindt de modules via Inhoud > Website modules. Op een schone installatie staan er drie: het kruimelpad (Breadcrumbs), het menu (Main Menu) en een inlogformulier (Login Form). Deze namen zijn Engels, omdat Joomla ze tijdens de installatie aanmaakt. Je kunt ze gewoon een Nederlandse titel geven.

1 Module depubliceren
Bezoekers van de kooksite hoeven niet in te loggen, dus het inlogformulier kan weg. Klik op het groene vinkje bij Login Form. Het vinkje verandert in een kruisje en de module is niet meer zichtbaar op de site. Je gooit de module niet weg: met één klik zet je hem later weer aan.
2 Positie
In de kolom Positie zie je waar een module staat. Het menu staat nu op sidebar-right, in de rechterkolom. Een menu hoort voor de meeste sites bovenaan, dus dat gaan we aanpassen.
Het menu verplaatsen
Klik op Main Menu om de module te openen. Het tabblad Module bevat links de instellingen die bij dit moduletype horen. Bij een menumodule kies je bijvoorbeeld welk menu je wilt tonen. De kolom rechts is bij iedere module hetzelfde.
Verander de titel in Hoofdmenu. Zet daarna rechts de schakelaar Titel op Verberg. De titel gebruik je dan alleen in het beheer om de module te herkennen, en bezoekers zien hem niet boven het menu.

1 Titel
Met deze schakelaar bepaal je of de titel van de module op de site te zien is. Bij een welkomsttekst wil je hem vaak wel tonen, bij een menu meestal niet.
2 Positie
Klik in het veld Positie en kies Menu [menu]. Je kunt ook de eerste letters typen om de lijst te filteren. Cassiopeia, het standaardtemplate van Joomla, toont modules op deze positie bovenin, naast het logo.
Een uitklapmenu voor mobiel
Op een groot scherm staan de menu-items nu netjes naast elkaar. Op een telefoon is daar geen ruimte voor. Daarom heeft Cassiopeia een eigen weergave voor het menu, die op kleine schermen inklapt tot een knop.
Open het tabblad Geavanceerd en kies bij Weergave voor Collapsible Dropdown. Deze naam komt uit het template zelf en is daarom niet vertaald. Klik daarna op Opslaan & sluiten.

Een welkomsttekst toevoegen
Doordat het menu en het inlogformulier weg zijn, is de rechterkolom leeg. Cassiopeia gebruikt dan automatisch de volle breedte voor de content. Toch willen we daar een korte introductie over de kooksite. Klik in het overzicht op Nieuw. Je ziet nu alle moduletypes die Joomla standaard meelevert.

Een paar types die verouderd zijn, herken je aan (verouderd) achter de naam. Die werken nog wel, maar verdwijnen in een volgende versie van Joomla. Gebruik in plaats daarvan de module Artikelen, die alle varianten in zich verenigt. Daarover verderop meer.
Kies nu voor Aangepast. Je krijgt een scherm met dezelfde tekstverwerker als bij een artikel. Vul als titel Welkom in de keuken in, schrijf een korte welkomsttekst en zet er een link naar de pagina Over bij. Kies als positie Sidebar-rechts [sidebar-right].

Menutoewijzing
Een nieuwe module staat nog op geen enkele pagina. Open daarom het tabblad Menutoewijzing en kies bij Moduletoewijzing voor Op alle pagina's. Klik daarna op Opslaan & sluiten.

De nieuwste recepten tonen
Onder de welkomsttekst plaatsen we een lijstje met de nieuwste recepten. Klik weer op Nieuw en kies dit keer voor Artikelen. Deze module kan artikelen op heel veel manieren tonen: als eenvoudige lijst met titels, of met afbeelding en introtekst erbij.
Vul als titel Nieuwste recepten in en kies weer de positie Sidebar-rechts [sidebar-right].

1 Weer te geven artikelen
Het aantal artikelen in de lijst. Wij kiezen voor 4.
2 Categorie
Kies de categorie Recepten. Zonder categorie toont de module alle artikelen, dus ook de kooktips.
3 Subcategorie artikelen
De recepten staan niet in de categorie Recepten zelf, maar in de subcategorieën Voorgerechten, Hoofdgerechten en Nagerechten. Zet deze optie daarom op Insluiten en vul bij Categoriebereik een 2 in. Zo neemt de module ook de onderliggende categorieën mee.
Op het tabblad Weergave opties zet je Alleen titel (lijsten) op Ja, zodat je een compact lijstje krijgt. Op het tabblad Opties voor sorteren kies je bij Artikelveld sortering voor Startdatum publicatie en bij Richting sortering voor Aflopend. Het nieuwste recept staat dan bovenaan.
Alleen op de receptpagina's
Bij de kooktips en op de pagina Over heeft deze module weinig zin. Open het tabblad Menutoewijzing en kies voor Alleen op de geselecteerde pagina's. Je ziet nu alle menu's met hun menu-items. Vink Home, Voorgerechten, Hoofdgerechten en Nagerechten aan en zet de andere vinkjes uit. Klik op Opslaan & sluiten.

Het resultaat
Bekijk de site en open een van de receptcategorieën. Het menu staat bovenin, en in de rechterkolom staan de welkomsttekst (1) en de lijst met de nieuwste recepten (2). Open je de kooktips, dan zie je alleen de welkomsttekst.

Handig om te weten
Je hebt het overzicht van de modules nu een paar keer gezien. Met Filteropties kun je het filteren op bijvoorbeeld positie, moduletype of status. Zodra je site groeit en je tientallen modules hebt, is dat erg handig.
Wil je weten welke posities je template heeft en waar ze op de pagina staan? Ga naar Systeem > Website templates en klik in de werkbalk op Opties. Zet daar Voorbeeld module posities op Ingeschakeld. Daarna kun je in het overzicht van de templates bij Cassiopeia op Voorbeeld klikken om alle posities op de pagina te zien.
Een leuke module om nog mee te experimenteren is Gelijksoortige tags. Die toont onder of naast een recept andere recepten met dezelfde tags. Met de tags uit stap 10 heb je daar alles al voor klaarstaan.
Je eerste Joomla site bouwen
- Stap 01 - Aan de slag met Joomla
- Stap 02 - Installeer Joomla op je webserver
- Stap 03 - Je site veilig en up-to-date vanaf dag één
- Stap 04 - Inzicht in je Joomla-site
- Stap 05 - Categoriestructuur opzetten
- Stap 06 - Je eerste artikel plaatsen
- Stap 07 - Content tonen via menu's
- Stap 08 - Meer artikelen plaatsen
- Stap 09 - Werken met afbeeldingen
- Stap 10 - Organiseren met tags
- Stap 11 - Recepten verrijken met velden
- Stap 12 - Stel je website optimaal in
- Stap 13 - Joomla-modules inzetten
- Stap 14 - De vormgeving van je site aanpassen
- Stap 15 - Nieuwe gebruikers toevoegen
- Stap 16 - Functionaliteit uitbreiden met extensies
- Stap 17 - Zoekfunctie toevoegen
- Stap 18 - Contactformulier toevoegen
- Stap 19 - Delen en reageren
- Stap 20 - Meet het aantal bezoekers op je site
- Stap 21 - De beste extensies
- Stap 22 - Je website goed onderhouden
- Stap 23 - Tien supertips voor beginners
- Verder leren met de Joomla-documentatie