User Documentation Kleine wijzigingen in de weergave kunnen een groot verschil maken in hoe inhoud wordt ervaren. Een van de meest effectieve verbeteringen die aangebracht kunnen worden aan een categorie blog weergave, is om het hoofdartikel anders te behandelen dan de rest — om visueel aan te geven dat het belangrijker is.
Standaard gebruikt de categorie blog weergave van Joomla overal de intro-afbeelding. Dat is logisch, maar het betekent ook dat uw belangrijkste artikel er vaak niet anders uitziet dan de andere.
In dit artikel laat ik een eenvoudige, update-veilige manier zien om hoofdartikelen in plaats daarvan de volledige artikelafbeelding te laten gebruiken, terwijl intro- en gelinkte items ongewijzigd blijven.
Waarom de afbeelding van het hoofdartikel wijzigen?
Hoofdartikelen bestaan met een reden. Ze zijn bedoeld om de aandacht te trekken, context te scheppen en lezers aan te moedigen verder te lezen.
- Creëert een duidelijke visuele hiërarchie
- Laat uitgelichte inhoud opvallen
- Stimuleert betere afbeeldingskeuzes voor belangrijke artikelen
- Verbetert de algehele balans van de blog weergave
Het belangrijkste is dat dit kan zonder kernbestanden aan te raken.
De aanpak
In plaats van de standaarduitvoer van Joomla te wijzigen, gebruiken we een template override en een kleine aanpassing van de weergave:
- Maak (of hergebruik) een categorie blog override
- Maak een speciale weergave voor hoofdartikelen
- Wissel de intro-afbeelding om voor de volledige afbeelding in die weergave
- Laat de blog de nieuwe hoofdweergave laden
Dit houdt alles netjes, leesbaar en upgrade-veilig.
Stap 1: Maak een categorie blog override
Als uw template al een categorie blog override heeft, kunt u deze stap overslaan.
Vanuit de Joomla-beheerder:
- Ga naar Systeem → Website Templates
- Selecteer uw actieve template
- Open Maak overrides
- Vouw Componenten → com_content uit
- Klik op category
Joomla maakt de benodigde bestanden aan in:
/templates/your_template/html/com_content/category/
Stap 2: Maak een weergave voor hoofdartikelen
De standaard blog weergave gebruikt blog_item.php voor de artikeluitvoer. We hergebruiken dit als uitgangspunt voor hoofdartikelen.
Open de override-map:
/templates/your_template/html/com_content/category/Daarna:
- Maak een nieuw bestand aan genaamd
blog_leading.php - Kopieer de inhoud van
blog_item.phpnaarblog_leading.php
Stap 3: Overschakelen van intro-afbeelding naar volledige afbeelding
Dit is de belangrijkste wijziging.
Open blog_leading.php en zoek de regel die de afbeelding weergeeft:
<?php echo LayoutHelper::render('joomla.content.intro_image', $this->item); ?>Vervang deze door:
<?php echo LayoutHelper::render('joomla.content.full_image', $this->item); ?>Dit vertelt Joomla om de volledige artikelafbeelding weer te geven voor hoofdartikelen.
Stap 4: De nieuwe leading weergave laden
De laatste stap is om de blog weergave te vertellen om blog_leading.php te gebruiken voor hoofdartikelen.
Open:
/templates/your_template/html/com_content/category/blog.phpZoek de sectie die begint met:
<?php if (!empty($this->lead_items)) : ?>Verander binnen dat blok:
echo $this->loadTemplate('item');naar:
echo $this->loadTemplate('leading');
Het resultaat
- Hoofdartikelen tonen de volledige artikelafbeelding
- Intro- en gelinkte artikelen blijven intro-afbeeldingen gebruiken
- De weergave blijft volledig update-veilig
Dit is een kleine aanpassing, maar een die de manier waarop inhoud wordt gepresenteerd aanzienlijk verbetert.
Tot slot
De kracht van Joomla ligt in zijn flexibiliteit. Door te begrijpen hoe weergaven zijn opgebouwd, kun je gerichte verbeteringen aanbrengen die de hele website-ervaring naar een hoger niveau tillen.
Hoofdartikelen als eersteklas inhoud behandelen is een eenvoudige verandering, maar het stuurt een duidelijke boodschap naar je lezers: dit verdient jouw aandacht.