Evidenziazione del plug-in Divi: Divi Machine

Divi Machine è un plug-in di terze parti per Divi che aggiunge molte funzionalità di tipo post personalizzato a Divi. Utilizza i campi personalizzati avanzati e aggiunge molti nuovi moduli a Divi Builder per creare nuovi layout per i tuoi tipi di post personalizzati. Aggiunge anche funzionalità che normalmente ACF non ha. In questo articolo, esamineremo Divi Machine e vedremo cosa può fare per aiutarti a decidere se è il plugin giusto per le tue esigenze.

Installazione di Divi Machine

Carica e attiva il plugin normalmente. È richiesta la versione gratuita o pro di Advanced Custom Fields. Se non lo hai installato vedrai un messaggio per installarlo e un link per vedere la pagina del plugin nel repository di WordPress. Installalo e sei pronto per partire.

Impostazioni macchina Divi

Troverai le impostazioni nel menu Divi Engine nella dashboard di WordPress. Le impostazioni consentono di inserire la chiave di licenza, abilitare la modalità di debug, aggiungere CSS e JavaScript personalizzati e importare o esportare le impostazioni. La scheda Ottieni assistenza fornisce un paio di video e collegamenti alla documentazione.

Creazione di un tipo di post per Divi Machine

La scheda Tipi di post elenca i tipi di post personalizzati che hai creato e fornisce un pulsante per aggiungere nuovi tipi di post.

Ho creato un nuovo tipo di post chiamato Houses. Ho aggiunto il titolo e tutti i campi sono stati compilati automaticamente. Le impostazioni includono impostazioni generali, etichette, visibilità dei post e opzioni avanzate.

Le impostazioni generali includono il nome del tipo di post, lo slug e la descrizione. Le etichette ti consentono di rinominare ogni etichetta. La visibilità dei post include pubblico, barra laterale di amministrazione, posizione, icona, barra di amministrazione e menu di navigazione. Le impostazioni avanzate includono tassonomie, supporto meta, esclusione dalla ricerca, abilitazione archivi, slug archivio personalizzato e gerarchico.

Facendo clic sul nome dell'icona si apre l'elenco delle icone dashicon di WordPress in cui è possibile effettuare la selezione. Sto selezionando le case per il tipo di post Case. Questo è normalmente usato per più siti, ma lo sto usando comunque. Basta copiare e incollare il nome nel campo del nome dell'icona nelle impostazioni del tipo di post.

Una volta pubblicato il tipo di post, il nome apparirà nel menu della barra laterale e mostrerà l'icona che hai impostato per esso.

Creazione di gruppi di campi in ACF

Dopo aver creato il tipo di post in Divi Machine, crea il gruppo di campi per il tipo di post con Advanced Custom Fields. Nella dashboard di WordPress, vai su Campi personalizzati e fai clic su Aggiungi nuovo .

Questo apre l'editor in cui creerai il gruppo di campi. Seleziona Aggiungi campo e inserisci le informazioni necessarie per quel campo. Eseguire questa operazione per ciascuno dei campi.

Crea ciascuno dei campi con i relativi attributi.

I tuoi campi verranno visualizzati nell'ordine in cui li hai creati. Puoi trascinarli e rilasciarli per riorganizzare l'ordine e modificare ogni campo. Questo è l'ordine in cui appariranno nella parte inferiore della pagina del tipo di post. Sarà diverso per ciascuno dei tuoi tipi di post. L'editore fornisce un video dettagliato che ti guida attraverso questo processo, quindi non ho esaminato questi dettagli qui.

Ora, quando aggiungo una nuova casa utilizzando il tipo di post Case, tutti i campi sono disponibili. Una volta creati i post, puoi visualizzarli con i moduli di Divi Machine.

Moduli Divi Machine

Divi Machine aggiunge 15 nuovi moduli a Divi Builder. I moduli includono:

1. Articolo ACF
2. Ciclo archivio
3. Categoria Loop
4. Filtra i post
5. Galleria
6. Ordinato da
7. Carosello postale
8. Posta contenuto
9. Post Meta
10. Post Slider
11. Titolo del post
12. ripetitore
13. Cerca post
14. Miniatura
15. Pulsante Visualizza post

Questi moduli possono essere utilizzati per creare layout personalizzati per le tue pagine di tipo post, pagine di categoria, pagine di archivio, ecc.

Ciascuno dei moduli include le funzionalità Divi standard con le schede Contenuto, Design e Avanzate. Includono opzioni per scegliere layout, impostazioni di loop, opzioni di griglia, impostazioni di elementi e molto altro. Nessuno dei moduli che hanno questi elementi secondari, o figli, non visualizza il contenuto in Visual Builder.

Alcune delle impostazioni richiederanno una certa conoscenza dei tipi di post personalizzati e dei loop per essere comprese. I principianti potrebbero inizialmente sentirsi frustrati, ma i layout forniti aiutano molto. Diamo un'occhiata ad alcune pagine di esempio realizzate con i moduli Divi Machine.

Pacchetti di layout macchina Divi gratuiti

L'editore fornisce diversi pacchetti di layout gratuiti con pagine per Divi Builder e Divi Theme Builder. Sono scaricabili dal sito web dell'editore. Userò i layout dell'agente immobiliare in questo articolo.

I layout Divi per il tipo di post Case si concentrano sugli agenti immobiliari. Includono Nessun post trovato, Pagina proprietà singola e Layout loop.

I layout del corpo di Theme Builder per il tipo di post Case includono Tutte le case, le pagine di categoria Tutte le case e la pagina di archivio delle case.

Quando carichi i layout nel Theme Builder, vengono assegnati automaticamente per te.

Tutte le case

Il layout di Tutte le case è stato progettato per il Theme Builder. Fa uso di blurb, testo, divisore, modulo di contatto e molti moduli Divi Machine.

Tutte le Case Categoria e Pagine Archivio

I layout di pagina Categoria e Archivio di Tutte le case mostrano un titolo, un filtro dei post, un ordine per modulo e il ciclo dell'archivio.

Layout del circuito degli agenti immobiliari

Ecco il layout dell'Estate Loop. Include moduli per il titolo del post, l'elemento AFC, la miniatura, il meta del post, ecc.

Proprietà singole

Il layout delle singole proprietà mostra la miniatura, il titolo del post e l'elemento ACF.

Pagina di un singolo post

Diamo uno sguardo alla pagina del singolo post creata nel Theme Builder. Visualizza il titolo con l'immagine in primo piano sullo sfondo in parallasse. Gli elementi della barra laterale fluttuano e scorrono via solo quando l'elemento successivo lo incontra per prendere posto sullo schermo. Altre proprietà vengono visualizzate come schede in fondo alla pagina.

Caratteristiche di Divi Machine AJAX

Divi Machine ha diverse funzionalità AJAX che consentono agli utenti di aggiornare le informazioni sulla pagina senza dover ricaricare la pagina. Questo è ottimo per ricerche e filtri.

Filtra i post

Una delle funzionalità AJAX più interessanti è il filtro. Seleziona ciò che desideri dalle caselle a discesa e i risultati vengono visualizzati senza ricaricare la pagina. Il filtro è veloce. Funziona solo per i contenuti creati da Divi Machine.

Ciascuno degli elementi per il filtro viene aggiunto come sottoelementi.

Pulsante Carica altro

Il modulo Archive Loop include una funzione Load More in modo da poter limitare il numero di post che vengono visualizzati quando la pagina viene caricata. Gli utenti possono caricare più post rapidamente senza caricare una nuova pagina.

Ordinato da

Il modulo Orderby ti consente di scegliere le opzioni di ordinazione a cui gli utenti hanno accesso quando ordinano i post e i risultati. Crei l'ordine per articoli, quindi hai il controllo completo.

Galleria

Puoi persino creare una galleria anche se la versione gratuita di ACF non include un'opzione per la galleria. Il modulo Galleria ti consente di creare una griglia della galleria o uno slider e scegliere il tipo di galleria ACF.

Documentazione

La documentazione è fornita sia in forma scritta che video. Tutorial video dettagliati sono collegati nei menu a comparsa della pagina del prodotto sul sito Web dello sviluppatore. Li ho trovati inestimabili. Coprono anche come usare ACF.

Prezzo

Divi Machine è disponibile da Divi Engine. Ha diverse opzioni di acquisto:

Annuale

• 1 sito £ 18
• 2 – 5 siti £ 42
• Illimitato £ 85

Tutta la vita

• 1 sito £ 63
• Illimitato £ 260

Includono un anno di supporto e aggiornamenti finché la licenza è attiva.

Pensieri finali

Questo è il nostro sguardo a Divi Machine. Questo plugin aggiunge molte funzionalità sia a Advanced Custom Fields che a Divi. I tipi di post personalizzati possono essere un po' difficili per i nuovi utenti, ma questo plugin è facile o più facile da usare come qualsiasi plugin di tipo post personalizzato che ho usato con Divi. I video sono di grande aiuto nell'impostazione dei tipi di post e i layout sono un ottimo punto di partenza quando si progettano le pagine dei tipi di post con Divi. Se sei interessato a utilizzare i tipi di post personalizzati con Divi, Divi Machine è una scelta facile.

Vogliamo sentire da voi. Hai provato Divi Machine? Fateci sapere cosa ne pensate nei commenti.

Immagine in primo piano tramite PODIS / shutterstock.com