Hoe nieuwe berichten markeren voor terugkerende bezoekers in WordPress

Heb je je ooit afgevraagd hoe populaire sites nieuwe berichten markeren voor terugkerende bezoekers? Het duidelijk markeren van nieuwe berichten voor terugkerende bezoekers is een geweldige manier om gebruikers te helpen nieuwe inhoud te vinden en uw paginaweergaven te vergroten. In dit artikel laten we u zien hoe u nieuwe berichten markeert voor terugkerende bezoekers in WordPress.

Waarom nieuwe berichten markeren voor terugkerende bezoekers?

Terugkerende bezoekers zijn meestal gebruikers die uw inhoud leuk vinden en terugkomen op zoek naar meer. De meeste van deze gebruikers besteden echter maar een paar seconden, en ze gaan weg als ze niets interessants vinden.

Door nieuwe inhoud te markeren, kunt u de aandacht van de gebruiker vestigen op de nieuwste inhoud. Hiermee kunt u niet alleen uw paginaweergaven verhogen, maar ook gebruikers helpen nieuwe inhoud te vinden.

Methode 1: Markeer nieuwe WordPress-berichten met een plug-in

In deze methode gebruiken we een plug-in om nieuwe berichten voor terugkerende gebruikers te markeren. Deze methode is eenvoudiger te implementeren en we raden het aan voor beginners.

Het eerste wat u hoeft te doen is de plug-in Mark New Posts installeren en activeren. Raadpleeg onze stapsgewijze handleiding over het installeren van een WordPress-plug-in voor meer informatie.

Bij activering moet je bezoeken Instellingen »Nieuwe berichten markeren om de plug-in in te stellen.

Eerst moet je markerplaatsing kiezen. De plug-in kan een nieuw bericht vóór de berichttitel, na de berichttitel of beide tonen.

Daarna moet je een markeertype kiezen. Er zijn een aantal keuzes. Standaard zal de plug-in een kleine afbeelding als markering tonen.

U kunt kiezen om een ​​cirkel, een aangepaste afbeelding, 'Nieuwe' tekst of een vlag te tonen.

Ten slotte moet u selecteren wanneer u wilt dat de markering verdwijnt. Als u het selectievakje naast 'Berichten markeren als alleen-lezen na openen' inschakelt, blijft de plug-in ongelezen berichten weergeven als nieuw voor uw gebruikers.

Dit kan een beetje vervelend zijn voor uw gebruikers. We raden u aan dit niet aan te vinken, zodat uw gebruikers pas sinds hun laatste bezoek op de hoogte worden gesteld van nieuwe berichten.

Vergeet niet op de knop opslaan te klikken om uw instellingen op te slaan.

Dat is alles, de plug-in zal nu nieuwe berichten markeren voor terugkerende gebruikers met uw geselecteerde markeertype.

Methode 2: Markeer nieuwe berichten door handmatig code toe te voegen

Voor deze methode moet u code aan uw WordPress-site toevoegen. Als u er zeker van bent dat u codefragmenten aan uw WordPress-site toevoegt, kunt u deze methode proberen.

Zorg er zoals altijd voor dat u een back-up maakt van WordPress voordat u codefragmenten aan uw site toevoegt.

Allereerst moet je deze code kopiëren en plakken in het functie.php-bestand van je thema of een sitespecifieke plug-in.

 functie wpb_lastvisit_the_title ($ title, $ id) if (! in_the_loop () || is_singular () || get_post_type ($ id) == 'pagina') retourneer $ titel; // als er geen cookie is, retourneert u de titel als (! isset ($ _ COOKIE ['lastvisit']) || $ _COOKIE ['lastvisit'] == ") $ title retourneert; $ lastvisit = $ _COOKIE ['lastvisit'] ; $ publish_date = get_post_time ('U', true, $ id); if ($ publication_date> $ lastvisit) $ title. = 'New'; return $ title; add_filter ('the_title', 'wpb_lastvisit_the_title', 10, 2 ); // Stel de cookie-functie lastvisit in wpb_lastvisit_set_cookie () if (is_admin ()) return; $ current = current_time ('timestamp', 1); setcookie ('lastvisit', $ current, time () + 60 + 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN); add_action ('init', 'wpb_lastvisit_set_cookie'); 

Deze code zoekt naar een cookie met de naam lastvisit wanneer een gebruiker op uw website arriveert. Als de cookie niet wordt gevonden, wordt de cookie met de huidige tijd ingesteld.

Als het de cookie vindt, voegt het 'Nieuw' toe aan de titel van de artikelen die zijn gepubliceerd sinds het laatste bezoek van de gebruiker.

Merk op dat er een is nieuw artikel klasse in de tag rond 'Nieuw'. U gebruikt deze klasse om de tekst te stijlen met CSS.

We hebben de volgende CSS gebruikt voor onze demo. Kopieer het en plak het in de stylesheet van uw thema of het thema van uw kind.

 .nieuw artikel background: #feffdd; opvulling: 3px; rand: 1px vast # eeefd2; -webkit-border-radius: 5px; -moz-border-radius: 5px; grensradius: 5px; margin-left: 5px; lettergrootte: klein; lettertype: vet;  

Zo zag het er uit op onze demowebsite.

We hopen dat dit artikel u heeft geholpen nieuwe berichten te markeren voor terugkerende bezoekers in WordPress. Speel rond met de code, verander de gemarkeerde tekst en CSS om aan uw behoeften te voldoen.

U kunt ook een kijkje nemen in onze gids over het weergeven van de laatstbezochte berichten aan een gebruiker.

Als je dit artikel leuk vond, meld je dan aan voor onze YouTube-video-tutorials over WordPress. U kunt ons ook vinden op Twitter en Facebook.