Erstellen Sie einen Abschnitt "Trending Posts" in Oxygen Builder - Tutorial

Veröffentlicht: 2022-06-22

In diesem Artikel und Video-Tutorial werden wir in Oxygen Builder mit dem Repeater-Element, dem WordPress Popular Posts Plugin und erweiterten Abfragen einen Abschnitt für trendige/beliebte Posts erstellen.

Eines der ersten Tutorials, das wir in diesem Blog zu Oxygen veröffentlicht haben, war, wie man einen beliebten Beitragsbereich erstellt. Jetzt, im Jahr 2022, werden wir dieses Thema mit den aktuellsten Methoden und den besten Plugins für den Job erneut aufgreifen.

Unsere Agentur arbeitet auf vielen Nachrichten- und großen Content-Websites. Eine ständige Anforderung an diese Art von Websites ist die Fähigkeit, trendige und beliebte Posts anzuzeigen. Der Mechanismus, den jedes dieser Widgets verwendet, ist gleich – zuerst müssen wir verstehen, wie viele Aufrufe ein bestimmter Beitrag erhält, und dann können wir auf dieser Grundlage Abfragen durchführen.

Sauerstoff-Builder-Kurs - Demnächst!

Der Oxygen Builder Mastery-Kurs bringt Sie vom Anfänger zum Profi – ACF-, MetaBox- und WooCommerce-Module inklusive.

Erhalten Sie Startbenachrichtigung und Rabatt

Beliebte Posts betrachten normalerweise die Gesamtzahl der Aufrufe von Posts über einen langen Zeitraum. Beispielsweise können wir die beliebtesten Posts aller Zeiten im Blog oder die beliebtesten Posts für ein bestimmtes Jahr anzeigen.

Trendposts betrachten die Gesamtzahl der Aufrufe über einen kürzeren Zeitraum, normalerweise einen Tag oder eine Woche. Wenn beispielsweise ein Beitrag an einem Tag 100 Aufrufe erzielt hat, verglichen mit dem Website-Durchschnitt von 33 Aufrufen, wissen wir, dass dies im Trend liegt.

Es gibt viele Plugins im WordPress-Repository, mit denen Sie diese Art von Widgets schnell zu einer WordPress-Website hinzufügen können. Mit dem Sauerstoff-Repeater und dem einfachen Post-Element können Sie jedoch die dynamische Datenausgabe jedes Posts ernsthaft anpassen. In unseren Projekten bauen wir komplett individuelle Displays und Karten mit Repeatern.

Mit dieser Methode können wir beliebte Posts und Trending Posts mithilfe von Repeatern einfach in den Oxygen Builder integrieren.

Videoanleitung

Holen Sie sich die Ansichten

Der erste Schritt besteht darin, zu verstehen, wie viele Aufrufe ein einzelner Beitrag erhält.

Um die Aufrufe zu erhalten, wurde ein beliebtes Plugin namens „ WordPress Popular Posts “ verwendet. Dies ist ein wirklich leistungsstarkes Tool – es unterstützt mehrere Sprachen, kommt mit Caching, ist wirklich gut auf GitHub dokumentiert, hat ein Statistik-Dashboard im WP-Admin und hat sogar API-Unterstützung!

isotrop-2022-06-19-am-17-41-16 — Installieren Sie dieses Plugin auf Ihrer Oxygen Builder-Website

Es bietet Ihnen sofort anpassbare Widgets, mit denen Sie die beliebtesten Beiträge auf Ihrer Website einfach anzeigen können. Sie können sie mithilfe von Shortcodes in Oxygen einfügen.

Wir wollen jedoch noch einen Schritt weiter gehen und das Repeater-Element von Oxygen Builder verwenden, um die beliebtesten und angesagtesten Posts anzuzeigen. Auf diese Weise können wir den Builder verwenden, um das Erscheinungsbild unserer beliebtesten Posts vollständig anzupassen.

Es gibt jedoch ein kleines Problem damit, wie dieses Plugin die Anzahl der Aufrufe verwaltet. Views werden in einer Datenbanktabelle getrennt von posts oder postmeta gespeichert. Um mit Standard-WordPress Square in Oxygen Builder abzufragen, benötigen wir diese Daten, auf die über ein Metafeld zugegriffen werden kann.

Hinzufügen von Ansichten zur Post-Meta

Sobald Sie das WordPress Popular Posts -Plugin installiert haben, ist es an der Zeit, diese Daten für unsere Abfragen nutzbar zu machen.

Dazu müssen wir die aktuellsten View-Nummern abrufen und sie unter einem benutzerdefinierten Feld ausfüllen, das mit unseren Posts verknüpft ist.

Sobald diese Daten zugänglich sind, können wir sie verwenden, um Beiträge nach Beliebtheit in benutzerdefinierten WordPress-Abfragen zu ordnen.

Fügen Sie diesen Code zunächst mithilfe eines Code-Snippet-Managers zu Ihrer Website hinzu. Wir empfehlen Scripts Organizer für Oxygen Builder-Websites.

/** * Speichert Ansichten verschiedener Zeiträume als Metaschlüssel. * * @author @migueleste / @radgh * @link https://wordpress.org/support/topic/how-to-sort-a-custom-query-by-views-all-time-monthly-weekly-or- daily/ * @param int $postid Die ID des aktuellen Beitrags/Seite/benutzerdefinierten Beitragstyps. */ function custom_wpp_update_postviews($postid) { // Genauigkeit: // 10 = 1 von 10 Besuchen aktualisiert die Anzahl der Aufrufe. (Empfohlen für stark frequentierte Websites.) // 30 = 30 % der Besuche. (Websites mit mittlerem Traffic.) // 100 = Bei jedem Besuch. Erstellt bei jeder Anfrage viele DB-Schreiboperationen. $Genauigkeit = 50; if ( function_exists('wpp_get_views') && (mt_rand(0,100) < $accuracy) ) { // Zeilen entfernen oder auskommentieren, die Sie nicht verwenden werden!! update_post_meta( $postid, 'views_total', wpp_get_views($postid, 'all', false) ); update_post_meta( $postid, 'views_daily', wpp_get_views($postid, 'daily', false) ); update_post_meta( $postid, 'views_weekly', wpp_get_views($postid, 'weekly', false) ); update_post_meta( $postid, 'views_monthly', wpp_get_views($postid, 'monthly', false) ); } } add_action('wpp_post_update_views', 'custom_wpp_update_postviews');

Dieser Code wird vom Entwickler hinter dem Plugin erstellt, um genau das zu tun, was wir brauchen – uns nutzbare Daten für die Abfrage bereitzustellen.

Es gibt uns vier neue Metafelder, mit denen wir arbeiten können - views_total, views_daily, views_weekly, views_monthly .

Die Gesamtaufrufe und die monatlichen Aufrufe eignen sich hervorragend für einen beliebten Beitragsbereich. Die täglichen und wöchentlichen Ansichten eignen sich hervorragend für Trending-Posts.

Jedes Feld enthält eine Zahl für die entsprechenden Aufrufe – beispielsweise kann ich bei einem bestimmten Beitrag die Gesamtaufrufe im Frontend anzeigen, indem ich dies in einem Oxygen-Codeblock zu einer auf Beiträge angewendeten Vorlage hinzufüge:

<?php the_field('views_total'); ?> //Beispielausgabe wäre 1203. Das bedeutet, dass der Beitrag seit seiner Veröffentlichung 1203 Aufrufe erhalten hat.

Abwarten!

Abhängig vom Datenverkehr, den Ihre Website erhält, sollten Sie dies optimieren, damit die Serverressourcen erschöpft sind und jede einzelne Ansicht in die Datenbank geschrieben wird. Glücklicherweise gibt es in diesem Code-Snippet eine integrierte Funktion, die genau dies behebt.

Am oberen Rand dieses Code-Snippets sehen Sie einen Abschnitt für die Genauigkeit. Auskommentiert im Code sind Anweisungen.

Die Genauigkeit wird von 0-100 gesteuert. Bei einem Wert von 100 wird jeder einzelne Seitenaufruf in der Datenbank protokolliert. Bei Einstellung auf 1 aktualisiert 1 von 10 Besuchen die Anzahl der Aufrufe.

Die Genauigkeit sollte für Websites mit höherem Traffic verringert werden. Dies minimiert die Belastung des Servers und Performance-Probleme.

Denken Sie daran, dass dieses Plugin keine Analyselösung ersetzen soll. Daher spielt die Genauigkeit keine so große Rolle, da das Verhältnis von Zuschauerzahlen zu Beiträgen gleich ist. Sie wissen immer noch, welche Ihrer Beiträge beliebt sind.

Erstellen Sie den Bereich Trending Posts

Lassen Sie uns jetzt schnell die Abschnitte mit den Trends und beliebten Beiträgen aufbauen.

Ich werde einen Repeater verwenden und schnell ein vorgestelltes Bild, einen Beitragstitel, einen Auszug und einen Link zum Weiterlesen hinzufügen. Sie können auch einfache Posts verwenden, da wir die in Oxygen enthaltene erweiterte Abfragefunktion verwenden werden.

isotrop-2022-06-19-am-18-04-50 — Mein "Top Stories"-Display, gebaut mit einem Oxygen Builder-Repeater

Trending Posts abfragen

Jetzt ist es an der Zeit, die Trending Posts abzufragen. Wie bereits erwähnt, verwenden wir die Gesamtzahl der Aufrufe für den Tag, da uns dies ein gutes Verständnis dafür gibt, was in diesem bestimmten Zeitraum im Trend liegt.

Verwenden Sie dazu die erweiterte Abfragefunktion für das Repeater- oder Easy-Post-Element.

Klicken Sie auf die Schaltfläche „Abfrage bearbeiten“, um die Benutzeroberfläche für erweiterte Abfragen zu öffnen.

Fügen Sie nun Folgendes hinzu. Für diesen Anwendungsfall wollte ich nur die acht beliebtesten Posts basierend auf den wöchentlichen Aufrufen anzeigen.

Ich setze:

Beiträge_pro_Seite = 8
no_found_rows = true (dies deaktiviert die Paginierung für den Repeater)
post_type = Beitrag
meta_key = views_weekly (dies teilt WordPress mit, dass wir Daten aus diesem Feld mit der Abfrage verknüpfen müssen. Denken Sie daran, dass wir dies auf insgesamt, täglich, wöchentlich oder monatlich ändern können, je nachdem, ob wir Trend- oder beliebte Posts wünschen)
order_by = meta_value_num (dies sagt uns, dass wir nach der Nummer bestellen werden, die unserem Meta-Wert zugeordnet ist, was in diesem Fall die wöchentlichen Aufrufe sind)
order = desc (dies weist uns an, die Beiträge nach den meisten Aufrufen zu den wenigsten Aufrufen zu sortieren)

Speichern Sie jetzt alles und gehen Sie zum Frontend Ihrer Oxygen-Site. Sie werden nun Beiträge in diesem bestimmten Repeater angezeigt, sortiert nach der Anzahl der Aufrufe über den ausgewählten Zeitraum.

Bonus

Ich möchte meinen Lesern auch die Gesamtzahl der Aufrufe im Frontend des Blogs anzeigen. Dazu erstelle ich einen Shortcode. Ich füge diesen Code zu meinem Snippets-Manager hinzu:

<?php add_action('init', function(){ add_shortcode('post_views', function(){ return wpp_get_views(get_the_ID()); }); }); ?>

Dann kann ich die Anzahl der Aufrufe für einen einzelnen Beitrag einfügen, indem ich diesen Shortcode hinzufüge:

[post_views]

Für dieses Tutorial habe ich diesen Shortcode in meinem Repeater platziert, um die mit einem Beitrag verknüpften Ansichten anzuzeigen. Auf diese Weise konnte ich überprüfen, ob meine Abfrage wie vorgesehen funktionierte.

isotrop-2022-06-19-at-18-03-45 — Es funktioniert nicht im Editor, aber im Frontend.

isotrop-2022-06-19-at-18-14-12 — Frontend-Repeater, sortiert nach wöchentlicher Aufrufzahl, zeigt die Gesamtzahl der Seitenaufrufe im Frontend.

Hier ist zu beachten, dass die Felder für die Anzahl der Aufrufe nicht verwendet werden, die wir mit dem vorherigen Code-Snippet zu unserem einzelnen Beitrag hinzugefügt haben. Stattdessen zieht es aus der Datenbanktabelle, die dieses Plugin während der Installation hinzufügt. Dies bedeutet, dass dies immer eine genaue Anzahl der Aufrufe ist, unabhängig von der Genauigkeit, die im vorherigen Snippet angegeben wurde (das sind zwei verschiedene Dinge).

Ich kann diese Informationen auch hinzufügen, indem ich das folgende PHP direkt zu einem Codeblock in einer Vorlage hinzufüge, die auf einen einzelnen Beitrag angewendet wird:

<?php if ( function_exists('wpp_get_views') ) { // get_the_ID() funktioniert nur, wenn es // innerhalb von The Loop verwendet wird! (https://codex.wordpress.org/The_Loop) echo wpp_get_views(get_the_ID()); } ?> // Ich kann auch nach unten filtern <?php if ( function_exists('wpp_get_views') ) { // '15' hier ist die ID des Posts / der Seite echo wpp_get_views(15, 'last7days'); } ?> // Mehr: https://github.com/cabrerahector/wordpress-popular-posts/wiki/2.-Template-tags#wpp_get_views

Fazit

Dieser Artikel hat Ihnen gezeigt, wie Sie mit dem Oxygen Builder-Repeater einen beliebten und/oder angesagten Beitragsbereich zu einer mit diesem Plugin erstellten Website hinzufügen. Wenn Sie Fragen oder Anregungen haben, können Sie diese gerne unten im allgemeinen Abschnitt hinterlassen.

Vielleicht gefällt dir

Abonnieren & teilen

Wenn Ihnen dieser Inhalt gefallen hat, abonnieren Sie unsere monatliche Zusammenfassung von WordPress-Neuigkeiten, Website-Inspirationen, exklusiven Angeboten und interessanten Artikeln.

Jederzeit abbestellen. Wir spammen nicht und werden Ihre E-Mail niemals verkaufen oder weitergeben.