Crea una sezione "Post di tendenza" in Oxygen Builder - Tutorial

Pubblicato: 2022-06-22

In questo articolo e tutorial video, creeremo una sezione di post di tendenza/popolari in Oxygen Builder utilizzando l'elemento ripetitore, il plug-in dei post popolari di WordPress e le query avanzate.

Uno dei primi tutorial che abbiamo pubblicato su questo blog relativo a Oxygen è stato come creare una sezione di post popolare. Ora, nel 2022, rivisiteremo questo argomento utilizzando i metodi più aggiornati e i migliori plugin per il lavoro.

La nostra agenzia lavora su molti siti web di notizie e contenuti di grandi dimensioni. Un requisito continuo di questo tipo di siti Web è la capacità di visualizzare post di tendenza e popolari. Il meccanismo che utilizza ciascuno di questi widget è lo stesso: in primo luogo, dobbiamo capire quante visualizzazioni sta ricevendo un post specifico e quindi possiamo interrogare in base a quello.

Corso Oxygen Builder - Prossimamente!

Il corso Oxygen Builder Mastery ti porterà dal principiante al professionista - inclusi i moduli ACF, MetaBox e WooCommerce.

Ricevi la notifica di lancio e lo sconto

I post popolari in genere esaminano il conteggio delle visualizzazioni complessive dei post per un lungo periodo di tempo. Ad esempio, possiamo mostrare i post più popolari di sempre sul blog o i post più popolari per un anno specifico.

I post di tendenza esaminano il conteggio delle visualizzazioni complessive in un periodo di tempo più breve, in genere un giorno o una settimana. Ad esempio, se un post ha ottenuto 100 visualizzazioni in un giorno, rispetto alla media del sito Web di 33 visualizzazioni, sapremo che questo è di tendenza.

Esistono molti plugin nel repository di WordPress che ti consentono di aggiungere rapidamente questo tipo di widget a un sito Web WordPress. Tuttavia, il ripetitore di ossigeno e l'elemento easy post consentono di personalizzare seriamente l'output dinamico dei dati di ogni post. Nei nostri progetti costruiamo display e schede completamente personalizzati utilizzando i ripetitori.

Con questo metodo, possiamo facilmente incorporare post popolari e post di tendenza in Oxygen Builder usando i ripetitori.

Videotutorial

Ottieni le viste

Il primo passo è capire quante visualizzazioni sta ottenendo un singolo post.

Per ottenere le visualizzazioni avremmo utilizzato un popolare plug-in chiamato " Messaggi popolari di WordPress ". Questo è uno strumento davvero potente: supporta il multilingua, viene fornito con la memorizzazione nella cache, è davvero ben documentato su GitHub, ha una dashboard delle statistiche nell'amministratore di WP e ha persino il supporto per le API!

isotropico-2022-06-19-at-17-41-16 — Installa questo plugin sul tuo sito web di Oxygen Builder

Immediato, ti offre widget personalizzabili per visualizzare facilmente i post più popolari sul tuo sito web. Puoi inserirli in Oxygen usando gli shortcode.

Tuttavia, vogliamo fare un ulteriore passo avanti e utilizzare l'elemento ripetitore Oxygen Builder per visualizzare i post più popolari e di tendenza. In questo modo, possiamo utilizzare il builder per personalizzare completamente l'aspetto dei nostri post più popolari.

Tuttavia, c'è un piccolo problema con il modo in cui questo plugin gestisce il conteggio delle visualizzazioni. Le visualizzazioni sono archiviate in una tabella di database separata dai posts o postmeta . Per eseguire query utilizzando lo standard WordPress Square nel generatore di ossigeno, abbiamo bisogno di questi dati accessibili tramite un meta campo.

Aggiungi visualizzazioni al post Meta

Dopo aver installato il plug-in Post popolari di WordPress , è il momento di rendere questi dati utilizzabili per le nostre query.

Per fare ciò, dobbiamo prendere i numeri di visualizzazione più aggiornati e popolarli in un campo personalizzato associato ai nostri post.

Una volta che questi dati sono accessibili, possiamo utilizzarli per ordinare i post in base alla popolarità nelle query WordPress personalizzate.

Innanzitutto, aggiungi questo codice al tuo sito web utilizzando un gestore di snippet di codice. Suggeriamo Scripts Organizer per i siti Web di Oxygen Builder.

/** * Memorizza visualizzazioni di diversi periodi di tempo come meta chiavi. * * @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 L'ID del post/pagina/tipo di post personalizzato corrente. */ function custom_wpp_update_postviews($postid) { // Precisione: // 10 = 1 visita su 10 aggiornerà il conteggio delle visualizzazioni. (Consigliato per siti ad alto traffico.) // 30 = 30% delle visite. (Siti web a traffico medio.) // 100 = Ogni visita. Crea molte operazioni di scrittura db ogni richiesta. $precisione = 50; if ( function_exists('wpp_get_views') && (mt_rand(0,100) < $accuracy) ) { // Rimuovi o commenta le righe che non utilizzerai!! update_post_meta($postid, 'views_total', wpp_get_views($postid, 'all', false)); update_post_meta($postid, 'visualizzazioni_giornaliere', wpp_get_views($postid, 'giornaliero', false)); update_post_meta($postid, 'views_weekly', wpp_get_views($postid, 'weekly', false)); update_post_meta($postid, 'viste_mensile', wpp_get_views($postid, 'mensile', false)); } } add_action('wpp_post_update_views', 'custom_wpp_update_postviews');

Questo codice viene creato dallo sviluppatore dietro il plug-in per fare esattamente ciò di cui abbiamo bisogno: fornirci dati utilizzabili da cui eseguire query.

Ci offre quattro nuovi metacampi con cui lavorare: views_total, views_daily, views_weekly, views_monthly .

Le visualizzazioni totali e le visualizzazioni mensili sono ottime da utilizzare per una sezione di post popolare. Le visualizzazioni giornaliere e settimanali sono ottime per i post di tendenza.

Ogni campo contiene un numero per le visualizzazioni corrispondenti - ad esempio, su un post specifico, posso mostrare le visualizzazioni totali sul frontend aggiungendo questo in un blocco di codice Oxygen su un modello applicato ai post:

<?php the_field('views_total'); ?> //l'output di esempio sarebbe 1203. Ciò significa che da quando il post è stato pubblicato, ha ricevuto 1203 visualizzazioni.

Aspettare!

A seconda del traffico che riceve il tuo sito web, vorrai ottimizzarlo in modo che le risorse del server siano esaurite scrivendo ogni singola vista sul database. Fortunatamente, c'è una funzionalità incorporata in questo frammento di codice che risolve proprio questo.

Nella parte superiore di questo frammento di codice, puoi vedere una sezione per la precisione. Nel codice sono commentate le istruzioni.

La precisione è controllata da 0-100. Se impostato su 100, ogni singola visualizzazione di pagina verrà registrata nel database. Se impostato 1, 1 visita su 10 aggiornerà il conteggio delle visualizzazioni.

La precisione dovrebbe essere ridotta per i siti Web con traffico più elevato. Ciò riduce al minimo il carico sul server e i problemi di prestazioni.

Tieni presente che questo plug-in non intende sostituire una soluzione di analisi. Pertanto, l'accuratezza non ha molta importanza in quanto il rapporto tra spettatori e post sarà lo stesso. Saprai comunque quali dei tuoi post sono popolari.

Costruisci la sezione dei post di tendenza

Ora, costruiamo rapidamente le sezioni dei post di tendenza e popolari.

Userò un ripetitore e aggiungerò rapidamente un'immagine in primo piano, il titolo del post, un estratto e leggi altro link. Puoi anche utilizzare post facili, poiché utilizzeremo la funzione di query avanzate inclusa in Oxygen.

isotropico-2022-06-19-at-18-04-50 — Il mio display "storie top", costruito con un ripetitore Oxygen Builder

Ricerca post di tendenza

Ora è il momento di interrogare dai post di tendenza. Come accennato in precedenza, utilizzeremo il conteggio delle visualizzazioni complessive per la giornata, poiché questo ci dà una buona comprensione di ciò che è di tendenza durante quel periodo specifico.

Per fare ciò, usa la funzione di query avanzata per l'elemento ripetitore o post facile.

Fare clic sul pulsante "modifica query" per aprire l'interfaccia utente della query avanzata.

Ora aggiungi quanto segue. Per questo caso usato, volevo mostrare solo gli otto post più popolari in base alle visualizzazioni settimanali.

Ho impostato:

post_per_pagina = 8
no_found_rows = true (questo disabilita la pagazione per il ripetitore)
tipo_post = messaggio
meta_key = views_weekly (questo indica a WordPress che dobbiamo associare i dati di questo campo alla query. Ricorda, possiamo cambiarlo in totale, giornaliero, settimanale o mensile a seconda se desideriamo post di tendenza o popolari)
order_by = meta_value_num (questo ci dice che ordineremo in base al numero associato al nostro meta-valore che in questo caso sono le visualizzazioni settimanali)
order = desc (questo ci dice di ordinare i post dalla maggior parte delle visualizzazioni al minor numero di visualizzazioni)

Ora salva tutto e vai al front-end del tuo sito Oxygen. Ora visualizzerai i post in questo ripetitore specifico ordinati in base al numero di visualizzazioni nel periodo di tempo selezionato.

Bonus

Voglio anche mostrare il conteggio complessivo delle visualizzazioni ai miei lettori sul front-end del blog. Per fare ciò, creerò un codice breve. Aggiungo questo codice al mio gestore di frammenti:

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

Quindi, posso inserire il conteggio delle visualizzazioni per un singolo post aggiungendo questo shortcode:

[post_viste]

Per questo tutorial, ho inserito questo shortcode nel mio ripetitore per visualizzare le visualizzazioni associate a un post. In questo modo, ho potuto verificare che la mia query funzionasse come previsto.

isotropico-2022-06-19-at-18-03-45 — Non funzionerà nell'editor, ma nel frontend.

isotropico-2022-06-19-at-18-14-12 — Ripetitore frontend, ordinato per numero di visualizzazioni settimanali, che mostra le visualizzazioni di pagina totali sul frontend.

Qualcosa da notare qui è che questo non sta usando i campi del conteggio delle visualizzazioni che abbiamo aggiunto al nostro singolo post con lo snippet di codice precedente. Invece, sta estraendo dalla tabella del database che questo plugin aggiunge durante l'installazione. Ciò significa che questo sarà sempre un conteggio delle visualizzazioni accurato, indipendentemente dall'accuratezza dichiarata nello snippet precedente (sono due cose diverse).

Posso anche aggiungere queste informazioni aggiungendo il seguente PHP direttamente a un blocco di codice su un modello applicato a un singolo post:

<?php if ( function_exists('wpp_get_views') ) { // get_the_ID() funziona solo se usato // all'interno di The Loop! (https://codex.wordpress.org/The_Loop) echo wpp_get_views(get_the_ID()); } ?> // Posso anche filtrare <?php if ( function_exists('wpp_get_views') ) { // '15' ecco l'ID del post/page echo wpp_get_views(15, 'last7days'); } ?> // Altro: https://github.com/cabrerahector/wordpress-popular-posts/wiki/2.-Template-tags#wpp_get_views

Conclusione

Questo articolo ti ha mostrato come aggiungere una sezione di post popolare e/o di tendenza utilizzando il ripetitore Oxygen Builder a un sito Web creato con questo plug-in. Se hai domande o suggerimenti, sentiti libero di lasciarli nella sezione comune di seguito.

Ti potrebbe piacere

Iscriviti e condividi

Se ti è piaciuto questo contenuto, iscriviti alla nostra carrellata mensile di notizie su WordPress, ispirazione per siti Web, offerte esclusive e articoli interessanti.

Annulla l'iscrizione in qualsiasi momento. Non inviamo spam e non venderemo o condivideremo mai la tua email.