Construiți o secțiune „Trending Posts” în Oxygen Builder - Tutorial

Publicat: 2022-06-22

În acest articol și tutorial video, vom construi o secțiune de postări în tendințe/populare în Oxygen Builder folosind elementul repetitor, pluginul WordPress Popular Posts și interogări avansate.

Unul dintre primele tutoriale pe care le-am publicat pe acest blog legat de Oxygen a fost cum să creați o secțiune de postare populară. Acum, în 2022, vom revizui acest subiect folosind cele mai recente metode și cele mai bune plugin-uri pentru job.

Agenția noastră lucrează pe multe site-uri web de știri și conținut mare. O cerință continuă a acestui tip de site-uri web este capacitatea de a afișa postări în tendințe și populare. Mecanismul pe care fiecare dintre aceste widget-uri îl folosește la fel - mai întâi, trebuie să înțelegem câte vizualizări primește o anumită postare și apoi putem interoga pe baza acesteia.

Curs Oxygen Builder - În curând!

Cursul Oxygen Builder Mastery vă va aduce de la începător la profesionist - modulele ACF, MetaBox și WooCommerce incluse.

Obțineți notificare de lansare și reducere

Postările populare privesc de obicei numărul total de vizualizări ale postărilor pe o perioadă lungă de timp. De exemplu, putem afișa cele mai populare postări vreodată pe blog sau cele mai populare postări pentru un anumit an.

Postările în tendințe analizează numărul total de vizualizări pe o perioadă mai scurtă de timp, de obicei o zi sau o săptămână. De exemplu, dacă o postare a obținut 100 de vizualizări într-o zi, comparativ cu media de 33 de vizualizări ale site-ului, vom ști că acest lucru este în tendințe.

Există multe plugin-uri pe depozitul WordPress care vă permit să adăugați rapid acest tip de widget-uri la un site web WordPress. Cu toate acestea, repetorul de oxigen și elementul ușor de post vă permit să personalizați serios ieșirea de date dinamice a fiecărei postări. În proiectele noastre, construim afișaje și carduri complet personalizate folosind repetoare.

Cu această metodă, putem încorpora cu ușurință postări populare și postări în tendințe în Oxygen Builder folosind repetoare.

Tutorial video

Obțineți Vizualizări

Primul pas este să înțelegeți câte vizionări primește o postare individuală.

Pentru a obține vizualizări, urma să folosiți un plugin popular numit „ Postări populare WordPress ”. Acesta este un instrument foarte puternic - acceptă mai multe limbi, vine cu cache, este foarte bine documentat pe GitHub, are un tablou de bord cu statistici în administratorul WP și chiar are suport API!

izotrop-2022-06-19-at-17-41-16 — Instalați acest plugin pe site-ul dvs. Oxygen Builder

Din cutie, vă oferă widget-uri personalizabile pentru a afișa cu ușurință cele mai populare postări de pe site-ul dvs. Le puteți introduce în Oxygen folosind coduri scurte.

Cu toate acestea, vrem să facem un pas mai departe și să folosim elementul repetitor Oxygen Builder pentru a afișa cele mai populare și în tendințe postări. În acest fel, putem folosi generatorul pentru a personaliza complet aspectul și senzația celor mai populare postări ale noastre.

Cu toate acestea, există o ușoară problemă cu modul în care acest plugin gestionează numărul de vizualizări. Vizualizările sunt stocate într-un tabel de bază de date separat de posts sau postmeta . Pentru a interoga folosind WordPress Square standard în generatorul de oxigen, avem nevoie de aceste date accesibile printr-un meta câmp.

Adăugați vizualizări la meta post

După ce ați instalat pluginul WordPress Popular Posts , este timpul să faceți aceste date utilizabile pentru interogările noastre.

Pentru a face acest lucru, trebuie să luăm cele mai actualizate numere de vizualizare și să le populam într-un câmp personalizat asociat postărilor noastre.

Odată ce aceste date sunt accesibile, le putem folosi pentru a ordona postări după popularitate în Interogări WordPress personalizate.

Mai întâi, adăugați acest cod pe site-ul dvs. utilizând un manager de fragmente de cod. Vă sugerăm Scripts Organizer pentru site-urile web Oxygen Builder.

/** * Stochează vizualizările diferitelor perioade de timp ca meta-chei. * * @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 ID-ul postării/paginii/tipului de postare personalizat curent. */ function custom_wpp_update_postviews($postid) { // Acuratețe: // 10 = 1 din 10 vizite va actualiza numărul de vizualizări. (Recomandat pentru site-uri cu trafic mare.) // 30 = 30% din vizite. (Site-uri web cu trafic mediu.) // 100 = Fiecare vizită. Creează multe operații de scriere db la fiecare cerere. $acuratețe = 50; if ( function_exists('wpp_get_views') && (mt_rand(0,100) < $accuracy) ) { // Eliminati sau comentati liniile pe care nu le veti folosi!! 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, 'săptămânal', false) ); update_post_meta($postid, 'views_monthly', wpp_get_views($postid, 'monthly', false)); } } add_action('wpp_post_update_views', 'custom_wpp_update_postviews');

Acest cod este creat de dezvoltatorul din spatele pluginului pentru a face exact ceea ce avem nevoie - oferiți-ne date utilizabile de la care să interogăm.

Ne oferă patru meta câmpuri noi cu care să lucrăm - views_total, views_daily, views_weekly, views_monthly .

Vizualizările totale și lunare sunt grozave pentru a fi folosite pentru o secțiune populară de postări. Vizualizările zilnice și săptămânale sunt excelente pentru postările în tendințe.

Fiecare câmp conține un număr pentru vizualizările corespunzătoare - de exemplu, pe o anumită postare, pot afișa totalul vizualizărilor pe front-end adăugând acesta într-un bloc de cod Oxygen pe un șablon aplicat postărilor:

<?php the_field('views_total'); ?> //exemplul de ieșire ar fi 1203. Asta înseamnă că de când postarea a fost publicată, a primit 1203 vizualizări.

Rezistă!

În funcție de traficul pe care îl primește site-ul dvs. web, veți dori să optimizați acest lucru, astfel încât resursele serverului să fie epuizate scriind fiecare vizualizare în baza de date. Din fericire, există o funcție încorporată în acest fragment de cod care abordează tocmai acest lucru.

În partea de sus a acestui fragment de coduri, puteți vedea o secțiune pentru precizie. În cod sunt comentate instrucțiuni.

Precizia este controlată de la 0 la 100. Dacă este setată la 100, fiecare vizualizare de pagină va fi înregistrată în baza de date. Dacă se setează 1, 1 din 10 vizite va actualiza numărul de vizionări.

Precizia ar trebui să fie redusă pentru site-urile cu trafic mai mare. Acest lucru minimizează încărcarea serverului și problemele de performanță.

Rețineți că acest plugin nu este destinat să înlocuiască o soluție de analiză. Prin urmare, acuratețea nu contează atât de mult, deoarece raportul dintre vizionări și postări va fi același. Veți ști în continuare care dintre postările dvs. sunt populare.

Creați secțiunea Postări în tendințe

Acum, să construim rapid secțiunile de postări populare și populare.

Voi folosi un repetor și voi adăuga rapid o imagine prezentată, voi posta titlul, un fragment și voi citi mai multe linkuri. De asemenea, puteți utiliza postări simple, deoarece vom folosi funcția de interogări avansate inclusă în Oxygen.

izotrop-2022-06-19-la-18-04-50 — Afișajul meu „povești de top”, construit cu un repetor Oxygen Builder

Interogați postările în tendințe

Acum, este timpul să interogați din postările în tendințe. După cum am menționat anterior, vom folosi numărul total de vizualizări pentru ziua respectivă, deoarece aceasta ne oferă o bună înțelegere a tendințelor în acea perioadă specifică.

Pentru a face acest lucru, utilizați caracteristica avansată de interogare pentru repetorul sau elementul de post ușor.

Faceți clic pe butonul „editați interogarea” pentru a deschide interfața de utilizare a interogării avansate.

Acum, adăugați următoarele. Pentru acest caz folosit, am vrut să arăt doar cele mai populare opt postări pe baza vizualizărilor săptămânale.

Am setat:

posts_per_page = 8
no_found_rows = true (acest lucru dezactivează pagnarea pentru repetitor)
post_type = post
meta_key = views_weekly (acest lucru îi spune WordPress că trebuie să asociem datele din acest câmp cu interogarea. Amintiți-vă, putem schimba acest lucru în total, zilnic, săptămânal sau lunar, în funcție de dacă vrem postări în tendințe sau populare)
order_by = meta_value_num (acest lucru ne spune că vom ordona după numărul asociat meta-valorii noastre, care în acest caz sunt vizualizările săptămânale)
ordine = desc (aceasta ne spune să ordonăm postările după cele mai multe vizualizări la cele mai puține vizualizări)

Acum, salvează totul și mergi la partea din față a site-ului tău Oxygen. Acum veți afișa postările în acest repetor specific, ordonate după numărul de vizualizări pe perioada de timp selectată.

Primă

De asemenea, vreau să afișez cititorilor mei numărul total de vizualizări în partea din față a blogului. Pentru a face acest lucru, voi crea un cod scurt. Adaug acest cod la managerul meu de fragmente:

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

Apoi, pot insera numărul de vizualizări pentru o singură postare adăugând acest cod scurt:

[post_views]

Pentru acest tutorial, am plasat acest cod scurt în repetorul meu pentru a afișa vizualizările asociate cu o postare. În acest fel, am putut verifica dacă interogarea mea a funcționat așa cum a fost proiectat.

izotrop-2022-06-19-la-18-03-45 — Nu va funcționa în editor, dar funcționează pe front-end.

izotrop-2022-06-19-at-18-14-12 — Repetitor de front-end, sortat după numărul de vizionări săptămânale, afișând numărul total de afișări de pagină pe front-end.

Ceva de remarcat aici este că nu se utilizează câmpurile pentru numărul de vizualizări pe care le-am adăugat la postarea noastră unică cu fragmentul de cod anterior. În schimb, extrage din tabelul bazei de date pe care acest plugin îl adaugă în timpul instalării. Asta înseamnă că acesta va fi întotdeauna un număr precis de vizionări, indiferent de acuratețea menționată în fragmentul anterior (sunt două lucruri diferite).

De asemenea, pot adăuga aceste informații adăugând următorul PHP merge direct la un bloc de cod pe un șablon aplicat unei singure postări:

<?php if ( function_exists('wpp_get_views') ) { // get_the_ID() funcționează numai când este folosit // în interiorul The Loop! (https://codex.wordpress.org/The_Loop) echo wpp_get_views(get_the_ID()); } ?> // Pot filtra și <?php if ( function_exists('wpp_get_views') ) { // '15' aici este ID-ul postării/paginii echo wpp_get_views(15, 'last7days'); } ?> // Mai multe: https://github.com/cabrerahector/wordpress-popular-posts/wiki/2.-Template-tags#wpp_get_views

Concluzie

Acest articol v-a arătat cum să adăugați o secțiune de postare populară și/sau în tendințe folosind repetitorul Oxygen Builder la un site web creat cu acest plugin. Dacă aveți întrebări sau sugestii, nu ezitați să le lăsați în secțiunea comună de mai jos.

S-ar putea sa iti placa

Abonați-vă și Distribuiți

Dacă ți-a plăcut acest conținut, abonează-te pentru rezumatul lunar al știrilor WordPress, inspirație pentru site-uri web, oferte exclusive și articole interesante.

Dezabonați-vă în orice moment. Nu trimitem spam și nu vom vinde sau distribui niciodată e-mailul dvs.