Zo maak je een 404-pagina mét header en footer in YOOtheme Pro

Standaard toont YOOtheme Pro een minimalistische 404-pagina wanneer een bezoeker een niet-bestaande link volgt. Functioneel, maar het heeft één groot nadeel: de vertrouwde header met het menu en de footer ontbreken. Hierdoor voelt de pagina 'kaal' en is een bezoeker de weg kwijt.

Een goede 404-pagina is geen doodlopende weg, maar een behulpzame wegwijzer. Het is een service-moment. Daarom wil je dat deze pagina er net zo uitziet als de rest van je site, inclusief je navigatie.

In dit artikel laat ik je zien hoe je dit met een slimme, eenvoudige override kunt realiseren.

Het probleem: Een 'kale' 404-pagina

Een bezoeker die op een 404-pagina belandt, is al verdwaald. Als je dan ook nog eens het hoofdmenu en de footer weghaalt, is er geen makkelijke manier om terug te navigeren. Dit leidt vaak tot frustratie en een bezoeker die je website verlaat.

De oplossing: Een Joomla-artikel als 404-pagina

De truc is om Joomla te vertellen dat het voor een 404-fout niet de standaard foutpagina moet tonen, maar een door jou gemaakt, regulier Joomla-artikel. Dit artikel kun je volledig opmaken met de YOOtheme Pro page builder, inclusief alle elementen die je maar wilt.

Dit is het stappenplan.

Stap 1: Maak je 404-pagina in Joomla

1. Ga naar Artikelen en maak een nieuw artikel aan.

2. Geef het een duidelijke titel, bijvoorbeeld "Pagina niet gevonden".

3. Ontwerp de inhoud van je 404-pagina, precies zoals we eerder bespraken: met een vriendelijke tekst, een zoekbalk en links naar belangrijke pagina's.

4. Ga naar Menu's, maak een nieuw menu-item aan en koppel dit aan het artikel dat je net hebt gemaakt.

5. Geef dit menu-item de alias pagina-niet-gevonden. Dit is cruciaal. Je kunt dit menu-item in een verborgen menu plaatsen, zodat het niet zichtbaar is in je navigatie.

Stap 2: De override map voorbereiden

Om te zorgen dat onze aanpassing update-proof is, plaatsen we het nieuwe error.php bestand in de 'child theme' map. YOOtheme Pro zal deze map automatisch controleren en de bestanden daarin voorrang geven.

1. Ga via FTP of de bestandsbeheerder van je hosting naar de map templates/.

2. Maak hier een nieuwe map aan met de exacte naam yootheme_child. Als deze map al bestaat, kun je deze stap overslaan.

3. Je hoeft verder niets te doen in de Joomla backend. De yootheme_child map wordt automatisch door het hoofdsjabloon herkend.

Stap 3: De 'override' met error.php

Nu komt de magie. We gaan Joomla vertellen wat het moet doen bij een 404-fout door een bestand in de juiste map te plaatsen.

1. Maak een nieuw, leeg bestand aan en noem het error.php. Het volledige pad is nu: templates/yootheme_child/error.php.

2. Open dit nieuwe error.php bestand en plak de volgende code erin:

error->getCode() == '404')
{
    header("HTTP/1.0 404 Not Found");
    echo file_get_contents(URI::root() . '/pagina-niet-gevonden');
    exit;
}

Wat doet deze code? Simpel gezegd: het script controleert of de foutcode '404' is. Zo ja, dan stopt het de standaard procedure, haalt het de inhoud van de pagina met de alias /pagina-niet-gevonden (jouw Joomla-artikel) op, en toont deze binnen de normale YOOtheme Pro template. Resultaat: jouw opgemaakte artikel wordt getoond, inclusief je header en footer.

Het eindresultaat

Vanaf nu zal elke bezoeker die op een niet-bestaande link terechtkomt, jouw prachtig opgemaakte en behulpzame 404-pagina te zien krijgen. Geen doodlopende weg meer, maar een professioneel en servicegericht vangnet.

Hulp nodig bij dit soort technische aanpassingen?

Geen punt. Zie je op tegen dit soort technische stappen, of besteed je je tijd liever aan je eigen bedrijf? Je kunt ons inschakelen om dit soort werkzaamheden voor je uit te voeren. Dit valt onder ons flexibele uurtarief.

Neem contact met ons op en we regelen het voor je.