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.

Het overzicht van de website modules

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.

Inloggen als beheerder doe je altijd via jouwsite.nl/administrator. Daar heb je het inlogformulier op de voorkant niet voor nodig.

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.

De menumodule met de positie 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.

De weergave Collapsible Dropdown voor het menu
Bekijk je site daarna ook eens op je telefoon, of maak het browservenster smal. Het menu verandert dan in een knop met drie streepjes. Meer dan de helft van je bezoekers komt waarschijnlijk via een telefoon, dus deze controle is de moeite waard.

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.

De moduletypes die je kunt kiezen

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].

Een module van het type Aangepast met een welkomsttekst

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 moduletoewijzing Op alle pagina's
Vergeet je de menutoewijzing, dan zie je de module nergens, ook al staat hij op Gepubliceerd. Dit is een van de meest gestelde vragen van beginners. Kijk in het overzicht in de kolom Pagina's: staat daar Geen, dan weet je waar het aan ligt.

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].

De module Artikelen met de categorie Recepten

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.

Een module toewijzen aan geselecteerde menu-items
De menutoewijzing werkt per menu-item. Open je vanuit het overzicht Hoofdgerechten een recept, dan blijft Joomla dat zien als een pagina van het menu-item Hoofdgerechten. De module is daar dus ook zichtbaar.

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.

De nieuwe modules op de site

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.

1000 Resterende tekens


Deze site wordt beschermd door reCAPTCHA en Google Privacybeleid en Servicevoorwaarden zijn van toepassing.