Joomla Bloglayouts effectiever maken: volledige afbeeldingen voor leidende artikelen gebruiken

Gepubliceerd: 2 februari 2026.Door: Brian Teeman.Categorie: Magazine.

Kleine wijzigingen in de layout kunnen een groot verschil maken in hoe content wordt ervaren. Een van de meest effectieve verbeteringen die je aan een categorie-bloglayout kunt doen, is het leidende artikel anders behandelen dan de rest — zodat je visueel duidelijk maakt dat het belangrijker is.

Standaard gebruikt Joomla’s blogcategorie-layout overal de intro-afbeelding. Dat is logisch, maar het betekent ook dat je belangrijkste artikel er vaak niet anders uitziet dan de overige artikelen.

In dit artikel laat ik een eenvoudige, update-veilige manier zien om leidende artikelen de volledige artikelafbeelding te laten gebruiken, terwijl intro- en gelinkte items ongewijzigd blijven.

Waarom de afbeelding van het leidende artikel aanpassen?

Leidende artikelen bestaan niet voor niets. Ze zijn bedoeld om aandacht te trekken, context te geven en lezers aan te moedigen verder te lezen.

Creëert een duidelijke visuele hiërarchie
Laat uitgelichte content beter opvallen
Stimuleert betere afbeeldingskeuzes voor belangrijke artikelen
Verbetert de algehele balans van de bloglayout

En het belangrijkste: dit kan allemaal zonder core-bestanden aan te passen.

De aanpak

In plaats van Joomla’s standaardoutput te wijzigen, gebruiken we een template-override en een kleine layoutaanpassing:

Een categorie-blogoverride maken (of hergebruiken)
Een aparte layout maken voor leidende artikelen
In die layout de intro-afbeelding vervangen door de volledige afbeelding
De blog instrueren om de nieuwe layout voor leidende artikelen te gebruiken

Zo blijft alles overzichtelijk, leesbaar en upgrade-veilig.

Stap 1: Een categorie-blogoverride maken

Als je template al een categorie-blogoverride heeft, kun je deze stap overslaan.

Ga in de Joomla-administrator naar:

Systeem → Site Templates
Selecteer je actieve template
Open Create Overrides
Klap Components → com_content uit
Klik op category

Joomla maakt nu de benodigde bestanden aan in:

/templates/your_template/html/com_content/category/

Stap 2: Een layout maken voor leidende artikelen

De standaard bloglayout gebruikt blog_item.php voor de artikeloutput. Die gebruiken we als basis voor leidende artikelen.

Open de override-map:

/templates/your_template/html/com_content/category/

Doe vervolgens het volgende:

Maak een nieuw bestand aan met de naam blog_leading.php
Kopieer de inhoud van blog_item.php naar blog_leading.php

Stap 3: Wisselen van intro-afbeelding naar volledige afbeelding

Dit is de kern van de aanpassing.

Open blog_leading.php en zoek de regel waarin de afbeelding wordt gerenderd:

<?php echo LayoutHelper::render('joomla.content.intro_image', $this->item); ?>

Vervang deze door:

<?php echo LayoutHelper::render('joomla.content.full_image', $this->item); ?>

Hiermee instrueer je Joomla om voor leidende items de volledige artikelafbeelding te tonen.

Stap 4: De nieuwe layout laden voor leidende artikelen

De laatste stap is het aanpassen van de bloglayout zodat deze blog_leading.php gebruikt voor leidende artikelen.

Open:

/templates/your_template/html/com_content/category/blog.php

Zoek het gedeelte dat begint met:

<?php if (!empty($this->lead_items)) : ?>

Binnen dit blok wijzig je:

echo $this->loadTemplate('item');

naar:

echo $this->loadTemplate('leading');

Het resultaat

Leidende artikelen tonen de volledige artikelafbeelding
Intro- en gelinkte artikelen blijven de intro-afbeelding gebruiken
De layout blijft volledig update-veilig

Het is een kleine aanpassing, maar wel één die de presentatie van content aanzienlijk verbetert.

Tot slot

De kracht van Joomla zit in zijn flexibiliteit. Door te begrijpen hoe layouts zijn opgebouwd, kun je gerichte verbeteringen doorvoeren die de volledige site-ervaring naar een hoger niveau tillen. Leidende artikelen behandelen als eersteklas content is een eenvoudige wijziging, maar het geeft een duidelijke boodschap aan je lezers: dit is het waard om aandacht aan te besteden.

Dit artikel werd oorspronkelijk gepubliceerd in het Joomla Community Magazine.
Lees alle artikelen in het magazine via deze link
Joomla! bestaat al 20 jaar als Open Source project. Dat is een lange tijd in technologiejaren! 19 jaar geleden kon je niet eens een iPhone bezitten, of X gebruiken en waarschijnlijk had je geen Facebook-account maar een Hyves-account 😊.
Er is veel gebeurd, maar Joomla! is al die tijd een duurzame keuze gebleken als CMS voor miljoenen websites wereldwijd, ondersteund door een betrokken community.