Presentazione di Loop Builder per Divi 5

Oggi introduciamo Loop Builder Divi 5, che ti consente di costruire contenuti basati su post e basati su termini utilizzando qualsiasi elemento Divi.

Il costruttore di loop di Divi è unico nella sua libertà; È possibile eseguire il loop di qualsiasi cosa senza essere limitato a un modulo o contenitore ad anello statico. Costruisci il tuo elemento di looping, quindi personalizza la tua query utilizzando varie opzioni comode e meta query.

Supporta tipi di post personalizzati, tra cui WooCommerce, campi personalizzati creati con ACF e persino campi REPATER ACF.

È una caratteristica incredibile!

Guarda il seguente video per vedere la nuova funzionalità in azione.

Loop qualsiasi cosa

Per prima cosa: cos'è un costruttore di loop? In poche parole, è uno strumento che ti consente di visualizzare un ciclo di contenuti dal database del tuo sito Web (come post, prodotti, categorie e autori) e personalizzare la progettazione di ogni articolo nel ciclo.

Ciò consente di creare contenuti basati su post, come feed di blog personalizzati, elenchi di prodotti, calendari di eventi, liste di corsi, pagine di categoria e tutto il resto!

1. Innanzitutto, crea un modello per gli articoli in loop utilizzando elementi Divi e impostazioni di design.
2. Quindi, personalizza la query che controlla il contenuto nel loop (numero di post, tipo di post, categoria, ecc.).
3. Infine, collega contenuti dinamici dal loop nel modello (titolo post, immagine in primo piano, estratto, ecc.).

Prima di entrare nei dettagli, lascia che ti dia esempi di ciò che puoi creare usando il nuovo costruttore di loop di Divi.

Esempio n. 1: feed del blog personalizzato

Guarda il bellissimo feed del blog nel video qui sotto. Avrai familiarità con un ciclo di post sul blog perché è fondamentale per WordPress e qualcosa presente dal modulo Blog Divi, ma questo esempio non è un modulo di blog; È un ciclo personalizzato.

Ho costruito il mio modello di blog usando elementi Divi e impostazioni di design. Successivamente, ho acceso il loop per la colonna che contiene i miei elementi di contenuto e ho scelto di analizzare i post. La colonna viene ripetuta, con ogni istanza che rappresenta un post nel ciclo.

Infine, ho collegato i contenuti dinamici dal loop, come la piastrella post e l'immagine in primo piano, in modo che ogni elemento nel ciclo ne mostri il suo contenuto unico. Puoi farlo per qualsiasi tipo di post per creare qualsiasi tipo di contenuto post-basato.

Esempio n. 2: prodotti WooCommerce in primo piano

In questo esempio, ho creato un ciclo di prodotti WooCommerce in primo piano per la mia homepage. Il modello è stato costruito usando moduli e gruppi all'interno di una colonna in onda all'interno di una riga.

Ho personalizzato la query per mostrare prodotti specifici che volevo presentare.

Esempio n. 3: calendario degli eventi

In questo esempio ho creato un ciclo di eventi imminenti dal plug -in del calendario degli eventi. Divi's Loop Builder ti dà la completa libertà di progettare il tuo elemento di loop, in modo da poter essere creativo con il design dei tuoi loop, in particolare con il sistema di layout Flexbox di Divi 5.

Puoi anche attingere a qualsiasi campo personalizzato (post meta) per qualsiasi tipo di post. In questo caso, potrei utilizzare il prezzo dell'evento e i campi della data.

Esempio n. 4: cursore del corso LMS

Puoi persino i sottotitoli del modulo Loop come una diapositiva all'interno di un cursore.

La diapositiva in loop nel video seguente display ha caratterizzato i corsi di Tutor LMS.

Divi ha avuto il concetto di moduli basati su post, come i moduli di Post Slider e Blog, ma con contenuti dinamici e il nuovo costruttore di loop di Divi, qualsiasi elemento può essere trasformato in un ciclo dinamico.

Esempio #5: pagina di categoria WooCommerce

Puoi anche loop attraverso termini e utenti.

In questo esempio, ho creato una pagina di prodotto di alto livello che si diffonde attraverso tutte le categorie di prodotti WooCommerce.

Ogni elemento nel ciclo è una categoria piuttosto che un post. Il titolo della categoria del prodotto e l'immagine in primo piano sono estratti in modo dinamico dai termini Meta.

Esempio n. 6: autori del blog

Nel video di esempio qui sotto, ho realizzato una pagina con tutti gli autori del nostro blog.

Attraversa tutti gli utenti con il ruolo dell'autore e mostra il loro nome, avatar e biografia.

Esplorare le opzioni di ciclo di query

Diamo un'occhiata alle opzioni di query del Loop Builder che controllano quali post appaiono in un ciclo. È possibile scegliere quale tipo di post loop attraverso, filtra i post per categorie e tag, filtrano post specifici o creare meta query personalizzate per target contenuti specifici. Puoi anche controllare l'ordinamento e l'offset dei post.

• Tipo di query : scegli cosa desideri loop, sia post, termini o utenti.
• POST TIPO - Se stai looping post, puoi scegliere quale tipo di post loop, come post sul blog, prodotti WooCommerce, progetti Divi, ecc.
• Termini : se stai looping Termini, puoi scegliere quale termine loop, come categorie e tag.
• Utenti : se stai looping degli utenti, puoi scegliere quale ruolo degli utenti loop, come autori o collaboratori.
• Includi post con termini specifici : se stai looping post, puoi scegliere di fare il giro solo di post da categorie e tag specifici.
• Escludi i post con termini specifici : puoi anche escludere i post da categorie e tag specifici dal tuo loop.
• Includi post specifici : se stai i post in loop, puoi includere solo post specifici nel tuo loop, che è eccellente per presentare post di blog o prodotti.
• Escludi post specifici : puoi anche escludere post specifici dal tuo loop.
• Ordina per - Ordina i tuoi elementi in loop asciando o scendendo.
• Post per pagina - Scegli quanti elementi in loop dovrebbero apparire in ogni pagina.
• Post Offset : visualizza solo tutti i n. Ciò consente di creare più loop attraverso la stessa query, ognuno con un set unico di post e design.
• Meta query : crea query personalizzate per filtrare il tuo loop utilizzando qualsiasi Meta Key.
  • Meta Key : la meta chiave nella tabella post_meta.
  • Meta Value : il valore dell'elemento con la meta chiave specifica.
  • Confronta : una volta che stai interrogando una meta chiave specifica, puoi scegliere come confrontare il valore per influire sulla query (è uguale a, è maggiore di, ecc.).
  • Tipo : il tipo di valore viene confrontato, come numero, data, ora, ecc.

Supporto per campo personalizzato e tipi di post

Divi's Loop Builder supporta i campi personalizzati in due modi. In primo luogo, è possibile utilizzare meta query personalizzate per visualizzare contenuti specifici nel loop in base ai dati dei post nella tabella Post_Meta, che include tutti i dati sul campo personalizzati. In secondo luogo, è possibile visualizzare i dati dalla tabella WP_PostMeta, come i dati del campo personalizzato, come contenuto nel modello di loop.

Supporto per campi personalizzati avanzati (ACF)

Divi's Loop Builder supporta campi personalizzati creati utilizzando Advanced Custom Fields (ACF). Quando si seleziona un campo personalizzato, troverai tutti i campi ACF nella parte superiore, che sono etichettati con i loro nomi di campo associati.

Supporto per i campi del ripetitore ACF

Divi's Loop Builder supporta anche i campi del ripetitore ACF. Se hai utilizzato ACF per creare un ciclo di query, puoi selezionarlo dal menu Tipo di query e tutto andrà a posto.

Prova Divi 5 oggi

Loop Builder per Divi 5 è disponibile oggi ed è una delle tante funzionalità che arrivano a Divi quest'anno.

Puoi seguire mentre progrediamo attraverso la versione finale di Divi 5 e oltre, con aggiornamenti ogni due settimane. A seconda delle tue priorità, puoi usare Divi 5 ora per costruire nuovi siti Web o attendere fino a quando non aggiungiamo più funzionalità, qualunque cosa funzioni meglio per te.

Come indicato nel programma di rilascio multi-fase originale di Divi 5, l'Alpha pubblico Divi 5 è come "Divi 5 Lite". Mancano alcune funzionalità e potrebbe non essere adatto per i siti Web esistenti, ma è pronto per essere utilizzato su nuovi siti Web se si preferisce l'esperienza a Divi 4.

Vogliamo che tu lo provi e, se lo ami, lo usi; Quando tutti lo adorano, lo renderemo ufficiale.

Hai provato Flexbox?

Nel caso in cui l'avessi perso, abbiamo recentemente rilasciato il nuovissimo sistema di layout basato su Flexbox per Divi 5.

Questo non è un aggiornamento minore. Reinventa Divi, consentendo di creare qualsiasi struttura di layout, incluso il rottura del layout reattivo, l'ordinamento del modulo personalizzato, il facile allineamento verticale e il posizionamento degli elementi e molto altro. Nessuna pietra è stata lasciata intatta, nessuna opzione è stata dimenticata: abbiamo fatto tutto, ed è meglio in classe. C'è un link nella descrizione del video per saperne di più.

Guarda questo video per tutti i dettagli.

Altri aggiornamenti di Divi 5 sono in arrivo

2025 è l'anno di Divi 5 . Il lavoro noioso è dietro di noi. Abbiamo costruito la Fondazione Super Bast e ora è tempo che Divi torni.

Se sei qui per il ritorno Divi, facci un enorme favore e facci sapere amando questo video e lasciando un commento. Significa molto per noi vederti incoraggiare Divi ed è essenziale alimentare l'algoritmo e spargere la voce.

Non dimenticare di seguirci su YouTube e iscriviti alla newsletter Divi in modo da non perdere mai un aggiornamento. Ci vediamo presto per un altro annuncio di Divi 5, che prometto che sarà dietro l'angolo.