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

Twoi powracający odwiedzający to Twoja najcenniejsza publiczność. Już wykazali zainteresowanie Twoimi treściami i wracają po więcej.

Ale oto rzecz: kiedy trafią na Twoją stronę główną, będą szukać jednej konkretnej rzeczy – co nowego od ich ostatniej wizyty.

Dobra wiadomość jest taka, że podświetlanie nowych postów dla powracających odwiedzających jest łatwiejsze niż myślisz i robi realną różnicę.

Przetestowaliśmy różne metody na kilkudziesięciu stronach WordPress i znaleźliśmy 2 podejścia, które działają doskonale. W tym przewodniku przeprowadzimy Cię przez najskuteczniejsze sposoby wyróżniania nowych postów dla powracających odwiedzających.

Dlaczego warto wyróżniać nowe posty na swojej witrynie WordPress?

Wyróżnianie nowych postów na Twojej stronie WordPress pomaga powracającym odwiedzającym łatwo odkrywać Twoje nowe treści. W ten sposób nie przegapią żadnych świeżych informacji ani aktualizacji, które dodałeś do swojego bloga.

Oznaczanie nowych postów poprawia doświadczenie użytkownika na Twojej stronie WordPress. Kiedy powracający odwiedzający trafi na Twoją stronę, może łatwo zidentyfikować posty, których jeszcze nie przeczytał, co oszczędza mu dużo czasu i zwiększa liczbę wyświetleń Twoich stron.

Dobre doświadczenie użytkownika na Twojej stronie nie tylko pomaga przyciągnąć powracających odwiedzających, ale także pomaga w SEO WordPress. Kiedy Twoja strona jest łatwa w użyciu, poprawia to Twoje rankingi w wyszukiwarkach i zwiększa prawdopodobieństwo, że odwiedzający znajdą Twoje treści.

Mając to na uwadze, zobaczmy, jak możesz wyróżniać nowe posty dla powracających odwiedzających w WordPressie.

Pokażemy Ci dwie metody: jedną za pomocą wtyczki WordPress, a drugą za pomocą kodu. Możesz przejść do konkretnej metody, korzystając z poniższych szybkich linków:

• Metoda 1: Wyróżnianie nowych postów WordPress za pomocą wtyczki WordPress
• Metoda 2: Podświetlanie nowych postów przez dodanie niestandardowego kodu
• Poznaj więcej sposobów na optymalizację swojego bloga WordPress
• Najczęściej zadawane pytania: Podświetlanie nowych postów dla powracających odwiedzających

Metoda 1: Wyróżnianie nowych postów WordPress za pomocą wtyczki WordPress

Pierwsza metoda wykorzystuje wtyczkę Mark New Posts. Polecamy ją początkującym blogerom, ponieważ jest bardzo prosta. Ta wtyczka doda etykietę pokazującą, które posty na blogu w WordPressie Twoi odwiedzający jeszcze nie widzieli.

Najpierw musisz zainstalować i aktywować wtyczkę Mark New Posts. Jeśli potrzebujesz wskazówek, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczki WordPress.

Następnie przejdź do Ustawienia » Oznacz nowe posty z obszaru administracyjnego WordPressa. Zobaczysz teraz stronę ustawień wtyczki.

Teraz wybierz, gdzie chcesz wyświetlić etykietę „Nowe”. Możesz wybrać Po tytule posta, Przed tytułem posta lub Przed i po tytule posta.

Uważamy, że dodanie etykiety po tytule posta będzie wyglądać jak powiadomienie i najbardziej przyciągnie uwagę użytkowników, dlatego właśnie to wybraliśmy.

Następnie musisz wybrać, jak będzie wyglądał znacznik w ustawieniu Typ znacznika. Opcje obejmują tekst „Nowy”, tekst „Nowy” (starsza wersja), pomarańczowe kółko, flagę, obrazek lub Brak.

Pamiętaj, aby przejrzeć każdą opcję, aby zobaczyć, która najlepiej pasuje do projektu Twojej witryny.

Innym ustawieniem, które możesz skonfigurować, jest kolor tła dla tytułu nowego wpisu. Jeśli to włączysz, to gdy czytelnik odwiedzi nowy wpis, zobaczy, że sekcja tytułu wpisu ma kolor tła. Nie uznaliśmy tego ustawienia za konieczne, więc je wyłączyliśmy.

W ustawieniu „Uznaj post za przeczytany” możesz wybrać, kiedy wyłączyć etykietę nowego posta: po jego otwarciu, po wyświetleniu na liście lub po otwarciu dowolnej strony internetowej bloga.

Sugerujemy wybór opcji „po jego otwarciu”. Oznacza to, że jeśli odwiedzający nie przeczytał kilku postów i otworzy jeden, etykieta nowego postu dla innych artykułów nie zniknie.

Następnie możesz wybrać, przez ile dni post powinien pozostać oznaczony jako nowy, wyświetlać wszystkie istniejące posty jako nowe dla nowych odwiedzających i wyłączyć etykietę „nowy” dla niestandardowych typów postów.

Dwa ostatnie ustawienia są dość zaawansowane.

Jedną z opcji jest „Zezwalaj poza listą postów”, co oznacza, że możesz wyróżnić posty spoza pętli, na przykład w obszarach bocznych dostępnych dla widżetów. Zachowaj ostrożność przy włączaniu tego ustawienia, ponieważ może ono spowodować niechciane błędy WordPress.

Drugie to „Użyj JavaScript do wyświetlania znaczników”, które jest zalecane tylko wtedy, gdy wtyczka jest niekompatybilna z motywem lub innymi wtyczkami używanymi w Twoim blogu. W większości przypadków chcesz, aby to ustawienie było wyłączone.

Po zakończeniu konfiguracji ustawień wtyczki kliknij „Zapisz”.

I to wszystko! Odwiedź swoją witrynę w trybie incognito, aby sprawdzić, czy nowe etykiety dla ostatnich postów są aktywne.

Oto jak to wygląda na naszej stronie demonstracyjnej:

Metoda 2: Podświetlanie nowych postów przez dodanie niestandardowego kodu

Czy jesteś niezadowolony z nowych opcji etykiet postów oferowanych przez poprzednią wtyczkę? Jeśli tak, możesz zamiast tego wyróżnić nowe posty używając niestandardowego kodu.

Dla początkujących ta metoda może wydawać się onieśmielająca. Ale nie martw się, ponieważ użyjemy wtyczki WPCode do bezpiecznego wstawiania fragmentów kodu w WordPress bez psucia Twojej witryny.

WPCode ułatwia również zarządzanie wieloma niestandardowymi fragmentami kodu, co będzie przydatne w naszym przypadku, ponieważ będziemy używać więcej niż jednego.

Dokładnie przetestowaliśmy to narzędzie w naszym środowisku demonstracyjnym i stwierdziliśmy, że jest to najbardziej niezawodny sposób dodawania niestandardowego kodu.

Aby uzyskać więcej informacji na temat naszych doświadczeń, możesz zapoznać się z naszą recenzją WPCode.

Pierwszą rzeczą, którą musisz zrobić, to zainstalować WPCode w WordPress. Instrukcje konfiguracji znajdziesz w naszym artykule jak zainstalować wtyczkę WordPress.

Po aktywowaniu wtyczki przejdź do Fragmenty kodu » + Dodaj fragment z panelu administracyjnego WordPress.

Stamtąd znajdź „Dodaj swój niestandardowy kod (nowy fragment)” i kliknij przycisk „+ Dodaj niestandardowy fragment” pod nim.

Następnie wybierz „Fragment PHP” jako typ kodu z listy opcji, które pojawią się na ekranie.

Teraz dodajmy tytuł do Twojego fragmentu kodu, aby łatwiej było go później znaleźć w razie potrzeby.

W tym celu możesz nazwać go czymś w rodzaju „Modyfikator tytułu ostatniej wizyty w WordPressie”.

Następnie możesz skopiować i wkleić poniższy fragment kodu:

// Define a function to modify post titles based on the last visit
function wpb_lastvisit_the_title($title, $id) {

    // Check if not in the loop, a singular page, or a page post type; if true, return the original title
    if (!in_the_loop() || is_singular() || get_post_type($id) == 'page') return $title;

    // Check if no 'lastvisit' cookie is set or if it is empty; if true, set the cookie with the current timestamp
    if (!isset($_COOKIE['lastvisit']) || $_COOKIE['lastvisit'] == '') {
        $current = current_time('timestamp', 1);
        setcookie('lastvisit', $current, time() + 60 * 60 * 24 * 7, COOKIEPATH, COOKIE_DOMAIN);
    }

    // Retrieve the 'lastvisit' cookie value
    $lastvisit = $_COOKIE['lastvisit'];

    // Get the publish date of the post (in Unix timestamp format)
    $publish_date = get_post_time('U', true, $id);

    // If the post was published after the last visit, append a new span to the title
    if ($publish_date > $lastvisit) $title .= '<span class="new-article">New</span>';

    // Return the modified or original title
    return $title;
}

// Add a filter to apply the 'wpb_lastvisit_the_title' function to 'the_title' hook with priority 10 and 2 parameters
add_filter('the_title', 'wpb_lastvisit_the_title', 10, 2);

Ten fragment kodu modyfikuje tytuły postów WordPress na podstawie ostatniej wizyty użytkownika.

Sprawdza, czy strona jest wpisem na blogu, czy nie, a jeśli nie, wyświetli oryginalny tytuł bez zmian. Ale jeśli jest to wpis na blogu, tytuł zostanie zmodyfikowany.

Następnie fragment zapewnia, że istnieje plik cookie lastvisit. Jeśli go nie ma, kod go tworzy i ustawia na bieżącą godzinę. Następnie funkcja porównuje czas lastvisit z datą publikacji posta i dodaje etykietę „Nowy” do tytułu, jeśli post jest nowszy niż ostatnia wizyta.

Po wstawieniu fragmentu kodu wystarczy przewinąć w dół i wybrać „Auto Insert” dla Metody wstawiania.

Poza tym upewnij się, że wybrałeś „Tylko frontend” dla Lokalizacji. Oznacza to, że kod będzie działał tylko w części Twojego bloga WordPress, z którą wchodzą w interakcję odwiedzający, a nie w Twoim panelu administracyjnym ani w innych miejscach.

Po wykonaniu tego możesz ustawić kod jako „Aktywny” i kliknąć „Zapisz fragment”.

Teraz powtórz krok, aby dodać nowy fragment niestandardowego kodu. Tym razem kod będzie stylizował etykietę „Nowy”, która jest dodawana do tytułów ostatnich postów na podstawie ostatniej wizyty użytkownika.

Możesz więc nazwać go na przykład „Styl nowej etykiety tytułu posta”, a Typ kodu powinien być „Fragment CSS”.

Następnie możesz skopiować i wkleić następujące linie kodu do pola Podgląd kodu:

/* CSS to style the "New" label in blog post titles */
.new-article {
    background-color: #4CAF50; /* Green background color */
    color: #ffffff; /* White text color */
    padding: 2px 5px; /* Padding around the label */
    margin-left: 5px; /* Adjust the margin to your preference */
    border-radius: 3px; /* Rounded corners for the label */
    font-size: 12px; /* Adjust the font size to your preference */
}

Ten fragment kodu zasadniczo dostosowuje etykietę „Nowe” posty, używając niestandardowego koloru tła, koloru tekstu, wypełnienia, marginesu, promienia zaokrąglenia i rozmiaru czcionki.

Zachęcamy do dostosowania tych elementów do własnych preferencji w miarę postępów. Pamiętaj tylko, aby używać kodów kolorów szesnastkowych lub wartości RGB dla tła i kolorów tekstu.

W sekcji Wstawianie wybierz „Nagłówek w całej witrynie” jako Lokalizację. Następnie ustaw kod jako „Aktywny” i kliknij „Zapisz fragment”.

I to wszystko! Aby sprawdzić, czy kod działa, możesz opublikować nowy wpis na blogu i wyświetlić post na urządzeniu mobilnym lub komputerze w trybie incognito.

Jeśli kod zadziała, powinieneś zobaczyć etykietę „Nowy” obok tytułów swoich ostatnich postów.

Poznaj więcej sposobów na optymalizację swojego bloga WordPress

Oprócz wyróżniania polecanych postów dla powracających odwiedzających witrynę, istnieją inne sposoby, aby ulepszyć swojego bloga i sprawić, by ludzie dłużej pozostawali na Twojej stronie.

Na przykład możesz wyświetlić posty powiązane z tym, który odwiedzający aktualnie czyta. W ten sposób możesz utrzymać jego zaangażowanie, prezentując treści zgodne z jego zainteresowaniami.

Możesz też stworzyć lepki pływający pasek stopki, aby zbierać adresy e-mail lub promować oferty specjalne. Ten pasek pozostaje widoczny podczas przewijania strony przez odwiedzających. Możesz go użyć, aby stale przypominać o subskrypcji lub skorzystaniu z oferty, zwiększając współczynniki konwersji.

Możesz również dodać narzędzie do zmiany rozmiaru czcionki ze względów dostępności. Pozwala to odwiedzającym na dostosowanie rozmiaru czcionki na Twojej stronie internetowej do ich preferencji, ułatwiając im czytanie Twoich treści.

Jeśli masz dużo treści na blogu, możesz chcieć utworzyć niestandardowe strony, które wyświetlają posty na blogu, jeśli mają określone niestandardowe pole.

Załóżmy, że masz niestandardowe pole dla „Trudności przepisu”. Możesz utworzyć stronę, która wyświetla wszystkie posty na blogu oznaczone jako „Przepis” i które mają również wartość niestandardowego pola „Łatwy”.

W ten sposób odwiedzający szukający łatwych przepisów znajdą je wszystkie w jednym miejscu.

Oto inne wskazówki, które możesz sprawdzić, aby dalej optymalizować swojego bloga WordPress:

• Jak wyświetlać względne daty w WordPressie
• Jak zbudować niestandardowy pasek przewijania w WordPress
• Jak wyświetlać fragmenty postów w motywach WordPress
• Sposoby na stworzenie przyjaznej dla urządzeń mobilnych strony WordPress (porady ekspertów)
• Jak wyróżnić tekst w WordPress (Przewodnik dla początkujących)
• Jak dodać pasek postępu czytania do wpisów WordPress

Najczęściej zadawane pytania: Podświetlanie nowych postów dla powracających odwiedzających

Oto kilka pytań, które często zadają nasi czytelnicy dotyczące oznaczania nowych wpisów dla powracających odwiedzających w WordPress:

Jak długo post powinien być oznaczony jako „nowy” dla powracających odwiedzających?

Zależy to od tego, jak często publikujesz treści i jak często użytkownicy wracają na Twoją stronę. Dobrą zasadą jest oznaczanie postów jako „nowe” przez:

• 7 dni po publikacji
• Lub do momentu, aż odwiedzający wyświetli post

Czas trwania można dostosować za pomocą kodu lub ustawień wtyczki. Po prostu upewnij się, że etykieta „nowe” nie pozostaje na zawsze – to zaprzecza celowi i może zdezorientować odwiedzających.

Rozważ wyświetlenie subtelnej odznaki lub animacji, aby zachować przyjazność dla użytkownika.

Czy używanie plików cookie do wyróżniania nowych postów wpłynie na wydajność witryny?

Nie, używanie plików cookie do wyróżniania nowych postów dla powracających odwiedzających zazwyczaj ma minimalny wpływ na wydajność. Pliki cookie są przechowywane w przeglądarce użytkownika i wysyłane wraz z żądaniami, więc nie obciążają dodatkowo serwera.

Aby zachować efektywność:

• Przechowuj tylko niezbędne dane (np. pojedynczy znacznik czasu).
• Używaj lekkiego JavaScriptu i minimalnego CSS.
• Unikaj stosowania logiki do każdej strony, jeśli jest ona potrzebna tylko na stronie bloga lub archiwum.

Jeśli zależy Ci na optymalizacji, połącz go z wtyczką do buforowania, która obsługuje dynamiczną zawartość, taką jak WP Rocket.

Czy mogę wyróżnić nowe posty tylko dla zalogowanych użytkowników?

Tak, jeśli Twoja witryna wymaga od użytkowników zalogowania się (np. witryna członkowską lub społecznościową), możesz wyróżnić nowe posty na podstawie czasu ich ostatniego logowania.

WordPress przechowuje ostatnie logowanie każdego użytkownika jako metadane, które można pobrać za pomocą:

$last_login = get_user_meta(get_current_user_id(), 'last_login', true);

Następnie możesz porównać tę wartość z datą publikacji swoich postów.

Ta metoda jest bardziej niezawodna niż pliki cookie, ponieważ nie opiera się na przeglądarce użytkownika. Jest szczególnie przydatna w pulpitach członkowskich lub portalach edukacyjnych, gdzie treści są regularnie aktualizowane.

Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak wyróżniać nowe posty dla powracających odwiedzających w WordPressie. Możesz również zapoznać się z naszymi ekspertyzami dotyczącymi najlepszych wtyczek do tworzenia stron WordPress typu przeciągnij i upuść oraz naszym kompletnym przewodnikiem po najskuteczniejszych elementach projektowania stron internetowych WordPress.

Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.