Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Wie man neue Beiträge für wiederkehrende Besucher in WordPress hervorhebt

Hinweis der Redaktion: Wir erhalten eine Provision für Partnerlinks auf WPBeginner. Die Provisionen haben keinen Einfluss auf die Meinung oder Bewertung unserer Redakteure. Erfahre mehr über Redaktioneller Prozess.

Fragen Sie sich, wie Sie neue Beiträge für wiederkehrende Besucher in WordPress hervorheben können?

Die Vorstellung der Beiträge, die neu auf Ihrer Website veröffentlicht wurden, ist eine Möglichkeit, Ihre treuen Besucher zu begrüßen, sie auf dem Laufenden zu halten und sicherzustellen, dass sie Ihre neuesten Inhalte nicht verpassen.

In dieser Schritt-für-Schritt-Anleitung zeigen wir Ihnen, wie Sie in WordPress neue Beiträge für wiederkehrende Besucher hervorheben können.

How to Highlight New Posts for Returning Visitors in WordPress

Warum neue Beiträge auf Ihrer WordPress-Website hervorheben?

Die Hervorhebung neuer Beiträge auf Ihrer WordPress Website hilft wiederkehrenden Besuchern, Ihre neuen Inhalte leicht zu entdecken. Auf diese Weise verpassen sie keine neuen Informationen oder Aktualisierungen, die Sie Ihrem Blog hinzugefügt haben.

Die Kennzeichnung neuer Beiträge verbessert die Benutzererfahrung auf Ihrer WordPress-Website. Wenn ein wiederkehrender Besucher Ihre Website besucht, kann er leicht erkennen, welche Beiträge er noch nicht gelesen hat, was ihm eine Menge Zeit spart und die Seitenaufrufe erhöht.

Ein gutes Benutzererlebnis auf Ihrer Website sorgt nicht nur für zufriedene Besucher, sondern hilft auch bei der WordPress-SEO. Wenn Ihre Website einfach zu bedienen ist, verbessert sich Ihr Suchmaschinenranking und die Wahrscheinlichkeit, dass Besucher Ihre Inhalte finden, steigt.

Sehen wir uns also an, wie Sie neue Beiträge für wiederkehrende Besucher in WordPress hervorheben können.

Wir werden Ihnen zwei Methoden zeigen: eine mit einem WordPress-Plugin und die andere mit Code. Sie können zu einer bestimmten Methode springen, indem Sie die Quicklinks unten verwenden:

Methode 1: Neue WordPress-Beiträge mit einem WordPress-Plugin hervorheben

Diese erste Methode verwendet das Plugin Neue Beiträge markieren. Wir empfehlen es für Anfänger unter den Bloggern, weil es sehr einfach ist. Dieses Plugin fügt ein Etikett hinzu, um anzuzeigen, welche Beiträge Ihre Website-Besucher noch nicht gesehen haben.

Als Erstes müssen Sie das Plugin „Mark New Posts“ installieren und aktivieren. Wenn Sie eine Anleitung benötigen, lesen Sie unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Gehen Sie danach im WordPress-Adminbereich auf Einstellungen “ Neue Beiträge markieren . Sie sehen nun die Einstellungsseite des Plugins.

Jetzt müssen Sie nur noch auswählen, wo die Bezeichnung „Neu“ angezeigt werden soll. Sie können Nach dem Beitragstitel, Vor dem Beitragstitel oder Vor und nach dem Beitragstitel auswählen.

Wir haben festgestellt, dass das Hinzufügen des Labels nach dem Titel des Beitrags wie eine Benachrichtigung aussieht und die Aufmerksamkeit der Nutzer am meisten erregt, daher haben wir uns für diese Variante entschieden.

Selecting the new post marker placement in Mark New Posts plugin

Als Nächstes müssen Sie in der Einstellung „Markierungstyp“ auswählen, wie die Markierung aussehen soll. Zu den Optionen gehören „Neuer“ Text, „Neuer“ Text, Orangefarbener Kreis, Flagge, Bild oder Keine.

Probieren Sie jede Option aus, um zu sehen, welche am besten zu Ihrem Website-Design passt.

Selecting a new post marker type in Mark New Posts plugin

Eine weitere Einstellung, die Sie konfigurieren können, ist die Hintergrundfarbe für den Titel des neuen Beitrags. Wenn Sie diese Einstellung aktivieren, sieht der Leser, wenn er einen neuen Beitrag aufruft, dass der Titelabschnitt des Beitrags eine Hintergrundfarbe hat. Wir hielten diese Einstellung nicht für notwendig und haben sie daher deaktiviert.

In der Einstellung ‚Einen Beitrag als gelesen betrachten‘ können Sie wählen, wann die Kennzeichnung eines neuen Beitrags deaktiviert werden soll: nachdem er geöffnet wurde, nachdem er in der Liste angezeigt wurde oder nachdem eine beliebige Webseite des Blogs geöffnet wurde.

Wir schlagen vor, die Option „nach dem Öffnen“ zu wählen. Das bedeutet, dass, wenn ein Besucher mehrere Beiträge nicht gelesen hat und einen öffnet, die Beschriftung des neuen Beitrags für die anderen Artikel nicht verschwindet.

Als Nächstes können Sie auswählen, wie viele Tage der Beitrag als neu hervorgehoben bleiben soll, alle vorhandenen Beiträge für neue Besucher als neu anzeigen und die neue Kennzeichnung für benutzerdefinierte Beitragstypen deaktivieren.

The Mark New Posts plugin settings page

Die letzten beiden Einstellungen sind ziemlich fortgeschritten.

Eine davon ist „Außerhalb der Beitragsliste zulassen“, was bedeutet, dass Sie Beiträge außerhalb der Schleife hervorheben können, z. B. in Widget-fähigen Seitenleistenbereichen. Seien Sie vorsichtig bei der Aktivierung dieser Einstellung, da sie unerwünschte WordPress-Fehler verursachen kann.

Die andere ist „JavaScript für die Anzeige von Markierungen verwenden“, die nur empfohlen wird, wenn das Plugin nicht mit dem Thema oder anderen Plugins, die in Ihrem Blog verwendet werden, kompatibel ist. In den meisten Fällen werden Sie diese Einstellung deaktiviert lassen wollen.

Wenn Sie mit der Konfiguration der Plugin-Einstellungen fertig sind, klicken Sie einfach auf „Speichern“.

Clicking the Save button in Mark New Posts plugin

Und das war’s! Besuchen Sie nun Ihre Website im Inkognito-Modus, um zu sehen, ob die neuen Etiketten für die letzten veröffentlichten Beiträge aktiv sind.

So sieht es auf unserer Demo-Website aus:

Example of the new post marker made by Mark New Posts plugin

Methode 2: Neue Beiträge durch Hinzufügen von benutzerdefiniertem Code hervorheben

Sind Sie unzufrieden mit den Optionen für die Beschriftung neuer Beiträge, die das vorherige Plugin bietet? Wenn ja, dann können Sie neue Beiträge stattdessen mit benutzerdefiniertem Code hervorheben.

Für Anfänger mag diese Methode einschüchternd wirken. Aber keine Sorge, denn wir werden das WPCode-Plugin verwenden, um Code-Snippets sicher in WordPress einzufügen, ohne Ihre Website zu zerstören.

Mit WPCode lassen sich auch mehrere benutzerdefinierte Codeschnipsel verwalten, was in unserem Fall sehr praktisch ist, da wir mehr als einen verwenden werden.

WPCode - Best WordPress Code Snippets Plugin

Hinweis: Es gibt zwar eine kostenlose Version von WPCode, aber wir werden WPCode Pro verwenden, weil Sie damit die Codeschnipsel an den richtigen Stellen für diesen Lehrgang einfügen können.

Als Erstes müssen Sie WPCode in WordPress installieren. Eine Anleitung zur Installation finden Sie in unserem Artikel über die Installation eines WordPress-Plugins.

Gehen Sie als Nächstes in Ihrem WordPress-Dashboard zu Code Snippets “ + Snippet hinzufügen . Wählen Sie dann „Eigenen Code hinzufügen (neues Snippet)“ und klicken Sie auf die Schaltfläche „Snippet verwenden“.

Adding custom code in WPCode

Fügen wir nun einen Titel zu Ihrem Codeschnipsel hinzu, damit Sie ihn später bei Bedarf leichter finden können. Dazu können Sie ihn z. B. „WordPress Last Visit Title Modifier“ nennen.

Wählen Sie dann in der Dropdown-Liste „Code-Typ“ die Option „PHP-Snippet“.

Giving the custom code snippet a title and selecting the PHP code type in WPCode

Danach können Sie den unten stehenden Code kopieren und einfügen:

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

Dieses Snippet ändert die Titel von WordPress-Beiträgen auf der Grundlage des letzten Besuchs eines Benutzers.

Es wird geprüft, ob es sich bei der Seite um einen Blogeintrag handelt oder nicht, und wenn nicht, wird der Originaltitel unverändert angezeigt. Handelt es sich jedoch um einen Blogeintrag, wird der Titel geändert.

Dann wird sichergestellt, dass das Cookie für den letzten Besuch existiert. Ist dies nicht der Fall, erstellt der Code das Cookie und setzt es auf die aktuelle Zeit. Die Funktion vergleicht dann den Zeitpunkt des letzten Besuchs mit dem Veröffentlichungsdatum des Beitrags und fügt dem Titel ein Label „Neu“ hinzu, wenn der Beitrag neuer ist als der letzte Besuch.

Nachdem Sie den Codeausschnitt eingefügt haben, scrollen Sie einfach nach unten und wählen Sie für die Einfügemethode „Automatisch einfügen“.

Stellen Sie außerdem sicher, dass Sie für den Standort „Nur Frontend“ wählen. Das bedeutet, dass der Code nur in dem Teil Ihres WordPress-Blogs ausgeführt wird, mit dem die Besucher interagieren, und nicht in Ihrem Verwaltungsbereich oder an anderen Stellen.

Modifying the insertion settings in WPCode and activating and publishing the code

Wenn das erledigt ist, können Sie den Code „Aktiv“ machen und auf „Snippet speichern“ klicken.

Wiederholen Sie nun den Schritt, um ein neues benutzerdefiniertes Code-Snippet hinzuzufügen. Dieses Mal wird der Code die Bezeichnung „Neu“, die den Titeln der letzten Beiträge hinzugefügt wird, auf der Grundlage des letzten Besuchs eines Benutzers gestalten.

Sie können es also z. B. „Post Title New Label Style“ nennen und der Codetyp sollte „CSS Snippet“ sein.

Creating a CSS code to customize the new post label in WPCode

Kopieren Sie dann die folgenden Codezeilen und fügen Sie sie in das Feld Codevorschau ein:

/* 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 */
}

Mit diesem Codeschnipsel lässt sich die Beschriftung „Neu“ mit einer benutzerdefinierten Hintergrundfarbe, Textfarbe, Polsterung, Rand, Umrandungsradius und Schriftgröße anpassen.

Sie können diese Elemente nach Belieben an Ihre Wünsche anpassen. Stellen Sie nur sicher, dass Sie Hex-Farbcodes oder RGB-Werte für die Hintergrund- und Textfarben verwenden.

Wählen Sie im Abschnitt „Einfügen“ die Option „Site Wide Header“ als Speicherort. Danach machen Sie den Code „Aktiv“ und klicken auf „Snippet speichern“.

Choosing Site Wide Header as the code location in WPCode

Und das war’s! Um zu sehen, ob der Code funktioniert, können Sie einen neuen Blogbeitrag veröffentlichen und den Beitrag auf dem Handy oder dem Desktop im Inkognito-Modus anzeigen.

Wenn der Code erfolgreich ist, sollten Sie neben den Titeln Ihrer letzten Beiträge ein Label „Neu“ sehen.

Example of the new post label made with WPCode

Neben der Hervorhebung neuer Beiträge für wiederkehrende Website-Besucher gibt es noch andere Möglichkeiten, Ihren Blog zu verbessern und die Besucher dazu zu bringen, länger auf Ihrer Website zu bleiben.

Sie könnten zum Beispiel Beiträge anzeigen, die mit dem Beitrag, den der Besucher gerade liest, zusammenhängen. Auf diese Weise können Sie sie durch die Präsentation von Inhalten, die ihren Interessen entsprechen, bei der Stange halten.

Sie könnten auch eine oben gehaltene, schwebende Footer-Leiste erstellen, um E-Mail-Adressen zu erfassen oder Sonderangebote zu bewerben. Diese Leiste bleibt sichtbar, wenn Besucher auf der Seite nach unten scrollen. Sie können sie als konstante Erinnerung nutzen, um sich anzumelden oder Ihr Angebot zu nutzen und so die Konversionsrate zu erhöhen.

Aus Gründen der Barrierefreiheit sollten Sie auch eine Schriftgrößenanpassung ein bauen. Damit können Besucher die Schriftgröße auf Ihrer Website an ihre Vorlieben anpassen, was ihnen das Lesen Ihrer Inhalte erleichtert.

Wenn Sie viele Blog-Inhalte haben, möchten Sie vielleicht individuelle Seiten erstellen, die Blog-Beiträge anzeigen, wenn sie ein bestimmtes benutzerdefiniertes Feld haben.

Nehmen wir an, Sie haben ein individuelles Feld für „Rezeptschwierigkeit“. Sie könnten eine Seite erstellen, auf der alle Beiträge angezeigt werden, die mit dem Schlagwort „Rezept“ und dem individuellen Feldwert „Einfach“ veröffentlicht wurden. Auf diese Weise können Besucher, die nach einfachen Rezepten suchen, diese alle an einem Ort finden.

Hier finden Sie weitere Tipps zur Optimierung Ihres WordPress-Blogs:

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie neue Beiträge für wiederkehrende Besucher in WordPress hervorheben können. Vielleicht interessieren Sie sich auch für unsere Expertenauswahl der besten WordPress Drag-and-drop Page-Builder Plugins und unseren ultimativen Leitfaden zur Bearbeitung einer WordPress-Website.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

Erhalte KOSTENLOSEN Zugang zu unserem Toolkit - eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Reader Interactions

14 KommentareEine Antwort hinterlassen

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Peter says

    Hi
    I use WP for a static website and show posts in a sidebar using the Recent Posts widget.

    I would like visitors to the site to be able to see new posts by highlighting them in some way in the sidebar e.g. showing „New“ against the title of the post.

    Is there any plugin that will support this? The Mark New Posts widget only shows that the item is new once you have opened the post from the sidebar.

    Many thanks

    Peter

  3. S says

    Forgot to mention, as mentioned above, most websites have more than one theme per post/page, so this may not work in that instance. Have a wonderful day.

  4. S says

    Thank you for all your help. However, this needs to be in a short video and explained in slow detail. This is complicated and for developers that are used to coding, not for the average joe building a website. I always appreciate your emails so much

  5. Sam says

    This does not work for multisite network. Can you please advise. I appreciate your help by adding a tutorial for multisite.

    Thanks

  6. mthcsn says

    Great stuff! Thanks!
    Although, I think the cookie is expiring rather fast. I think it was meant to be ‚time()+(60*60*24*7)‘ so it expires after a week. Otherwise, it expires only after slightly less than 3 hours.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.