Come creare varianti di articoli nel tuo Divi Cloud

Pubblicato: 2022-07-04

Uno dei vantaggi di Divi Cloud è la possibilità di avere più varianti dello stesso layout a portata di mano. Crea facilmente più versioni di un layout con diversi colori, foto, tipografia e altro. Creare varianti di articoli è semplice con Divi Cloud. In questo post, vedremo come creare variazioni di oggetti nel tuo cloud Divi. Esploreremo anche diversi modi per creare le varianti di un'intestazione e discuteremo le best practice per la creazione di varianti di articoli.

Migliori pratiche per le variazioni degli articoli

Quando crei variazioni di un articolo, è importante sapere facilmente che l'articolo è una variante, di cosa si tratta e cosa è diverso dall'originale. Questo può essere fatto con nomi, categorie e tag. Divi creerà automaticamente l'istantanea per te, così potrai vedere il layout visivamente sia come miniatura che come immagine più grande nella vista Dettagli layout.

Usa nomi, categorie e tag che mettano in chiaro che si tratta di una variazione di un altro layout. Dovrebbero essere descrittivi, quindi saprai di cosa è una variazione il layout e qual è la variazione. Ciò include l'aggiunta del colore o di una descrizione del design simile al nome. concentrarsi sulle differenze fondamentali.

Ad esempio, "Intestazione minima (blu)" e "Intestazione minima (bianco)" sono descrittivi e mostrano che sono una variazione di un layout chiamato "Intestazione minima". Descrivono anche cosa è diverso dall'originale. Sono brevi, semplici e facili da capire a colpo d'occhio.

Le variazioni che sto usando in questo post sono modifiche minori. Non cambierò le categorie ma cambierò i tag e userò i nomi con le descrizioni.

Crea il layout dell'intestazione

Inizieremo con come aggiungere un layout di intestazione a Divi Cloud. Puoi utilizzare un layout predefinito o creare l'intestazione da zero. Sto usando l'intestazione e il piè di pagina GRATUITI per il pacchetto di layout dei servizi elettrici di Divi per i miei esempi. Chiamerò questa intestazione Servizi elettrici intestazione. Selezionerò le intestazioni per la categoria e selezionerò uno dei due tag.

Crea l'intestazione nel Generatore di temi

Innanzitutto, crea l'intestazione in Divi Theme Builder. Per ulteriori informazioni sull'utilizzo di Divi Theme Builder, cerca "costruttore di temi" nel blog Elegant Themes. Troverai molti post che ti guideranno attraverso vari aspetti del generatore di temi. Il processo è semplice, ma l'ho diviso in passaggi più piccoli per mantenerlo gestibile.

Innanzitutto, abilita Visual Builder navigando su "Divi" > "Theme Builder" nella dashboard di WordPress.
Costruisci l'intestazione in uno dei tre modi. Seleziona "Aggiungi intestazione globale", aggiungi "Nuovo modello" o scegli l'opzione "Portabilità" e crea o importa il layout dell'intestazione.
Fare clic sull'icona Modifica per l'intestazione che si desidera aggiungere a Divi Cloud.

Salva l'intestazione su Divi Cloud

Quindi, modifica l'intestazione e salva il layout sul tuo Divi Cloud.

Fai clic sull'icona viola "Salva nella libreria" nella parte inferiore della pagina.
Inserisci il nome del layout, seleziona Salva nel cloud e scegli le categorie e i tag.
Fare clic su "Salva nella libreria".
Chiudi l'editor di Theme Builder.
Seleziona "Salva modifiche" nell'angolo in alto a sinistra del Generatore di temi.

Crea varianti articolo

Successivamente, creeremo due varianti della nostra intestazione originale. Esistono diversi modi per creare varianti di oggetti per Divi Cloud. Vedremo alcune opzioni diverse.

Variazione del layout dell'intestazione uno

Per la nostra prima variazione, continueremo a lavorare in Divi Theme Builder. Questo segue il processo di creazione del layout dell'intestazione originale. Dupliremo diverse pagine come categorie, prodotti, servizi, ecc.

Duplica il modello di intestazione

Innanzitutto, duplica l'intestazione e assegnala a una posizione.

Abilita il Visual Builder navigando su "Divi" > "Theme Builder" nella dashboard di WordPress.
Seleziona l'icona Duplica sopra il modello globale.
Scegli le posizioni a cui desideri assegnare questo modello nel popup e fai clic su "Salva" in basso.

Salva la variazione su Divi Cloud

Quindi, modifica l'intestazione e salvala su Divi Cloud.

Fare clic sull'icona Modifica per l'intestazione che si desidera aggiungere a Divi Cloud.
Fai clic sull'icona viola "Salva nella libreria" nella parte inferiore della pagina.
Inserisci il nome del layout, seleziona Salva nel cloud e scegli le categorie e i tag. Scegli nomi, categorie e tag che mettano in chiaro che si tratta di una variazione di un altro layout.
Fare clic su "Salva nella libreria".
Chiudi l'editor di Theme Builder.
Seleziona "Salva modifiche" nell'angolo in alto a sinistra del Generatore di temi.

Variazione del layout dell'intestazione due

Per la nostra seconda variazione, duplieremo l'intestazione e la modificheremo all'interno di Divi Cloud. Per questo, usciremo da Divi Theme Builder e useremo Visual Builder su qualsiasi pagina o post Divi.

Duplica il layout dell'intestazione

Innanzitutto, dovrai caricare il layout nell'editor Divi Cloud.

Innanzitutto, abilita Visual Builder navigando in qualsiasi pagina sul front-end del tuo sito Web Divi e facendo clic su "Abilita Visual Builder" nella barra degli strumenti nella parte superiore dello schermo.
Fare clic sull'icona più viola sulla barra degli strumenti Divi nella parte inferiore della pagina per aprire la Libreria Divi.
Fai clic sulla scheda in alto denominata "I tuoi layout salvati".
Quindi, visualizza i tuoi elementi Divi Cloud. Fai clic sulla casella di controllo denominata "My Divi Cloud" in Posizioni nella barra laterale di sinistra.
Individua il layout che desideri duplicare cercando, ordinando o filtrando gli elementi Divi Cloud. Cerca per parole chiave o preferiti, seleziona categorie e/o tag per filtrarli o ordinali in base all'ora, al nome o ai preferiti.
Fare clic con il pulsante destro del mouse sul layout che si desidera duplicare.
Seleziona "Duplica" nel menu a comparsa.
In alternativa, puoi fare clic con il pulsante destro del mouse sull'anteprima nella schermata Dettagli layout per aprire le voci di menu e fare clic su "Duplica" nel menu a comparsa.
Si aprirà una modale in cui è possibile selezionare i dettagli. Aggiungi un nuovo nome nel campo "Nome layout". Seleziona le categorie desiderate per questo layout o aggiungi nuove categorie. Seleziona o aggiungi nuovi tag. Inserisci il nome del layout, seleziona "Salva nel cloud" e scegli le categorie e i tag. Scegli nomi, categorie e tag che mettano in chiaro che si tratta di una variazione di un altro layout.
Fai clic sul pulsante con il segno di spunta verde quando hai finito. Il layout viene salvato automaticamente nel tuo Divi Cloud, quindi non dovrai salvare la pagina.

Modifica il layout all'interno del cloud

Quindi, apporta le modifiche al layout Divi utilizzando Divi Visual Builder. Funziona allo stesso modo di Visual Builder all'interno di qualsiasi pagina ad eccezione del salvataggio nella libreria, delle impostazioni della pagina e della portabilità. L'editor è già abilitato, quindi puoi iniziare ad apportare le modifiche.

Individua il layout che desideri modificare cercando, ordinando o filtrando gli elementi Divi Cloud. Cerca per parole chiave o preferiti, seleziona categorie e/o tag per filtrarli o ordinali in base all'ora, al nome o ai preferiti.
Fare clic con il pulsante destro del mouse sul layout che si desidera modificare.
Seleziona "Modifica con Divi" nel menu a comparsa. Il layout si aprirà in una nuova scheda, anziché in una pagina del tuo sito Web, con Visual Builder abilitato.
In alternativa, puoi fare clic con il pulsante destro del mouse sull'anteprima nella schermata Dettagli layout per aprire le voci di menu e fare clic su "Modifica con Divi" nel menu a comparsa.
Modifica semplicemente il layout con Divi Builder come di consueto. Aggiungi o personalizza sezioni, righe, colonne, moduli, codice, ecc.

Salva le modifiche alla variazione dell'intestazione all'interno del cloud

Infine, salva le modifiche. Le modifiche vengono salvate automaticamente nel Divi Cloud.

Fai clic su "Salva elemento cloud" nell'angolo in basso a destra del layout per salvare le modifiche.
Attendi il salvataggio delle modifiche. Le modifiche vengono salvate nel cloud stesso.
Chiudi la scheda quando hai finito di modificare. Questa non è una pagina del tuo sito web, quindi non dovrai uscire da Visual Builder.

Pensieri finali

Questo è il nostro sguardo su come creare variazioni di articoli nel tuo Divi Cloud. Divi semplifica la creazione di variazioni e l'archiviazione nel cloud. Esistono diversi modi per creare variazioni. Indipendentemente dal metodo che utilizzi, assicurati di creare nomi descrittivi e di utilizzare categorie e tag che ti aiutino a comprendere la variazione a colpo d'occhio. Divi Cloud è un ottimo modo per archiviare più varianti da utilizzare su qualsiasi sito Web Divi.

Vogliamo sentire da voi. Hai creato varianti articolo all'interno di Divi Cloud? Facci sapere la tua esperienza nei commenti.