Jak wyróżnić nowe posty dla powracających odwiedzających w WordPress

Czy zastanawiałeś się kiedyś, jak popularne witryny wyróżniają nowe posty dla powracających odwiedzających? Wyraźne podkreślenie nowych postów powracającym odwiedzającym to świetny sposób, aby pomóc użytkownikom znaleźć nową treść i zwiększyć liczbę wyświetleń stron. W tym artykule pokażemy, jak wyróżnić nowe posty dla powracających użytkowników w WordPress.

Dlaczego warto wyróżniać nowe posty dla powracających gości?

Powracający odwiedzający to zazwyczaj użytkownicy, którzy lubią twoje treści i wracają szukając więcej. Jednak większość z tych użytkowników spędza tylko kilka sekund i odchodzą, jeśli nie znajdą niczego interesującego.

Podkreślając nową zawartość, możesz zwrócić uwagę użytkownika na najnowszą zawartość. Pomoże to nie tylko zwiększyć oglądalność stron, ale także pomoże użytkownikom znaleźć nową zawartość.

Metoda 1: Wyróżnij nowe posty WordPress za pomocą wtyczki

W tej metodzie będziemy używać wtyczki do podświetlania nowych postów dla powracających użytkowników. Ta metoda jest łatwiejsza do wdrożenia i zalecamy ją dla początkujących.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i aktywować wtyczkę Mark New Posts. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po aktywacji musisz odwiedzić Ustawienia ” Oznacz Nowe Posty aby skonfigurować wtyczkę.

Najpierw musisz wybrać położenie markera. Wtyczka może wyświetlać znacznik nowego postu przed tytułem postu, po tytule postu lub oba.

Następnie musisz wybrać typ znacznika. Istnieje wiele możliwości wyboru. Domyślnie wtyczka wyświetli mały obrazek jako znacznik.

Możesz wybrać, aby pokazać okrąg, niestandardowy obraz, „Nowy” tekst lub flagę.

Na koniec musisz wybrać, kiedy znacznik ma zniknąć. Jeśli zaznaczysz pole obok opcji „Oznacz posty jako Tylko do odczytu po otwarciu”, wtyczka będzie wyświetlać nieprzeczytane posty jako nowe dla użytkowników.

Może to być trochę irytujące dla użytkowników. Zalecamy pozostawienie go niezaznaczonego, aby użytkownicy byli powiadamiani tylko o nowych postach od ich ostatniej wizyty.

Nie zapomnij kliknąć przycisku Zapisz, aby zapisać swoje ustawienia.

To wszystko, wtyczka będzie teraz podświetlać nowe posty dla powracających użytkowników z wybranym typem znacznika.

Metoda 2: Podświetl nowe posty, dodając kod ręcznie

Ta metoda wymaga dodania kodu do witryny WordPress. Jeśli masz pewność, że dodasz fragmenty kodu do swojej witryny WordPress, możesz wypróbować tę metodę.

Jak zawsze, upewnij się, że wykonujesz kopię zapasową WordPress przed dodaniem fragmentów kodu do swojej witryny.

Pierwszą rzeczą, którą musisz zrobić, to skopiować i wkleić ten kod w funkcjach szablonu.plik php lub wtyczka specyficzna dla witryny.

function wpb_lastvisit_the_title ($title, $id ) {

jeśli ( !in_the_loop () | | is_singular () / / get_post_type( $id) = = 'page') return $title;

// if no cookie then just return the title 

jeśli ( !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);
 
// Ustaw plik cookie lastvisit 

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' );

Ten kod wyszukuje plik cookie o nazwie lastvisit, gdy użytkownik pojawi się na twojej stronie. Jeśli nie znajdzie pliku cookie, ustawi plik cookie z aktualnym czasem.

Jeśli znajdzie plik cookie, dodaje „nowy” do tytułu artykułów opublikowanych od ostatniej wizyty użytkownika.

Zauważ, że istnieje nowy-artykuł klasa w <span> otaguj 'nowe’. Użyjesz tej klasy do stylizacji tekstu za pomocą CSS.

Użyliśmy następującego CSS do naszego demo. Po prostu skopiuj i wklej go do arkusza stylów motywu lub motywu podrzędnego.

.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;
}

Tak to wyglądało na naszej stronie demo.

Mamy nadzieję, że ten artykuł pomógł Ci wyróżnić nowe posty dla powracających odwiedzających w WordPress. Baw się kodem, zmieniaj podświetlony tekst i CSS, aby spełnić swoje potrzeby.

Możesz również zapoznać się z naszym przewodnikiem pokazującym ostatnio odwiedzane posty użytkownikowi.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.