Utilizzando il modulo Blog vs Divi 5 Loop Builder

Il modulo del blog è il generatore di feed integrato di Divi che funziona fuori dalla scatola. Ti dà un modo veloce di elencare post con levetti per titoli, immagini, estratti e metadati.

Il nuovo costruttore di loop di Divi 5 adotta un approccio diverso. Progetta l'articolo con qualsiasi moduli, quindi alimenta il contenuto dinamico in esso. Entrambi gli strumenti visualizzano il contenuto in loop, ma ognuno brilla in diversi scenari. Sapere quando usare che risparmia tempo e impedisce la frustrazione. Confrontiamo i due.

Iscriviti al nostro canale YouTube

Mini glossario

Questo è un breve insieme di termini per i principianti che sono nuovi nel concetto di un costruttore di loop:

• Tipo di post personalizzato (CPT): un tipo di contenuto personalizzato come prodotti o corsi. Si comporta come post ma può avere i suoi campi unici.
• Campo personalizzato: un campo che aggiungi a un post, pagina o CPT. Esempi per un menu alimentare potrebbero includere prezzi, valutazione, dichiarazioni di glutine/allergia e livelli di piccante.
• Campo ripetitore: un campo che memorizza un elenco di elementi all'interno dei singoli post. Pensa a sotto-listi che potrebbero essere validi per un contenuto personalizzato.
• Plug -in di campo: ACF è la scelta comune, ma funzionano anche pod , meta box , ACPT e set di strumenti .

Se ti perdi in alcuni dettagli, fai riferimento a questo glossario. Ma ti renderemo le cose semplici lungo la strada.

Visualizzazione dei semplici feed di post e tipo di post con il modulo blog

Il modulo blog è creato per i modelli di blog riconoscibili. Assume elementi comuni e ti consente di attivare ciò che mostra, mantenendo le decisioni e le decisioni semplici.

Pensa a come i post sul blog funzionano in WordPress. Ogni post condivide alcuni elementi comuni che lo rendono riconoscibile come contenuto del blog. Queste caratteristiche condivise includono:

1. 1. Titolo post
   2. Immagine in primo piano
   3. Pubblica contenuti
   4. URL Slug
   5. Autore
   6. Categorie
   7. e altro

Il modulo Blog è stato progettato pensando ai post tradizionali. I titoli ti dicono cosa copre il post. Le immagini in primo piano aggiungono un sorteggio visivo. Estratti in anteprima il contenuto. Metadata dice chi lo ha scritto e quando.

Il modulo del blog di Divi si sincronizza automaticamente con questi elementi. Lo lasci cadere sulla pagina e scegli cosa mostrare. Il feed appare senza alcun lavoro di query personalizzato (a meno che tu non si desideri limitare ciò che viene mostrato, nel qual caso ci sono strumenti di query integrati).

L'approccio a levetta rende i cambiamenti indolore. Puoi nascondere l'autore ma mantenere la data, mostrare l'immagine o saltare l'estratto. Piccole decisioni producono risultati rapidi.

Tipi di post personalizzati: limitato ma funzionale

Il modulo blog può visualizzare post normali e registrare correttamente i tipi di post personalizzati.

Il modulo Blog funziona bene quando il CPT rispecchia i campi post standard. Diventa limitante quando hai bisogno di veri dati personalizzati. Quindi, un membro del team CPT funziona quando le cose sono mantenute semplici.

• Il nome mappe al titolo.
• Un colpo alla testa/avatar mappe all'immagine in primo piano.
• Una bio mappa al contenuto.

Il modulo del blog gestisce questa situazione con facilità.

Campi personalizzati

Le limitazioni compaiono con tutti i campi che i post predefiniti non condividono.

I collegamenti sociali, le certificazioni o gli anni di esperienza non appariranno nel modulo blog perché è stato costruito per i campi standard trovati nei post sul blog di WordPress predefiniti. Il modulo non ha interruttore per quei campi personalizzati.

Layout personalizzato

Anche il controllo del layout è leggermente vincolato; Il modulo racchiude elementi all'interno di una struttura fissa in ordine fisso. Non è possibile riordinare il titolo e l'immagine a meno che tu non usi CSS personalizzati. È possibile gestire il layout di ogni scheda di blog tramite Flexbox o Block, ma gli articoli per bambini (le carte) non hanno impostazioni di dimensionamento per il controllo Flexbox Child (come il restringimento per adattarsi o crescere per riempire).

Il modulo Blog è eccellente e veloce da utilizzare per i layout delle schede standard. Se ottieni un po 'di bug creativo, potresti trovarti a cercare qualcosa di più personalizzato.

Tipi di post personalizzati + campi personalizzati utilizzando Loop Builder

Divi's Loop Builder ti offre un approccio diverso alla visualizzazione di contenuti dinamici. Invece di lavorare all'interno dei vincoli di un singolo modulo con elementi predeterminati, Loop Builder ti consente di costruire il tuo display di contenuti dai singoli moduli Divi disposti esattamente come li si immagina.

L'uso del Loop Builder richiede più pensiero e preparazione, ma non sarai limitato nel modo in cui eri con il modulo del blog. Con il modulo Blog, lavori all'interno dei vincoli esistenti e sfrutta al meglio le opzioni predeterminate. Con Loop Builder, inizi con una tela vuota e costruisci esattamente ciò di cui hai bisogno usando qualsiasi combinazione di moduli Divi.

Come funziona Loop Builder

Loop Builder non è un singolo modulo. È un contenitore con i moduli scelti al suo interno. Quando il contenitore è impostato su "Loop", si ripete per ogni risultato corrispondente. All'interno del contenitore, è possibile posizionare i moduli di immagine, intestazione, testo e pulsanti.

Legate il contenuto di ciascuno di questi moduli al token corretto. L'interfaccia utente di Divi lo rende piuttosto semplice. L'immagine indica l'immagine in primo piano. L'intestazione indica il titolo. Il pulsante si collega all'URL post.

Questo approccio modulare ti dà il controllo della struttura e della spaziatura. Puoi mettere le immagini sopra o accanto ai titoli. Puoi anche aggiungere due blocchi di testo per due campi personalizzati. In questo modo, puoi costruire la scheda di cui hai bisogno, non una scheda pre-configurata tramite un modulo.

Esempi con tipi di post personalizzati e campi personalizzati

Facciamo questo cemento con un paio di scenari veloci. Terremo il modello e scambieremo i campi. Usiamo il design della scheda dal nostro esempio precedente e vediamo come può essere adattato utilizzando tipi di post personalizzati e campi personalizzati.

Innanzitutto, crea un ciclo personalizzato per post di blog standard. Utilizzare i post di stand "Type post" con i campi standard per titolo, categoria, data di pubblicazione e immagine delle funzioni. Mappa ciascuno al rispettivo modulo nel tuo design. Questi usano i campi post standard ma sono disposti in un layout unico.

Possiamo fare qualcosa di simile per alcuni semplici elenchi immobiliari. Utilizzando lo stesso layout della scheda, possiamo popolare i contenuti dal nostro tipo di post personalizzato con l'intestazione assegnata al titolo della proprietà, i moduli di testo assegnati a camere da letto, bagni e descrizione della proprietà e un pulsante associato all'URL della lista delle proprietà.

Il risultato finale sembra la nostra scheda di blog, ma utilizza la capacità del Loop Builder di assegnare contenuti da campi personalizzati e tipi di post personalizzati.

Tutto questo discorso sui CPT, come fai a farli? Advanced Custom Fields (ACF) è la scelta di riferimento qui. Pods, meta box, ACPT e strumenti creano anche campi che Loop Builder può leggere. Usa ciò che si adatta al tuo budget, esperienza e stack.

Una nota per i siti Web immobiliari : ti consigliamo di utilizzare un plug -in dedicato che tira gli elenchi da un IDX in WordPress come CPT. In questo modo, hai dati nuovi e un lavoro manuale minimo (nessuno vuole entrare manualmente proprietà ogni mattina).

Flexbox per layout personalizzato

Flexbox si accoppia naturalmente con il costruttore Loop. Puoi usarlo a due livelli per una struttura pulita e reattiva senza CSS personalizzato.

Innanzitutto, modella il contenitore ad anello esterno . Seleziona il contenitore genitore Loop. Accendi il layout Flex. Imposta la direzione su rema. Abilita avvolgimento se si desidera più file flessibili. Imposta il divario per controllare la spaziatura tra gli elementi. Quindi, regola il dimensionamento del contenitore figlio in cui si trova il ciclo utilizzando le opzioni di dimensionamento. Puoi creare un layout reattivo e attraente per i tuoi elementi in loop tra i controlli di flex del contenitore e i controlli Flex Child.

Secondo, modella il layout della carta interna . Selezionare il contenitore radice all'interno dell'elemento loop (il modulo colonna o gruppo, ad esempio). Nelle opzioni di layout , impostare la direzione Flex su ROW se si desidera alcuni elementi fianco a fianco. Impostare la larghezza del modulo immagine per occupare circa la metà dello spazio nel contenitore. Lascia che l'area di testo (in questo caso, un contenitore di gruppo con vari moduli all'interno) riempia il resto (crescere per riempire le opzioni di dimensionamento del modulo di gruppo).

È possibile organizzare i vari contenitori o moduli come desideri. Non sei bloccato in un layout preconfigurato. Qui abbiamo messo il titolo nel gruppo sinistro e impostiamo il gruppo destro su Flex Column. Questo ci dà un cambio di layout sottile ma unico. Non c'è davvero carenza di possibilità.

Scegliere lo strumento giusto per il tuo progetto

Si tratta meno delle caratteristiche grezze e più sulla ricerca della soluzione giusta. Scegli il percorso più veloce che soddisfi il requisito. Switch Strumenti quando la necessità cambia. A volte il modulo blog farà il trucco, ma hai un perno forte con il costruttore di loop quando non lo fa.

Quando il modulo blog è l'ideale

Raggiungi il modulo blog quando il contenuto segue i modelli di post standard. Il titolo, l'immagine in primo piano, l'estratto e la meta di base sono il suo punto debole. Siti di notizie di base, aggiornamenti dell'azienda e semplici portafogli si qualificano. I visitatori si aspettano un layout convenzionale e potresti desiderare una soluzione affidabile con una configurazione minima.

Con il modulo Blog, puoi spedire un feed di lavoro in pochi minuti. Meno parti in movimento significano anche meno possibilità di rompere le cose (o confondersi).

Gli utenti non tecnici che potrebbero ancora essere persi sul concetto di "loop" faranno ancora pesantemente affidamento sul modulo del blog. È un ottimo strumento e dovrebbe essere assolutamente usato.

Quando Loop Builder diventa essenziale

Usa Loop Builder quando hai bisogno di campi che i post non hanno o quando la struttura della carta non corrisponde a uno schema di serie. L'e -commerce, il settore immobiliare e l'istruzione sono industrie tipiche che tendono a richiedere una maggiore personalizzazione. Ognuno ha bisogno di dettagli che vivono in campi personalizzati. Quando lavori con più contenuti o più tipi di contenuti, i layout tendono a richiedere una maggiore flessibilità.

Usa Loop Builder quando le relazioni di contenuto diventano complesse. Potrebbe essere necessario mescolare i tipi di post in una vista e mostrare i contenuti dei ripetitori.

Costruisci il tuo layout del modulo blog con Divi 5

Il modulo del blog di Divi è ancora il modo più veloce per spedire un feed standard. Il Builder Loop sblocca carte personalizzate, campi personalizzati e ripetitori. Il costruttore di loop può anche essere personalizzato e modellato nel layout e nel design esatti che hai in mente, mentre il modulo del blog ha alcune limitazioni lì.

La parte migliore di questa decisione è che puoi mantenere sia nel tuo kit di strumenti che scegliere in base al lavoro. Divi 5 si sta unendo ed è più potente (e stabile) che mai. Se non l'hai usato, provalo sul tuo prossimo sito web. La beta pubblica è dietro l'angolo, e ciò significa che i siti Divi esistenti sono vicini a convincere il via a testare le migrazioni dei siti Web esistenti.

Scarica Divi 5Learn Altro su Divi 5