Tutto ciò che devi sapere sul costruttore di loop di Divi 5

Il costruttore di loop è la funzione più recente . Offre un nuovo modo per creare feed di blog personalizzati, griglie di prodotto o qualsiasi altro contenuto dinamico, il tutto all'interno del Builder Visual Divi 5. Questa potente nuova aggiunta consente ai creatori di creare contenuti di loop con flessibilità, trasformare il modo in cui visualizziamo post, prodotti e altri tipi di post personalizzati.

In questo post, esploreremo le funzionalità del Loop Builder e forniremo una guida passo-passo su come usarlo. Iniziamo!

Cos'è il costruttore di loop di Divi 5?

Loop Builder in Divi 5 è una nuova funzionalità che consente agli utenti Divi di creare e personalizzare i progetti dinamici e looping direttamente all'interno del Visual Builder. Sia che tu stia mostrando post sul blog, prodotti WooCommerce o altri tipi di post personalizzati, Loop Builder di Divi 5 ti consente di creare loop di contenuti usando qualsiasi elemento Divi senza essere limitato a moduli statici e predefiniti.

Iscriviti al nostro canale YouTube

Il vantaggio del costruttore di loop di Divi 5 risiede nella sua libertà. Puoi progettare layout intricati con query personalizzate e modellarli con la suite completa di Strumenti di design di Divi. Ciò significa che puoi creare di tutto, dai feed di blog eleganti alle griglie di prodotto dinamiche con controllo completo, il tutto all'interno di un'interfaccia senza codice, trascinamento

Caratteristiche chiave di Loop Builder

Loop Builder di Divi 5 ha funzionalità potenti che lo rendono uno strumento straordinario per la creazione di cicli di contenuti dinamici e personalizzati. Ecco uno sguardo più da vicino a ciò che lo rende così versatile e intuitivo:

1. Creazione di loop flessibile

Con Loop Builder, non sei limitato ai moduli predefiniti. È possibile attivare l'opzione Loop su qualsiasi elemento Divi, trasformandola in un ciclo di contenuto dinamico. I loop ti consentono di creare modelli personalizzati utilizzando Visual Builder, dandoti la libertà di creare layout che corrispondono alla tua visione, dalle griglie del blog minimaliste ai portafogli.

2. Opzioni di query personalizzate

Loop Builder ti mette in controllo di quale contenuto visualizzare. È possibile personalizzare loop per tipo di post, categoria, numero di post o meta query avanzate. Supporta pienamente i tipi di post personalizzati (CPT), come prodotti WOO, eventi o contenuti filtrati dall'autore. Ciò significa che è possibile creare loop per praticamente qualsiasi tipo di contenuto sul tuo sito, senza scrivere codice o utilizzare plugin di terze parti.

3. Integrazione dinamica dei contenuti

Tirare perfettamente i contenuti dinamici nei modelli di loop, inclusi titoli post, immagini in primo piano, estratti o campi personalizzati. Loop Builder offre supporto nativo per ACF, compresi i campi ripetitori, che consente di visualizzare i dati direttamente all'interno dei tuoi loop. Questa integrazione garantisce che i tuoi contenuti siano sia dinamici che altamente personalizzabili.

4. Design Libertà

Ottimi i tuoi contenuti in loop con il Visual Builder per creare layout unici e accattivanti come griglie, giostre o cursori. Ogni aspetto è completamente personalizzabile, garantendo che i tuoi loop si allineino con il tuo marchio.

Come funziona il costruttore di loop

Loop Builder di Divi 5 semplifica la creazione di cicli di contenuti dinamici, rendendolo accessibile per principianti e utenti avanzati. Prima di costruire un ciclo, rivediamo tutte le impostazioni all'interno del costruttore di loop di Divi 5.

Comprendere le impostazioni del costruttore di loop di Divi 5

Il costruttore di loop in Divi 5 consente di creare sezioni dinamiche sul tuo sito Web recuperando e visualizzando vari tipi di contenuti in base ai criteri specifici. Esaminiamo ogni impostazione in modo da avere una migliore comprensione di ciò che fanno e di come usarli.

Tipo di query

Questa è la scelta di base per il tuo ciclo. Dice a Divi 5 quale contenuto vuoi inserire nel tuo layout. Puoi scegliere tra post, termini o utenti. I post sono contenuti standard come post sul blog, progetti o qualsiasi tipo di post personalizzato che hai sul tuo sito. I termini si riferiscono a categorie, tag o tassonomie personalizzate. Infine, gli utenti ti consentono di visualizzare informazioni sugli utenti sul tuo sito, come autori o collaboratori.

POST TIPO

Se si sceglie i post per il tuo tipo di query, questa impostazione perfeziona quale tipo specifico di post si desidera visualizzare. Questi possono essere post sul blog, prodotti, progetti, pagine o qualsiasi tipo di post personalizzato che hai registrato, come ricette o testimonianze.

Termini

Quando si sceglie i termini come tipo di query, questa impostazione consente di scegliere quali categorie o tag specifici si desidera eseguire il loop. Ad esempio, questi possono essere tag, formati, categorie di progetti, tag di progetto o un termine di tassonomia su misura.

Utenti

Questa impostazione consente di filtrare quali ruoli utente desideri includere durante gli utenti di loop. Esempi includono autori, collaboratori, redattori e amministratori.

Includi post con termine specifico

Divi 5 consente di eseguire il ciclo di post attraverso categorie e tag specifici, restringendo la selezione dei post per includere solo quelli assegnati a determinate categorie o tag.

Escludere i post con termini specifici

Questa impostazione fa il contrario dell'impostazione sopra. Rimuove i post dal tuo loop assegnato a categorie o schede specifiche. È utile per quando vuoi mostrare tutti i post del tuo blog, tranne quelli in una certa categoria.

Includere post specifici

Se stai looping post, puoi includere solo post specifici, il che è eccellente per presentare post di blog o prodotti. Ad esempio, puoi creare una sezione post in primo piano nella tua casa di casa o di destinazione e utilizzare il costruttore Loop di Divi per visualizzare solo i post o i prodotti che si desidera presentare.

Escludere post specifici

Ciò consente di rimuovere singoli post specifici dal tuo loop. È un ottimo modo per impedire ad alcuni post di apparire in un feed post sul blog generale, come se sono obsoleti o parte di una promozione speciale visualizzata altrove sul tuo sito.

Ordine di

Ciò determina la sequenza in cui appariranno i tuoi elementi in loop. È possibile ordinare per data di pubblicazione, nessuna, ID, titolo, nome post, ultima data modificata, casuale, autore o conteggio dei commenti.

Post per pagina

Questa impostazione controlla quanti elementi vengono visualizzati all'interno del loop in una singola pagina del contenuto. Questo è un buon modo per mostrare un certo numero di post o prodotti su una pagina di atterraggio, portafoglio o archivio.

Post Offset

Questa impostazione consente di saltare diversi elementi dall'inizio del risultato della query. Post Offset è incredibilmente utile per la creazione di layout unici. Ad esempio, potresti avere un post in primo piano in alto (usando un modulo separato) e quindi un ciclo che mostra il resto dei tuoi post, a partire dal secondo.

Meta query

Meta Query è l'impostazione in cui il Builder Loop diventa potente per i contenuti personalizzati. Ti consente di filtrare i tuoi contenuti in base ai campi personalizzati che hai aggiunto ai tuoi post, termini o utenti.

Meta chiave

Una meta chiave è l'identificatore univoco per i dati personalizzati associati al contenuto. Questi dati sono archiviati nella tabella post_meta nel database WordPress.

Meta valore

Il valore meta è il valore specifico che stai cercando all'interno del campo meta chiave.

Confrontare

Questa impostazione definisce il modo in cui il valore meta deve essere confrontato con il valore effettivo memorizzato nel database per la meta chiave. Le opzioni includono uguali, non uguali, maggiore, maggiore o uguale, inferiore a, meno o uguale, contiene, non contiene, nell'elenco, non in elenco, esiste un campo e il campo non esiste.

Tipo

Il tipo dice a Divi come interpretare il meta valore durante il confronto. È fondamentale per confronti accurati, in particolare con numeri o date. Puoi scegliere tra carattere, numerico, binario, data, datetime, decimale, firmato o non firmato.

Combinando queste impostazioni, è possibile creare display di contenuti altamente sofisticati e dinamici sui tuoi siti Divi, attirando esattamente il contenuto che desideri, nell'ordine che desideri e filtrato esattamente come desideri.

Creazione di un ciclo in Divi 5 (Blog Post Grid)

Aggiungi nuova riga di 3 colonne

Inizia aggiungendo una riga di tre colonne a una pagina nel Visual Builder.

Stile la prima colonna aggiungendo un raggio del bordo da 15px, imbottitura 25px su tutti i lati e un bordo solido #000000 da 1 px.

Abilita loop sulla colonna

Quindi, abilitare l' elemento Loop attiva le impostazioni del contenuto della prima colonna.

Avvolgimento del layout della riga

Successivamente, dovremo consentire l'avvolgimento sulla nostra riga in modo che gli elementi scendono alla riga successiva una volta che lo spazio si esaurisce. Passare alla scheda Design della riga, espandere il menu a discesa layout e selezionare Avvolgimento in Wapping Layout .

È possibile regolare il divario orizzontale tra gli elementi di loop in layout> Gap orizzontale.

Aggiungi il contenuto del loop

Una volta che queste impostazioni sono in atto, possiamo aggiungere moduli al nostro ciclo. Fai clic nella prima colonna per aggiungere un modulo immagine . Noterai che ogni colonna aggiungerà automaticamente un segnaposto dell'immagine.

Fai clic sull'icona del contenuto dinamico nelle impostazioni del modulo immagine. Successivamente, selezionare l'immagine in primo piano dal loop dalle opzioni disponibili.

Scegli la dimensione della miniatura dal menu a discesa e fai clic su Applica .

Aggiungi un modulo di intestazione sotto il modulo immagine nella prima colonna. Fai clic sull'icona del contenuto dinamico e scegli il titolo di post loop . STORIO L'INTANTE COME VICIVI.

Quindi, aggiungi un modulo di testo nella prima colonna del loop. Fai clic sull'icona del contenuto dinamico e seleziona l'autore Loop.

Infine, aggiungeremo un altro modulo di testo per l'estratto post. Una volta aggiunto, fare clic sull'icona del contenuto dinamico e selezionare Estratto Loop .

Quando viene visualizzata la finestra di dialogo, è possibile impostare qualsiasi testo prima e dopo, la posizione del loop e il numero di parole e leggere più testo.

Utilizzo di campi personalizzati in loop

Per visualizzare i campi personalizzati nel tuo loop, è possibile utilizzare l'integrazione di Divi 5 con tipi di post e campi personalizzati, compresi quelli creati con campi personalizzati avanzati (ACF). Ad esempio, abbiamo creato un tipo di post personalizzato per libri usando ACF in modo da poter visualizzare le loro informazioni utilizzando il Builder Loop.

Nel Visual Builder, selezionare Post Tipo come tipo di query e libri come tipo di post.

Loop Builder di Divi 5 semplifica la sfruttamento dei campi personalizzati, migliorando la flessibilità del contenuto dinamico. Quando si utilizza ACF, è possibile accedere ai campi personalizzati loop selezionando l' icona del contenuto dinamico in qualsiasi modulo compatibile.

Una delle migliori caratteristiche dell'integrazione ACF di Divi 5 è il modo in cui i campi sono etichettati per comodità. Quando si seleziona un campo personalizzato nel menu dei contenuti dinamici, Divi visualizza l'etichetta del campo ACF (come definito nel gruppo di campo ACF) anziché solo la meta chiave. Ciò rende intuitivo l'identificazione e la selezione del campo corretto, soprattutto quando si gestisce più campi personalizzati.

Ad esempio, se si dispone di un campo ACF chiamato Genere per un tipo di post personalizzato per libri , è possibile inserire questi dati in un modulo di testo per visualizzare il genere dinamicamente all'interno del tuo loop.

Divi 5 supporta i campi del ripetitore ACF

Divi 5 consente di visualizzare set di dati complessi e ripetuti all'interno dei tuoi loop. Innanzitutto, assicurarsi che un campo ripetitore ACF sia impostato in ACF.

Aggiungi un modulo come il modulo immagine alla colonna Loop. Seleziona il campo personalizzato Loop nelle impostazioni del contenuto dinamico, quindi selezionare il campo ripetitore. Divi visualizzerà i sottocampi del ripetitore, consentendo di selezionare dati specifici, come il sottocampo di immagine, per creare una galleria dinamica all'interno del tuo loop. Ad esempio, è possibile creare una vetrina di portafoglio in cui ogni immagine nel loop mostra una serie di immagini dal suo campo ripetitore, in stile una griglia.

Loop utente e termini

Il costruttore di loop di Divi 5 può anche essere utilizzato per loop di utenti e termini. Per un ciclo utente, è possibile creare una vetrina dei membri del team. Per raggiungere questo obiettivo, impostare il tipo di query su utenti , filtrare per ruolo e aggiungere moduli come un modulo di immagine per l'avatar dell'utente e un modulo di testo per il loro nome.

Per un ciclo termini, è possibile creare una vetrina di categoria di progetto. Questo è un ottimo modo per creare una pagina di categoria per visualizzare progetti diversi e le loro categorie. Basta impostare il tipo di query su termini , selezionare una tassonomia e includere termini specifici.

Sia che tu voglia loop post, progetti, categorie o autori, Loop Builder può gestire diversi tipi di contenuti oltre i post, offrendo infinite possibilità creative.

Vantaggi dell'utilizzo del costruttore di loop di Divi 5

Loop Builder di Divi 5 non è solo una funzione. È uno strumento trasformativo che semplifica la creazione di layout dinamici. Ecco i vantaggi chiave che lo rendono un must per gli utenti Divi:

• Flessibilità: Loop Builder offre libertà creativa, permettendoti di loop di qualsiasi tipo di contenuto utilizzando qualsiasi elemento Divi, dalle righe ai cursori. A differenza dei moduli che ti bloccano in layout predefiniti, Loop Builder ti dà il pieno controllo del design, consentendo layout unici senza sacrificare la creatività.
• Efficienza: aumenta il flusso di lavoro con modelli di loop riutilizzabili costruiti direttamente nel Visual Builder. Crea un singolo modello, personalizza la sua query e lo stile e applicalo su più pagine o tipi di post.
• Integrazione nativa: Loop Builder è integrato in Divi 5, offrendo una soluzione nativa senza soluzione di continuità per display di contenuti complessi.
• Supporto CPT migliorato: Loop Builder supporta pienamente WOO, ACF e tipi di post personalizzati, rendendolo ideale per siti Web complessi.

Costruisci siti Web dinamici con loop builder di Divi 5

Loop Builder in Divi 5 consente agli utenti Divi di creare loop di contenuti flessibili e dinamici per qualsiasi tipo di post o tassonomia, da post sul blog e prodotti Woo ai tipi di post personalizzati. Può trasformare qualsiasi elemento Divi in un ciclo personalizzabile, integrare perfettamente con plug -in di tipo post personalizzato come ACF e offrire agli utenti il controllo completo del design all'interno del Visual Builder. Loop Builder ridefinisce il modo in cui viene visualizzato il contenuto dinamico.

Ti invitiamo a immergerti nel Loop Builder scaricando Divi 5 e scopriamo come può elevare il modo in cui si crea siti Web con Divi!