Så här markerar du nya inlägg för återkommande besökare i WordPress

Har du någonsin undrat hur populära webbplatser lyfter fram nya inlägg för att återvända besökare? Det är ett bra sätt att hjälpa användare att hitta nytt innehåll och öka sidvisningarna. I den här artikeln visar vi hur du markerar nya inlägg för att återvända besökare i WordPress.

Varför markera nya inlägg för återkommande besökare?

Återkommande besökare brukar vara användare som gillar ditt innehåll och kommer tillbaka efter att ha letat efter mer. De flesta av dessa användare spenderar emellertid bara några sekunder, och de lämnar om de inte hittar något intressant.

Genom att markera nytt innehåll kan du peka användarens uppmärksamhet på det senaste innehållet. Det hjälper inte bara dig att öka sidvisningarna, men det hjälper även användare att hitta nytt innehåll.

Metod 1: Markera nya WordPress-inlägg med ett plugin

I den här metoden använder vi ett plugin för att markera nya inlägg för återvändande användare. Denna metod är lättare att genomföra, och vi rekommenderar det för nybörjare.

Det första du behöver göra är att installera och aktivera pluggen Markera nya inlägg. För mer information, se vår steg för steg guide om hur du installerar ett WordPress-plugin.

Vid aktivering måste du besöka Inställningar »Markera nya inlägg att ställa in plugin.

Först måste du välja markörplacering. Pluggen kan visa ny postmarkering före posttiteln, efter posttiteln eller båda.

Därefter måste du välja en markertyp. Det finns ett antal val. Som standard kommer pluggen att visa en liten bild som markören.

Du kan välja att visa en cirkel, en anpassad bild, "Ny" -text eller en flagga.

Slutligen måste du välja när du vill att markören ska försvinna. Om du markerar rutan bredvid alternativet "Markera inlägg som läst bara efter öppnandet", kommer plugin att fortsätta att visa olästa inlägg som nya för dina användare.

Detta kan vara lite irriterande för dina användare. Vi rekommenderar att du lämnar den avmarkerad så att dina användare bara får meddelande om nya inlägg sedan deras senaste besök.

Glöm inte att klicka på Spara-knappen för att lagra dina inställningar.

Det är allt, plugin kommer nu att markera nya inlägg för att återvända användare med din valda markörstyp.

Metod 2: Markera nya inlägg genom att lägga till kod manuellt

Den här metoden kräver att du lägger till kod på din WordPress-webbplats. Om du är övertygad om att lägga till kodutdrag till din WordPress-webbplats kan du prova den här metoden.

Se alltid till att du säkerhetskopierar WordPress innan du lägger till kodfragment till din webbplats.

Det första du behöver göra är att kopiera och klistra in den här koden i ditt temas funktioner.php-fil eller ett sajtspecifikt plugin.

 funktion wpb_lastvisit_the_title ($ title, $ id) om (! in_the_loop () || är_singular () || get_post_type ($ id) == 'sida') returnera $ title; // om ingen cookie returnerar bara titeln om (! isset ($ _ COOKIE ['lastvisit']) || $ _COOKIE ['lastvisit'] == ") returnera $ title; $ lastvisit = $ _COOKIE ['lastvisit'] ; $ publish_date = get_post_time ('U', true, $ id), om ($ publish_date> $ lastvisit) $ title. = 'Nytt'; returnera $ title; add_filter ('the_title', 'wpb_lastvisit_the_title', 10, 2 ); // Ställ in lastvisit-cookie-funktionen wpb_lastvisit_set_cookie () if (is_admin ()) returnera; $ current = current_time ('tidsstämpel', 1); setcookie ('lastvisit', $ current, time () + 60 + 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN); add_action ('init', 'wpb_lastvisit_set_cookie'); 

Den här koden letar efter en cookie som heter lastvisit när en användare kommer till din webbplats. Om den inte hittar kakan ställer den in kakan med den aktuella tiden.

Om den hittar cookien lägger den till "Ny" till titeln på de artiklar som publicerats sedan användarens senaste besök.

Observera att det finns en nya artikeln klass i tagga runt 'New'. Du kommer att använda den här klassen för att stila texten med hjälp av CSS.

Vi använde följande CSS för vår demo. Kopiera och klistra in det i ditt temat eller barntema stilark.

 .nyartikel bakgrund: #feffdd; vaddering: 3px; gränsen: 1px solid # eeefd2; -webkit-gräns-radie: 5px; -moz-gränsen-radie: 5px; gränsstråle: 5px; margin-vänster: 5px; fontstorlek: liten; font-weight: bold;  

Så här såg det på vår demo webbplats.

Vi hoppas att den här artikeln hjälper dig att markera nya inlägg för att återvända besökare i WordPress. Spela runt med koden, ändra den markerade texten och CSS för att möta dina behov.

Du kanske också vill titta på vår guide om hur du visar senast besökta inlägg till en användare.

Om du gillade den här artikeln kan du prenumerera på vår YouTube-kanal för WordPress-videoinstruktioner. Du kan också hitta oss på Twitter och Facebook.