Vormgeving - Design en Joomla 4

Nederlandstalige stap voor stap handleidingen voor Joomla 4

Je eigen 404 errorpagina maken in Joomla 4

Hoe maak je zelf een eigen 404 pagina en waarom zou je dat doen? In deze handleiding ga ik uitleggen hoe je in 4 stappen een eigen 404 pagina maakt voor Joomla 4.

Hieronder de onderwerpen die aan bod komen in deze handleiding:

Klik op de afbeelding voor een vergroting.

Wat is een 404 error pagina?

404-pagina’s, foutmeldingspagina’s of error-pagina’s zijn pagina’s die melden dat de door de bezoeker opgevraagde pagina of website niet gevonden is. De pagina kan offline of verwijderd zijn. Vaak zien ze er niet mooi uit of bevatten ze informatie waar je als bezoeker niets aan hebt. Toch is het belangrijk om een goede 404 pagina te hebben.

Reden waarom je een eigen 404 errorpagina maakt

Je kunt niet alle 404 fouten op je website repareren of voorkomen. Daarom kan het slim zijn om je bezoekers op je website te houden, zelfs als ze een typfout gemaakt in een URL. Om jou te helpen om een mooie 404 error pagina op jouw website te maken, heb ik deze Stap voor Stap handleiding geschreven.

Het kan interessant zijn om een mooie 404 error pagina weer te geven om je verloren geraakte bezoekers langer op je website te houden. In een paar stappen en met een 100% Joomla oplossing, gaan ik je uitleggen hoe je de verloren bezoekers doorverwijzen naar een nieuwe pagina, specifiek gemaakt en volledig geïntegreerd in je Joomla template. 

  • Je wil je eigen look and feel behouden.
  • Je wil je menustructuur van he website weer geven.
  • Je hebt een meertalige (multilingual) website en je wil voor elke taal een eigen 404 pagina maken.

De kans bestaat dat er bij je Joomla template ook een eigen 404 pagina zit, echter een van de nadelen is dat de gehele structuur van de website wegvalt, zie ook onderstaand voorbeeld.

voorbeeld 404 van template

Je zou deze kunnen aanpassen en dan zien de 404 pagina's er bijvoorbeeld zo uit

404 pagina niet gevonden voorbeeld 3

 

Enkele andere voorbeelden van custom 404 pagina's:

Stap 1 Menu Item aanmaken

Hieronder de stappen om te starten met een menu item, deze maken we niet zichtbaar in het standaard menu van Joomla.

  1. Log met je SuperVisor account in via de back-end van je Joomla website, https://<jedomein.nl>/administrator/
  2. Klik dan op Menu, dan Hoofdmenu (Main Menu) en klik dan op Nieuw
  3. Vul bij Titel * de titel van de pagina in, bijvoorbeeld, 404.
  4. Open the tab Linktype en pas bij Toon in menu de waarde aan van Ja naar Nee.
  5. Ga nu naar stap 2.

Stap 2 Artikel aanmaken

  1. Klik bij Menu-itemtype
  2. Klik op Artikelen gevolgd door Individueel artikel
  3. Klik bij Selecteer artikel * op Maken om een nieuw artikel aan te maken.
  4. Vul bij Titel * de titel van de pagina in, bijvoorbeeld, 404 - Pagina niet gevonden
  5. Plaats deze in je gewenste Categorie
  6. Type bij Artikeltekst een tekst naar wens in.
    Bijvoorbeeld: 
    Beste bezoeker,
    helaas is deze pagina niet (meer) beschikbaar.
    Klik op een van onderstaande knoppen om terug te gaan naar we homepage of om de sitemap te bekijken.
  7. Maak eventueel een knop (of link) aan naar de homepage of sitemap, dan kan de bezoeker verder zijn weg vinden op de website.
  8. Klik op de knop Opslaan & sluiten om het artikel op te slaan.
  9. Klik tot slot op de knop Opslaan & sluiten om het menu item op te slaan. 
  10. Nu heeft Joomla de URL van uw artikel gegenereerd index.php?option=com_content&view=article&id=XX
    (waarbij XX de ID van uw artikel is). Selecteer en kopieer het naar uw klembord.
  11. Ga nu naar stap 3.

Stap 3 template aanpassen

Tijdens deze stap gaan we het template aanmaken, in elk template zit een bestand error.php. Deze is bedoeld voor het afvangen van eventuele fouten in Joomla.
Bijvoorbeeld indien een pagina niet gevonden kan worden.

  1. Klik op Systeem en onder Templates op Website Templates,
  2. klik op de naam <naam template> gegevens en bestanden van je Joomla template om deze te openen.
  3. Klik in de linker lijst op error.php om deze te openen in de editor.
  4. Zoek het volgende stuk je code op.

    defined('_JEXEC') or die;

  5. Voeg daar deze code toe:

    if (($this->error->getCode()) == '404') {
     header('Location: ' . Jroute::_("index.php?option=com_content&view=article&id=XX", false));
     exit
    }


  6. Vul bij XX het ID in van je 404 artikel in dat je in stap 3 hebt gemaakt.
  7. Klik op Opslaan & sluiten knop.

Stap 4 testen

Open een willekeurige pagina van jou website en voeg een niet bestaande link toe in de URL. Je eigen 404-foutenpagina moet nu worden weergegeven.

Ter informatie: een 404-foutpagina is ook een goede gelegenheid om uw bezoekers iets nuttigs, informatiefs, leuks of iets heel anders te laten zien.
Aarzel niet om uw custom 404 error pagina's in de commentaren hieronder.

  1. Ja naar je website en type bewust een foute URL in https://<jedomein.nl>/werktniet/  
  2. Als het goed is zie je nu je eigen 404 pagina.  

Filmpje 404 pagina maken (Engelstalig)

Hieronder een YouTube filmpje van Tim Davies van Cybersalt.

 

Bronnen: 
How to Create Custom 404 Pages in Joomla - Joomlashack 
How To Add Custom 404 Page in Joomla (web-eau.net)

 

Terug naar het overzicht    Terug naar categorie Vormgeving - Design

We use cookies

Wij gebruiken cookies op onze web site. Sommigen zijn essentieel voor het correct functioneren van de site, terwijl anderen ons helpen om de site en gebruikerservaring te verbeteren (tracking cookies). U kan zelf kiezen of u deze cookies wil toestaan of niet. Let op dat als u onze cookies weigert mogelijk niet alle functies van de site beschikbaar zijn.