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 brengen echter maar een paar seconden door 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 verbeteren, 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 voor het installeren van een WordPress-plug-in voor meer informatie .
Na activering moet je naar 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 toont de plug-in een kleine afbeelding als de markering.
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 uit te schakelen, 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 toevoegen aan uw WordPress-site. 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 van WordPress maakt voordat u codefragmenten aan uw site toevoegt.
Het eerste wat u hoeft te doen is deze code kopiëren en plakken in het functie.php- bestand van uw thema of een sitespecifieke plug-in .
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | function wpb_lastvisit_the_title ( $title, $id ) {if ( !in_the_loop() || is_singular() || get_post_type( $id ) == 'page' ) return $title;// if no cookie then just return the title if ( !isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '' ) return $title;$lastvisit = $_COOKIE['lastvisit'];$publish_date = get_post_time( 'U', true, $id );if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';return $title; }add_filter( 'the_title', 'wpb_lastvisit_the_title', 10, 2); // Set the lastvisit cookie function 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 new-articleklasse in de <span>tag rond ‘Nieuw’ staat. U gebruikt deze klasse om de tekst te stijlen met behulp van 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 .
1 2 3 4 5 6 7 8 9 10 11 | .new-article { background: #feffdd;padding: 3px;border: 1px solid #eeefd2;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;margin-left:5px;font-size: small;font-weight: bold;} |
Zo zag het er uit op onze demo-website.
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.
0 Comments