Wanneer je content online publiceert, moet je gebruikers laten zien dat de blogpost, pagina of media recent, nauwkeurig en up-to-date zijn.

Een manier om de actualiteit van je content te laten zien, is door de “Last Updated” of “Laatst bijgewerkt” – we gebruiken beide termen door elkaar in dit artikel – datum ergens in een WordPress blogpost of pagina weer te geven, zoals boven of onder de uitgelichte afbeelding, titel of het hele artikel.

Op deze manier ziet de gebruiker de meest recent bijgewerkte datum samen met de “Publicatie” datum, of je kunt de publicatiedatum helemaal vervangen.

Bekijk onze videogids voor het tonen van de “Laatst bijgewerkt” datum op WordPress berichten en pagina’s

Kortom, de weergegeven datum is recenter, wat aan de lezer (en zoekmachines) aangeeft dat je content recent is en dat je niet te veel tijd hebt laten verstrijken (wat kan leiden tot doodlopende links, onnauwkeurige informatie of verouderde afbeeldingen).

Waar kun je de publicatie- en “Laatst bijgewerkt” datums bekijken

Afhankelijk van de stijl van je thema kan de publicatiedatum in berichten, pagina’s of beide verschijnen; de plaatsing is meestal direct na de titel, vóór de content, en vaak aangevuld met een naamregel.

Een voorbeeld van de publicatiedatum in een oud bericht.
Een voorbeeld van de publicatiedatum in een oud bericht.

Dat gezegd hebbende, hangt de styling en plaatsing van de publicatiedatum volledig af van jouw thema. Je ziet hem misschien boven de uitgelichte afbeelding en met een pictogram, zoals op het onderstaande thema.

Het Twenty Twenty thema biedt een uniek gepubliceerd datum format.
Het Twenty Twenty thema biedt een uniek gepubliceerd datum format.

Sommige thema’s plaatsen zelfs de publicatie- en “Laatst bijgewerkt” datums aan het einde van je content, vlak voor het commentsveld.

De datum op dit thema wordt onder de content weergegeven.
De datum op dit thema wordt onder de content weergegeven.

Je kunt de publicatiedatum ook op de backend vinden door naar de Date kolom in je Posts lijst te gaan.

De Date kolom toont publicatiedatums in het WordPress dashboard.
De Date kolom toont publicatiedatums in het WordPress dashboard.

WordPress toont ook de publicatiedatum in de berichteditor.

De publicatiedatum is de enige datum die wordt weergegeven bij het bewerken van een bericht in WordPress.
De publicatiedatum is de enige datum die wordt weergegeven bij het bewerken van een bericht in WordPress.

In dit artikel leggen we de voordelen uit van het weergeven van de “Last Updated” datum in plaats van de datum van publicatie. We zullen je ook door verschillende methoden leiden om de “Laats bijgewerkt” datum weer te geven, terwijl we ook laten zien hoe je kunt zien wanneer een website voor het laatst is bijgewerkt.

Blijf lezen om er alles over te leren!

Voordelen van het weergeven van de “Last Updated” datum op je site

Het regelmatig bijwerken van je content en het weergeven van de “Laatst bijgewerkt” datum resulteert in verschillende voordelen voor de site-eigenaar, gebruikers van zoekmachines en degenen die al op je website zijn. Het is daarnaast nuttig voor SEO doeleinden, aangezien zoekmachines nieuwheid en relevantie in overweging nemen bij het bepalen van rankings.

Dit zijn de belangrijkste voordelen van het weergeven van de “Last Updated” datum op je pagina’s en berichten.

  • De “Last Updated” datum is nauwkeuriger dan de publicatiedatum, en het laat zien dat je content waarschijnlijk meer recent is in vergelijking met iets dat een tijdje geleden is gepubliceerd.
  • Gebruikers zien dat het een bijgewerkt artikel is en gaan er niet vanuit dat het een oud artikel is, waardoor je click through rates en de totale tijd die gebruikers besteden aan lezen mogelijk toenemen.
  • Je “Last Updated” datum geeft je meer potentie om op te vallen, aangezien zoekmachines die datums in de resultaten weergeven en je resultaten beter ranken dan vermeldingen van andere sites.
  • Het geeft zoekmachines een andere manier om de post als recent te herkennen. Zoekmachines crawlen de content natuurlijk; maar dat gebeurt niet altijd, en de “Last Updated” datum versterkt eventuele wijzigingen die op je site zijn aangebracht.
  • Recentere datums geven een gevoel van vertrouwen dat je contentproblemen zoals verbroken links, verbroken afbeeldingen en alle content die niet meer waar is, hebt geëlimineerd.
  • Zoekmachines indexeren je site vaker wanneer de content (en datum) wordt bijgewerkt. Dit is geen harde regel, maar het is bekend dat zoekmachines sites loggen met constant bijgewerkte content en deze vaker crawlen.
  • Je vergroot het potentieel voor hogere algemene zoekresultaten omdat je hele site profiteert van je bijgewerkte berichten.
  • Het geeft je een visueel excuus/herinnering om je content bij te werken, omdat je misschien een oudere datum opmerkt en je realiseert dat een vernieuwing op zijn plaats is.
  • Zoekmachines geven er de voorkeur aan dat je oude content bijwerkt in plaats van elke keer een nieuw bericht te maken als je nieuwe informatie over hetzelfde onderwerp hebt. Dit elimineert het potentieel voor dubbele content en sluit aan bij waarom het tonen van de meest recente datum het beste is voor het verbeteren van SEO.
  • Sommige publicaties (zoals online kranten) moeten de “Last Updated” datum hebben, zodat content met correcties en nieuwe informatie bovenaan de sitefeed wordt weergegeven. Dit is zodat gebruikers die updates niet missen.

Zo toon je de “Last Updated” datum in WordPress

Standaard toont WordPress niet de datum van wanneer voor het laatst is bijgewerkt bij nieuwe of vernieuwde content, maar de publicatiedatum. Die publicatiedatum blijft, zelfs als het meerdere jaren later is, met meerdere updates voor de post hetzelfde.

Sommige moderne thema’s bieden ingebouwde features voor het presenteren van de “Laatst bijgewerkt” datum die je met een paar muisklikken kan instellen. Het is een goede gewoonte om eerst de WordPress Customizer te controleren op eventuele instellingen voor datumaanpassing binnen je thema. Maar er is geen garantie dat er iets beschikbaar is.

Als je deze “Last Updated” datum niet kunt toevoegen in de WordPress Customizer, gebruik dan de volgende methoden om deze toe te voegen:

  1. Door het php bestand en CSS te bewerken
  2. Door code aan te passen en toe te voegen aan je thematemplate
  3. Met een plugin

Voor de eerste twee methoden moet je toegang hebben tot de themabestanden van je site, dus lees meer over WordPress bestandshiërarchieën (en hoe je ze kunt begrijpen) als je nog geen ervaring hebt.

Bekijk de drie onderstaande methoden om inzicht te krijgen in de beste manier van handelen in jouw situatie.

Methode 1: Bewerk functions.php en CSS in je thema

In de eerste methode voor het toevoegen van de “Last Updated” datum in WordPress heb je toegang tot het functions.php bestand van je thema nodig en moet je code aan dit bestand toevoegen. Als alternatief kun je die code toevoegen aan een childthema of sitespecifieke plugin om te voorkomen dat problemen met de code verdwijnen als je van thema verandert of het bijwerkt.

Al deze opties gebruiken hetzelfde type CSS code, dus we geven je de stukjes code om toe te voegen en laten je zien hoe je deze in het functions.php bestand plaatst. Als je een childthema of sitespecifieke plugin gebruikt, neem je gewoon dezelfde code en wijzig je die bestanden.

To begin, go to your theme’s functions.php file. The easiest way to access functions.php is connecting with SFTP using an FTP client. You can generally find it in your FTP client by going to /www (or your site name) > /public > /wp-content > /themes > /theme-name (in this tutorial we’re using /twentytwentyone).

Ga om te beginnen naar het functions.php bestand van je thema. De eenvoudigste manier om toegang te krijgen tot functions.php is door verbinding te maken met SFTP via een FTP client. Je kunt het over het algemeen vinden in je FTP client door naar /www (of je sitenaam)> /public > /wp-content > /themes > /thema-name te gaan (in deze tutorial gebruiken we /twentytwentyone).

Open het functions.php bestand.
Open het functions.php bestand.

Open het bestand met behulp van een teksteditor of markdowneditor en voeg vervolgens de volgende code toe (deze code zou ook moeten werken als een childthema/sitespecifieke plugin wordt gebruikt):

function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Sla het bestand op en upload het terug naar je server. Als gevolg hiervan verschijnt de “Laatst bijgewerkt” datum vlak voor de content van je bericht. Wil je de tekst in het Nederlands, wijzig dan de “Recently updated on” in de naar een Nederlandse variant, bijvoorbeeld “Recentelijk bijgewerkt op”. De code controleert in eerste instantie of de publicatiedatum en de datum van de laatste bewerking hetzelfde zijn.

Als ze hetzelfde zijn, zie je alleen de publicatiedatum. Als ze verschillend zijn, wordt de “Laatst bijgewerkt” datum samen met de publicatiedatum weergegeven.

Frontend weergave van de “Laatst bijgewerkt” datum.
Frontend weergave van de “Laatst bijgewerkt” datum.

Zo wijzig je de stijl van je nieuwe “Last Updated” datum

De nieuwe PHP code in functions.php mist stijl, maar het kan er nog steeds acceptabel uitzien, afhankelijk van de stijl van je thema. Als dat niet het geval is, kun je overwegen de “Laatst bijgewerkt” datum te stylen door aangepaste CSS code in te voegen om te bepalen hoe deze eruitziet. Hier is voorbeeldcode om uit te proberen of uit te breiden:

.last-updated-date {
  font-size: large;
  font-family: monospace;
  text-transform: uppercase;
  color: white;
  background-color: black;
}

Merk op dat we de klasse last-updated-date gebruiken die correleert met de PHP code die in functions.php is ingevoegd. Je kunt dit voor je eigen doeleinden wijzigen, maar zorg ervoor dat je dezelfde klasse ook in je CSS code gebruikt.

Opmerking: het is heel goed mogelijk om de CSS eigenschappen en waarden te wijzigen, afhankelijk van je behoeften; dit zijn slechts voorbeelden.

Voeg die CSS code in het veld in nadat je naar Appearance > Customize > Additional CSS in WordPress bent gegaan. Dit maakt de CSS voor de hele site mogelijk in plaats van slechts op één pagina of post.

Voeg CSS code toe voor styling.
Voeg CSS code toe voor styling.

Nadat de CSS code is gepubliceerd, worden deze stijlwijzigingen doorgevoerd in alle frontend instanties van de “Laatst bijgewerkt” datums. Zo hebben we de achtergrondkleur, letterkleur, letterfamilie, lettergrootte veranderd en ook alles getransformeerd naar hoofdletters.

Frontend weergave na CSS styling.
Frontend weergave na CSS styling.

Zo verwijder je de “Laatst bijgewerkt” datum van pagina’s en andere niet-berichtcontent

Mogelijk merk je nu dat zowat elke webpagina op je website een “Laatst bijgewerkt” datum heeft; dat is niet goed, aangezien je geen reden hebt om te laten zien wanneer pagina’s zoals de homepagina, productpagina’s, de pagina Over ons en het winkelwagentje voor het laatst zijn bijgewerkt.

De pagina hieronder met het privacybeleid laat bijvoorbeeld zien wanneer deze voor het laatst is bijgewerkt, ook al is dat nutteloze informatie voor iemand die op de pagina terechtkomt (het thema liet überhaupt niet de publicatiedatum zien).

Sommige sites hebben geen “Laatst bijgewerkt” datum nodig op pagina's zoals een privacybeleid.
Sommige sites hebben geen “Laatst bijgewerkt” datum nodig op pagina’s zoals een privacybeleid.

Als je je in deze situatie bevindt, komt dit waarschijnlijk door je thema. Sommige WordPress thema’s verwijderen automatisch alle datums, omdat ze er geen reden toe zien. Het kan zijn dat je van een thema gebruikmaakt zonder die mogelijkheden. In dat geval heb je alleen nog een simpele toevoeging aan de eerder geïmplementeerde PHP code nodig.

Ga dus terug naar het functions.php bestand van je thema en voeg dit toe tussen 86400 en ).

&& is_singular('post')

Zoals dit:

function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400 && is_singular('post')) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Met deze toevoeging wordt de “Last updated” tekst verborgen voor elk WordPress berichttype dat geen bericht is (zoals voor pagina’s of producten).

De datum wordt van alle pagina's verwijderd, maar blijft voor berichten staan.
De datum wordt van alle pagina’s verwijderd, maar blijft voor berichten staan.

De publicatiedatum verwijderen en ALLEEN de “Laatst bijgewerkt” datum tonen

Het is gebruikelijk dat de publicatiedatum blijft bestaan, zelfs nadat je de code hebt geïmplementeerd om de “Laatst bijgewerkt” datum toe te voegen. Sommige thema’s verwijderen het, maar het is niet zo gebruikelijk. Het probleem is dat er nu twee datums worden weergegeven op je WordPress berichten: de publicatiedatum en de “Laatst bijgewerkt” datum.

Hoewel dit in sommige situaties acceptabel is, veroorzaken twee datums hoogstwaarschijnlijk verwarring bij de lezer. Dus misschien wil je de publicatiedatum verbergen, maar de “Laatst bijgewerkt” datum houden.

Er zijn plugins om dit mogelijk te maken, maar deze CSS fix is eenvoudig, dus we raden niet aan om een hele plugin te installeren om slechts één element van je site te verwijderen.

Om de publicatiedatum te verwijderen maar de “Laatst bijgewerkt” datum te behouden (eerder toegevoegd via de bovenstaande methoden), ga je naar Appearance > Customize > Additional CSS in het WordPress dashboard.

Plak deze code in het Additional CSS veld:

.entry-date {
  display: none !important;
}

Klik op de Publish knop om de wijzigingen door te voeren.

Voeg CSS toe in de WordPress Customizer.
Voeg CSS toe in de WordPress Customizer.

Je zou nu de publicatiedatum niet meer moeten zien, maar de “Laatst bijgewerkt” datum wordt nog steeds weergegeven.

Frontend weergave van de “Laatst bijgewerkt” datum. Hij is er nog steeds, maar zonder de publicatiedatum.
Frontend weergave van de “Laatst bijgewerkt” datum. Hij is er nog steeds, maar zonder de publicatiedatum.

Houd er rekening mee dat hoewel de CSS klassenaam .entry-date gebruikelijk is binnen een groot aantal thema’s, deze niet in alle thema’s wordt gebruikt. Dus als deze specifieke code niet voor jou werkt, komt dit waarschijnlijk omdat je thema een klassenaam gebruikt die niet .entry-date is.

De CSS code is nog steeds goed, maar het enige dat je hoeft te doen, is de klassenaam te achterhalen die je thema gebruikt voor de publicatiedatum. Navigeer daarvoor naar de frontend van een blogbericht en klik met de rechtermuisknop op de publicatiedatum die momenteel wordt weergegeven. Selecteer de Inspect optie (dit is afhankelijk van je browser: Chrome gebruikt “Inspect“, Firefox gebruikt “Inspect Element” en voor Safari moet je op de Option toets + C drukken)

Klik met de rechtermuisknop op de datum en kies de Inspect optie.
Klik met de rechtermuisknop op de datum en kies de Inspect optie.

Dit toont het Developer’s Tools gedeelte van je browser, dat coderingselementen van je huidige pagina weergeeft, met name de CSS code van het pagina element waarop je zojuist hebt geklikt.

Het zou als het hoofdelement moeten verschijnen als je op de datum hebt geklikt, maar als dat niet het geval is, zoek dan naar een sectie voor <time class=. De CSS klasse voor je publicatiedatum zou direct daarna moeten verschijnen; in dit geval is het entry-date. Maar ontwikkelaars gebruiken veel variaties hiervan bij het maken van thema’s, zoals post-date, posts-date en published-date.

Zoek naar het fragment
Zoek naar het fragment “time class=” en de informatie erachter.

Kopieer alleen die klasse (niet de haakjes of andere elementen).

Plak de code in het volgende CSS fragment, ter vervanging van yourthemes-class-name. Zorg ervoor dat je de punt voor de klassenaam bewaart.

.yourthemes-class-name {
  display: none;
}

En daarmee zou het klaar moeten zijn!

Een snelle (maar slechts soms effectieve) manier om van de publicatiedatum af te komen

Een snelle en codeloze manier om de publicatiedatum te verwijderen, maar toch rond de “Laatst bijgewerkt” datum te houden (ingevoegd vanuit de vorige methode), is door de datumopmaak volledig te verwijderen in de algemene instellingen van WordPress.

Ga in WordPress naar Settings > General en scrol vervolgens omlaag naar de Date Format en Time Format secties. Kies voor beide de Custom optie en verwijder de voorbeeldopmaak in elk veld. Klik onderaan op de Save Changes knop.

Kies Custom en wis de velden.
Kies Custom en wis de velden.

Als gevolg hiervan verschijnen er geen publicatiedatums meer op je blogposts (of welk berichttype dan ook), maar blijft de “Laatst bijgewerkt” datum behouden, zolang je de nodige code hebt geïmplementeerd om de “Laatst bijgewerkt” datum in de functions.php bestand te tonen (hierboven in het artikel beschreven).

Je zou de bijgewerkte datum zonder de publicatiedatum op de frontend moeten zien.
Je zou de bijgewerkte datum zonder de publicatiedatum op de frontend moeten zien.

Methode 2: Bewerk je thematemplate

Thema ontwikkelaars gebruiken verschillende templates in de bestanden van het thema om informatie weer te geven. Meestal dicteert een thematemplate waar en hoe de bericht metadata (zoals de publicatiedatum) op het thema verschijnen.

Het kan zijn dat je wat moet zoeken, maar het idee is om de templates (en de code binnen die templates) te vinden die verantwoordelijk is voor het delen van de datum en tijd van een bericht op de frontend. Nogmaals, ontwikkelaars verschillen over welke templates ze gebruiken, maar het is gebruikelijk om de code van de publicatiedatum in een van deze templates te zien:

  • index.php
  • page.php
  • single.php
  • archive.php
  • content.php
  • template-tags.php
  • template-functions.php
  • Een PHP bestand in de /inc map
  • Een PHP bestand in de /post map
  • Een PHP bestand in de/content map
  • Een bestand in de /excerpt map
  • Een bestand in de /template-parts map

Het wordt aan het oordeel van de ontwikkelaar (en hun eigen stijl) overgelaten, dus je moet graven om erachter te komen waar de juiste code zich bevindt, of om een bestand te vinden met een andere naam dan de hierboven genoemde.

Hier zijn enkele opties om het juiste themabestand te vinden:

  • Stuur een bericht naar de themaontwikkelaar en vraag welk thematemplate de uitvoer van publicatiedatums voor berichten bepaalt. Je kunt ook online of op het gebruikersforum van een thema een zoekopdracht uitvoeren.
  • Bekijk de meest voorkomende thematemplates. Je kunt beginnen met index.phppage.php, en single.php voor eenvoudigere thema’s, maar de meeste moderne thema’s gebruiken bestanden zoals /template-parts, /excerpts, en /inc.
  • Gebruik de zoekfunctie van de FTP client om te zoeken naar instanties van tekst zoalspostedposted, time, date, get_the_time, of get_the_date.

Voor dit voorbeeld gebruiken we het Twenty Twenty One thema en we ontdekten dat de publicatiedatumcode zich in het template-tags.php bestand bevindt, waardoor je een idee krijgt van hoe weinig er gestandaardiseerd is onder themaontwikkelaars.

Indicatoren van de publicatiedatum in dit bestand zijn onder meer:

  • Een verwijzing naar de tijdklasse
  • get_the_date code
  • “Published” tekst
Verschillende indicatoren om het bestand te vinden dat de datums dient.
Verschillende indicatoren om het bestand te vinden dat de datums dient.

Wanneer je dergelijke indicatoren vindt, kies je een gebied binnen de code dat logisch is om de “Laatst bijgewerkt” datum te plaatsen. Het is meestal het beste om de nieuwe code in te voegen voor of na de sectie waarin de publicatiedatum al wordt weergegeven.

Kopieer deze code en plak deze op de gewenste plek:

$u_time = get_the_time('U');
$u_modified_time = get_the_modified_time('U');
if ($u_modified_time >= $u_time + 86400) {
  echo "<p>Last Updated on ";
  the_modified_time('F jS, Y');
  echo " at ";
  the_modified_time();
  echo "</p> ";
}
Plak de code in je templatebestand.
Plak de code in je templatebestand.

Bij het werken met templatebestanden duurt het meestal wat langer om de juiste mappen te vinden, maar het loont met verschillende voordelen – vooral dat de “Laatst bijgewerkt” datum daadwerkelijk in meerdere gebieden wordt weergegeven.

Een van die gebieden is precies waar je de code voor berichten hebt ingevoegd. In dit voorbeeld zien we nu de “Laatst bijgewerkt” datum en tekst onderaan het artikel, direct boven de publicatiedatum.

De “Laatst bijgewerkt” datum wordt nu weergegeven op elk bericht.
De “Laatst bijgewerkt” datum wordt nu weergegeven op elk bericht.

Als je de thematemplate wijzigt, wordt ook de “Laatst bijgewerkt” datum weergegeven op de hoofdpagina Blog/Archive, waar alle WordPress berichten op volgorde worden weergegeven. Daarom toont elk bijgewerkt bericht die datum in de lijst, waardoor sitebezoekers nog meer transparantie krijgen over hoe recent je content is.

Deze methode onthult ook de “Laatst bijgewerkt” datum op je hoofdpagina Blog/Archive.
Deze methode onthult ook de “Laatst bijgewerkt” datum op je hoofdpagina Blog/Archive.

De locatie wijzigen waar de “Laatst bijgewerkt” datum verschijnt

Thematemplates bepalen hoe datums worden weergegeven binnen WordPress berichten, maar ze bepalen ook waar de datum op een bericht wordt vermeld.

Omdat het afhangt van het thema en de templatestructuur, kan het zijn dat een bepaald thema de publicatie- en “Laatst bijgewerkt” datums bovenaan het bericht presenteert, direct onder de titel maar boven de content. Andere themaontwikkelaars kiezen ervoor om datums onderaan te laten zien, bijvoorbeeld voorafgaand aan de biografie van de auteur, of zelfs ergens in de zijbalk.

Daarom is het nodig om thematemplates aan te passen waar de laatst bijgewerkte of publicatiedatum op een bericht wordt geplaatst. Soms betekent dit dat je de code die je in methode 2 hebt ingevoegd eenvoudigweg naar een andere plaats in datzelfde PHP bestand moet verplaatsen.

Andere keren is dat PHP bestand eigenlijk een “template part” bestand, dat vervolgens wordt gepulled door een hoofdtemplate die alle template onderdelen organiseert, wat resulteert in de specifieke indeling van het bericht.

Met behulp van ons Twenty Twenty One themavoorbeeld van eerder, is het duidelijk dat het template-tags.php bestand slechts een klein stukje is dat uiteindelijk wordt ingevoegd in een hoofdberichtthema bestand. Daarom is het jouw taak om de ontwikkelaar te vragen welke thematemplate de opmaak van berichten verwerkt, of om zelf wat onderzoek te doen.

Hoewel we niet kunnen garanderen dat dit voor elk thema werkt, is het een uitstekend startpunt om te zoeken naar een ‘master’ thematemplate met de naam single.php, content-single.php of zelfs post.php.

Voor het Twenty Twenty One thema kunnen we de laatst bijgewerkte code invoegen in single.php of content-single.php, aangezien single.php dient als het “master” templatebestand, maar content-single.php is de templatedeel waar single.php uithaalt.

Open het content-single.php bestand, of welk templatebestand dan ook de code heeft die datums weergeeft.
Open het content-single.php bestand, of welk templatebestand dan ook de code heeft die datums weergeeft.

Om de locatie van de “Laatst bijgewerkt” datum te verplaatsen, neem je de code die wordt vermeld in methode 2 en plak je deze waar je deze wilt hebben. We kunnen zien dat dit bestand een headergedeelte en een fragment voor the_content heeft, dus we zullen de “Laatst bijgewerkt” datumcode precies tussen die twee plaatsen, waarbij de datum wordt verplaatst van de standaardpositie onder de content naar vlak voor de content.

Verplaats de code naar een geschikte positie.
Verplaats de code naar een geschikte positie.

Op de frontend verschijnt nu de “Laatst bijgewerkt” datum waar we die willen, en je kunt de herhaalde datum van de vorige locatie verwijderen (onderaan) of ze allebei daarin laten staan.

De “Laatst bijgewerkt” datum staat nu bovenaan het bericht.
De “Laatst bijgewerkt” datum staat nu bovenaan het bericht.

De “Laatst bijgewerkt” datum toevoegen aan het Astra thema

Aangezien het gebruik (en de namen) van thematemplates van thema tot thema veranderen, laten we je zien hoe je de “Laatst bijgewerkt” datum invoegt in een paar thema’s die populair zijn vanwege hun multifunctionele ontwerpopties en snelheid: Astra, Neve en Zakra.

De eerste, Astra, is een bekend multifunctioneel thema met een bibliotheek met gratis starttemplates. Elk van die starttemplates voegt nieuwe bestanden toe aan de map met thematemplates, maar de basisstructuur blijft hetzelfde. Voor deze tutorial hebben we een starttemplate geïnstalleerd en willen we nu een “Laatst bijgewerkt” datum bovenaan elk bericht toevoegen.

Om je een idee te geven van hoe verschillend elk thema werkt, toont het Astra thema (met zijn reisblog starttemplate) niet eens standaard de publicatiedatum. Hoe dan ook, je kunt nog steeds de “Laatst bijgewerkt” datum toevoegen. Om de datum in te voegen met methode 1 uit dit artikel, ga je naar /wp-content > /themes > /astra in je FTP client. Open het functions.php bestand.

Open functions.php
Open functions.php.

Plak de methode 1 code aan het einde van het bestand en sla het op je server op. Het resultaat is dat de “Laatst bijgewerkt” datum bovenaan je blogposts wordt weergegeven.

Een frontend weergave van de “Laatst bijgewerkt” datum in Astra.
Een frontend weergave van de “Laatst bijgewerkt” datum in Astra.

Gebruik methode 2 om de thematemplates met de naam single-layout.php te vinden. Het bevindt zich onder /astra > /template-parts > /single.

Open het bestand single-layout.php.
Open het bestand single-layout.php.

Je gebruikt dezelfde code, maar voor sommige thematemplates moet je aangeven dat je PHP code gebruikt; dus voeg de haakjes rond de code toe als je code op de frontend ziet en niet de weergegeven datum.

Het zou er zo uit moeten zien:

<?php
function show_last_updated( $content ) {
  $u_time = get_the_time('U');
  $u_modified_time = get_the_modified_time('U');
  if ($u_modified_time >= $u_time + 86400) {
    $updated_date = get_the_modified_time('F jS, Y');
    $updated_time = get_the_modified_time('h:i a');
    $custom_content .= '<p class="last-updated-date">Recently updated on '. $updated_date . ' at '. $updated_time .'</p>';
  }
  $custom_content .= $content;
  return $custom_content;
}
add_filter( 'the_content', 'show_last_updated' );

Plaats het fragment direct boven de regel die de code_content bevat.

Voeg code in single-layout.php in.
Voeg code in single-layout.php in.

Als je het nieuwe bestand opslaat en uploadt naar de server, wordt een “Last Updated” regel gegenereerd voordat de content op het Astra thema begint!

”Laatst bijgewerkt” datum resultaat op de frontend van Astra.
”Laatst bijgewerkt” datum resultaat op de frontend van Astra.

De “Laatst bijgewerkt” datum toevoegen aan het Neve thema

Het Neve thema biedt een uitstekende herinnering om altijd de WordPress Customizer te controleren voordat je met code gaat rommelen. Elk thema voegt zijn eigen instellingen toe in de Customizer, dus misschien vind je een schakelaar om alleen de “Laatst bijgewerkt” datum weer te geven. En dat is precies het geval met Neve.

Om de instelling in WordPress in te schakelen, ga je naar Appearance > Customize > Layout > Blog/Archive. Klik op de Post Meta dropdown. Zorg ervoor dat de Date zichtbaar is onder Meta Order en schakel vervolgens de optie “Use last updated date instead of the published one” in.

De meest recente datum wordt dan getoond op de blogpagina en elk afzonderlijk bericht.

Neve maakt het je makkelijk met een Customizer instelling.
Neve maakt het je makkelijk met een Customizer instelling.

De “Laatst bijgewerkt” datum toevoegen aan het Zakra WordPress thema

Zakra is een andere lastige waarbij je zou denken om naar de map /template-parts in je WordPress bestanden te gaan om de code te vinden die de publicatiedatum levert. De juiste plek is echter in de /inc map.

Om de “Laatst bijgewerkt” datum aan Zakra toe te voegen, maak je verbinding via een FTP client en ga je naar de map /themes van je site. Navigeer vervolgens naar /zakra > /inc > template-tags.php. Open het bestand om te bewerken.

Open het template-tags.php bestand.
Open het template-tags.php bestand.

Plak de eerder besproken code tussen ); (van de get_the_time functie) en $posted_on = sprintf(. Sla het bestand terug op de server op.

Plak de code in de Zakra thematemplate.
Plak de code in de Zakra thematemplate.

De datum verschijnt nu op de frontend van alle berichten voor het Zakra thema.

De “Laatst bijgewerkt” datum op de frontend van Zakra.
De “Laatst bijgewerkt” datum op de frontend van Zakra.

Als je nog steeds problemen hebt met het bewerken van je themadesign

Zoals je misschien al meerdere keren in dit artikel hebt opgemerkt, heeft elk thema zijn eigen ingebouwde stijl, CSS code en PHP functionaliteit. Daarom is het onmogelijk om te zeggen hoe elk thema reageert op onze voorbeeldcode. Bovendien hebben veel thema’s al de juiste styling, of tonen ze zelfs de “Laatst bijgewerkt” datum zonder dat je aanpassingen hoeft te doen.

Ongeacht de situatie ontstaan de meeste problemen bij het omgaan met de “Laatst bijgewerkt” datum vanwege hardgecodeerde themabestanden of een soort uniekheid binnen de bestanden. Daarom is het vaak het beste om contact op te nemen met je thema ontwikkelaar en te vermelden wat je probeert te bereiken. Ze kunnen vaak een snelle oplossing bieden met de juiste CSS of PHP code die nodig is voor je specifieke situatie.

Methode 3: Gebruik een plugin

We raden aan om een van de bovenstaande methoden te gebruiken om berichtdatums te wijzigen voordat je op een plugin vertrouwt. Dat komt omdat elke plugin die je toevoegt, meer potentieel creëert voor prestatie- en beveiligingsproblemen; deze specifieke datumwijziging is klein, dus we vermijden liever een plugin toe te voegen als je alleen het functions.php bestand of een thematemplate hoeft te bewerken.

Dat gezegd hebbende, kan het zijn dat geen van de bovenstaande methoden werkt, of dat ze niet werken zoals je wilt. Overweeg in dat geval om de WP Last Modified Info plugin te installeren en te activeren.

Deze plugin maakt het heel makkelijk om de “Laatst bijgewerkt” datum toe te voegen, instellingen aan te passen (zoals het vervangen van de publicatiedatum) en het uiterlijk en de plaatsing van de datum kunt opmaken.

De WP Last Modified Info plugin.
De WP Last Modified Info plugin.

Eenmaal geactiveerd ga je naar Settings > WP Last Modified Info in het WordPress dashboard. Zet op de Post Options pagina de schakelaar op “Enable for Posts/Pages on Frontend.”

Inschakelen voor berichten en pagina's op de frontend.
Inschakelen voor berichten en pagina’s op de frontend.

Je kunt er ook voor kiezen om de weergavemethode te wijzigen in:

Scroll naar beneden op de pagina om andere instellingen te vinden voor:

  • Datumopmaak
  • Tijdopmaak
  • Tijdsverschil
Je kunt ervoor kiezen om de publicatiedatum te vervangen door de “Laatst bijgewerkt” datum.
Je kunt ervoor kiezen om de publicatiedatum te vervangen door de “Laatst bijgewerkt” datum.

Sla die instellingen op om de “Laatst bijgewerkt” datum op de frontend van je site weer te geven. Als iets er niet helemaal goed uitziet, ga dan terug naar de instellingen om te zien of er iets beschikbaar is om het te veranderen naar wat je wilt zien.

Een frontend weergave van wat de plugin weergeeft.
Een frontend weergave van wat de plugin weergeeft.

De plugin activeert automatisch ook de “Laatst bijgewerkt” datum voor pagina’s. Als je die standaard wilt verwijderen, ga dan terug naar de instellingen van de plugin om het veld Post Types to Show Modified Info in te vullen. Typ gewoon “Posts” in het veld om ervoor te zorgen dat er niets wordt bijgewerkt op het Pages berichttype. Als alle wijzigingen zijn ingesteld, moet je op de Save Settings knop klikken.

Toon alleen de bijgewerkte datum op berichten.
Toon alleen de bijgewerkte datum op berichten.

Zo weet je wanneer een WordPress bericht of pagina voor het laatst is bijgewerkt

Het weergeven van de meest recent bijgewerkte datum op een WordPress bericht is één ding, maar hoe zit het met het daadwerkelijk bekijken wanneer een bericht voor het laatst is bijgewerkt? Dit is tenslotte een belangrijk onderdeel van het identificeren van oude berichten die je moet wijzigen.

Bovendien kan het bekijken van de publicatie- en “Laatst bijgewerkt” datums helpen bij het oplossen van problemen die je kunt tegenkomen bij het toevoegen van de “Laatst bijgewerkt” datum. De meeste code in dit artikel vereist bijvoorbeeld dat er daadwerkelijk een “Laatst bijgewerkt” datum is om tevoorschijn te halen. Dat betekent dat je geen datums ziet als het bericht niet is bijgewerkt, wat je misschien pas weet als je in de backend naar een datum zoekt.

Om te zien wanneer een WordPress bericht of pagina voor het laatst is bijgewerkt (zelfs voordat een code van de bovenstaande methoden is geïmplementeerd), kun je naar één gebied in het WordPress dashboard gaan.

Helaas geeft WordPress niet automatisch een gewijzigde of “Laatst bijgewerkt” datum weer in de backend wanneer je iets toevoegt aan je berichten en pagina’s, zelfs niet wanneer je een deel van de code van onze bovenstaande methoden implementeert. Als je naar de Posts (“Berichten” in de Nederlandse versie”) lijst in WordPress gaat, wordt alleen een Published Date kolom weergegeven.

Er is alleen een Published Date kolom in de backend postlijst.
Er is alleen een Published Date kolom in de backend postlijst.

Hetzelfde geldt voor de post en pagina editors; je kunt op het Post tabblad kijken om de datum van de publicatie te zien, maar niets over wanneer deze voor het laatst is bijgewerkt.

Alleen de publicatiedatum wordt standaard weergegeven.
Alleen de publicatiedatum wordt standaard weergegeven.

De ingebouwde manier om een idee te krijgen van de “Laatst bijgewerkt” datum in WordPress

Zonder hulp van de ingebouwde weergavefunctionaliteit, is het het beste om het betreffende bericht te openen en op het Post tabblad aan de rechterkant te klikken. Scroll naar beneden om een Revisions knop te vinden.

  • Als je de Revisions knop niet ziet, betekent dit dat je deze nog nooit hebt bijgewerkt.
  • Als je een Revisions knop ziet, klik je erop.
Klik op de Revisions knop om de lijst te bekijken.
Klik op de Revisions knop om de lijst te bekijken.

Hoewel dit geen garantie is voor het vinden van de “Laatst bijgewerkt” datum, geeft het je een redelijk goed beeld van de activiteit op dit bericht.

Revisies worden opgeslagen in WordPress, ongeacht of je het bericht publiceert, dus het kan zijn dat je enkele revisielogs hebt die niet echt de “Laatst bijgewerkt” datums zijn. Maar je kunt de eerdere revisies bekijken om te zien welke je het meest recent hebt gepubliceerd, op basis van de content in de revisie.

Elke revisie registreert de datum en tijd, waarvan je kunt aannemen dat dit ook de “Laatst bijgewerkt” datum is.

Controleer voor de “Laatst bijgewerkt” datum binnen de revisies.
Controleer voor de “Laatst bijgewerkt” datum binnen de revisies.

Als je de “Laatst bijgewerkt” datumcode van een van de eerdere methoden al hebt geïmplementeerd, maar je ziet geen datum op de frontend, dan is dit een uitstekende manier om te zien of het bericht in de eerste plaats een bijgewerkte datum heeft; als dit niet het geval is, geeft de code niets weer.

Of gebruik een plugin om de “Laatst bijgewerkt” datum op de backend te vinden

De WP Last Modified Info plugin voegt niet alleen de “Laatst bijgewerkt” datum toe aan de frontend, maar maakt ook kolommen en secties door het hele dashboard om het makkelijker te maken om berichten te herkennen die je al een tijdje niet hebt bijgewerkt.

Nadat de WP Last Modified Info plugin is geïnstalleerd, navigeer je naar de Posts lijst in WordPress. De plugin genereert automatisch een nieuwe kolom naast Date genaamd Last Modified.

De plugin bevat een nieuwe backend kolom voor de “Laatst bijgewerkt” datum.
De plugin bevat een nieuwe backend kolom voor de “Laatst bijgewerkt” datum.

De plugin toont ook een tabblad in de berichteditor met de naam Last Updated, met de “Laatst bijgewerkt” datum en tijd voor het individuele bericht.

Het tabblad Last Updated in de berichteditor
Het tabblad Last Updated in de berichteditor

Samenvatting

In dit artikel heb je geleerd:

  • Hoe je kan zien wanneer een website voor het laatst is bijgewerkt
  • De voordelen van het weergeven van de “Laatst bijgewerkt” datum op je website
  • Hoe de “Laatst bijgewerkt” datum in WordPress te tonen met behulp van de volgende methoden:
    • Methode 1: functions.php en CSS in je thema bewerken
    • Methode 2: Thematemplates bewerken
    • Methode 3: Een plugin gebruiken zoals WP Last Modified Info

We behandelden ook tips over:

  • Hoe de styling van de “Laatst bijgewerkt” datum te veranderen
  • Hoe de “Laatst bijgewerkt” datum te verwijderen van pagina’s en al het andere dat geen bericht is
  • De publicatiedatum verwijderen zodat alleen de “Laatst bijgewerkt” datum verschijnt
  • De locatie wijzigen waar de “Laatst bijgewerkt” datum in een bericht wordt weergegeven

Ten slotte hebben we je laten zien hoe je de “Laatst bijgewerkt” datum kunt toevoegen aan verschillende populaire thema’s, waaronder:

Laat het ons weten in de comments als je nog vragen hebt over hoe je de “Laatst bijgewerkt” datum op je WordPress website kunt weergeven!

Jeremy Holcombe Kinsta

Content & Marketing Editor bij Kinsta, WordPress Web Developer en Content Writer. Buiten alles wat met WordPress te maken heeft, geniet ik van het strand, golf en films. En verder heb ik last van alle problemen waar andere lange mensen ook tegenaan lopen ;).