Stap 07 - Content tonen via menu's

We hebben categorieën en een eerste artikel. Om die content op de website te tonen, gebruik je in Joomla menu-items. Een menu-item is meer dan alleen een link in het menu: het bepaalt ook wat er op een pagina wordt getoond en hoe. Zo kan een menu-item één artikel tonen, maar ook een overzicht van alle artikelen uit een categorie.

Het aantal menu's, menu-items en niveaus bepaal je zelf. Houd het aantal niveaus wel beperkt. Dat is prettig voor je bezoekers en helpt zoekmachines om de structuur van je site te begrijpen.

Menu-itemtypes

Ieder menu-item heeft een menu-itemtype. Dat type bepaalt wat er op de pagina verschijnt. Welke types beschikbaar zijn, hangt af van de geïnstalleerde componenten. Voor artikelen zijn dit de belangrijkste:

Menu-itemtype Wat toont het?
Individueel artikel Eén specifiek artikel, bijvoorbeeld een pagina Over ons.
Categorieblog De artikelen uit een categorie onder elkaar, met een introtekst en een Lees meer-link.
Categorielijst De artikelen uit een categorie als lijst met titels.
Speciale artikelen Alle artikelen die op Speciaal staan, uit alle categorieën.
Het venster Menu-itemtype met de weergaven voor artikelen

1 Component

Klik op de naam van een component om de beschikbare weergaven te tonen.

2 Weergave

Iedere weergave heeft een korte omschrijving. Klik op de titel om die weergave voor je menu-item te gebruiken.

Menu-items beheren

Alle menu's van je site vind je onder Menu's > Beheren. Na de installatie is er één menu: Main Menu. Je opent de menu-items van dit menu via Menu's > Main Menu.

De menu-items van het Main Menu met genummerde onderdelen

1 Menu kiezen

Wissel via deze keuzelijst tussen de verschillende menu's van je site.

2 Startpagina

Het menu-item met het huisje is de startpagina van je site: de pagina die bezoekers zien als ze je webadres intypen. Wil je een andere pagina als startpagina? Klik dan op het rondje van dat menu-item.

3 Volgorde

Pak een menu-item vast bij de drie puntjes en sleep het naar een andere plek om de volgorde aan te passen.

Aan de slag

Individueel artikel

We beginnen met een menu-item voor het artikel Over deze kooksite. Klik in de menu-items van het Main Menu op Nieuw en vul als titel Over in. Klik bij Menu-itemtype op Selecteren en kies Artikelen > Individueel artikel.

Artikel selecteren

Er is nu een extra veld zichtbaar: Selecteer artikel. Klik op Selecteren. In het venster dat opent, zie je alle artikelen van je site. Klik op de titel Over deze kooksite.

Heb je het artikel nog niet geschreven? Met de knop Maken maak je direct vanuit het menu-item een nieuw artikel aan. Dat scheelt heen en weer klikken.

Het artikel selecteren voor het menu-item

Klik op het pijltje naast Opslaan & sluiten en kies Opslaan & nieuw.

Categorieblog

Nu maken we een menu-item voor de kooktips. Vul als titel Kooktips in en kies bij Menu-itemtype voor Artikelen > Categorieblog. Klik daarna bij Kies een categorie op Selecteren en kies de categorie Kooktips.

Een menu-item van het type Categorieblog met genummerde onderdelen

Klik weer op Opslaan & nieuw en maak op dezelfde manier menu-items aan voor Voorgerechten, Hoofdgerechten en Nagerechten. Klik na het laatste menu-item op Opslaan & sluiten. Op de site staan nu vijf nieuwe menu-items. De pagina's zijn nog leeg, want we hebben nog geen recepten geschreven.

Volgorde aanpassen

De menu-items staan nu in de volgorde waarin we ze hebben aangemaakt. Wij willen eerst de recepten, dan de kooktips en als laatste Over. Pak het menu-item Over vast bij de drie puntjes, sleep het naar de onderste positie en laat los. Doe hetzelfde met Kooktips, zodat het boven Over komt te staan.

Een menu-item bewerken

Op de afbeelding bij Categorieblog zie je de belangrijkste instellingen van een menu-item.

1 Menu-itemtype

Het type van het menu-item. Je kunt dit later nog wijzigen via Selecteren. De andere opties in het formulier passen zich aan het gekozen type aan.

2 Kies een categorie

Welke categorie dit menu-item toont. Bij een Individueel artikel kies je hier een artikel.

3 Menu

In welk menu het menu-item komt te staan.

4 Hoofditem

Wil je een submenu maken? Kies hier dan het menu-item waaronder dit item moet vallen.

5 Volgorde

Na het opslaan kun je hier aangeven na welk menu-item dit item moet komen. Slepen in het overzicht werkt vaak sneller.

Tip: in stap 5 zag je bij het opslaan van een categorie de opties Opslaan in menu als lijst en Opslaan in menu als blog. Daarmee maak je in één keer een categorie én het bijbehorende menu-item aan. Handig als je straks zelf nieuwe categorieën toevoegt.

Bekijk het resultaat op de voorkant van je site. In het Main Menu staan nu alle menu-items in de juiste volgorde.

1000 Resterende tekens


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