Scarica GRATUITAMENTE una guida di stile ai preset globali per il pacchetto di layout della sede dell'evento di Divi

Ehi Divi Nation! Grazie per esserti unito a noi per la prossima puntata della nostra Divi Design Initiative settimanale in cui ogni settimana regaliamo nuovissimi omaggi. Oggi condividiamo una guida di stile ai preset globali per il pacchetto di layout della sede dell'evento di Divi. I preset globali di Divi ti aiutano ad accelerare il tuo processo di web design in pochissimo tempo, e per aiutarti a velocizzarlo ancora più velocemente, forniremo regolarmente preset globali, che sono unici per il pacchetto di layout, in un unico layout. Puoi scegliere se vuoi caricare tutti i preset globali contemporaneamente o selezionarne di specifici.

Scarica la guida allo stile dei preset globali per il pacchetto di layout della sede dell'evento

Per mettere le mani sulla guida di stile gratuita ai preset globali, dovrai prima scaricarla utilizzando il pulsante in basso. Per accedere al download dovrai iscriverti alla nostra mailing list Divi Daily utilizzando il modulo sottostante. Come nuovo abbonato, riceverai ancora più bontà Divi e un pacchetto Divi Layout gratuito ogni lunedì! Se sei già nell'elenco, inserisci semplicemente il tuo indirizzo email qui sotto e fai clic su download. Non sarai "riabbonato" o riceverai email extra.

Scarica i file

Scarica gratis

Iscriviti alla newsletter Divi e ti invieremo via email una copia dell'ultimo Divi Landing Page Layout Pack, oltre a tonnellate di altre incredibili risorse Divi gratuite, suggerimenti e trucchi. Seguici e diventerai un maestro Divi in ​​pochissimo tempo. Se sei già iscritto, digita il tuo indirizzo e-mail qui sotto e fai clic su download per accedere al pacchetto di layout.

SCARICA

Ti sei iscritto con successo. Controlla il tuo indirizzo e-mail per confermare la tua iscrizione e ottenere l'accesso ai pacchetti di layout Divi settimanali gratuiti!

Una rapida panoramica dei preset globali

La bellezza di Divi è che ti dà il pieno controllo sul design del tuo sito web utilizzando una vasta gamma di impostazioni di design che puoi utilizzare per personalizzare l'aspetto di qualsiasi elemento o modulo.

Il nuovo sistema Divi Presets ti consente di progettare un aspetto personalizzato per un elemento Divi (come un modulo pulsante) e salvarlo come preset. Tutte le modifiche al design che apporti vengono salvate nel preset. Quando aggiungi un nuovo modulo alla tua pagina, puoi sfogliare i preset salvati e applicarli rapidamente.

Una volta applicato un preset, il design predefinito del modulo è controllato dal preset. Se aggiorni lo stile di un preset, vengono aggiornati anche tutti i moduli che utilizzano quel preset. Ciò ti consente di controllare il design dell'intero sito Web utilizzando una piccola raccolta di preset salvati. Inoltre, consente di risparmiare un sacco di tempo quando si aggiungono nuovi moduli alla pagina, dal momento che non è necessario progettare ogni nuovo modulo da zero, ma è invece possibile selezionare rapidamente un aspetto dalla libreria Divi Presets.

Quando utilizzare una guida allo stile dei preset globali

Preferibilmente, inizierai a utilizzare una guida di stile dei preset globali prima di creare pagine, modelli, ecc. Il motivo è che sarai in grado di accedere immediatamente ai tuoi preset globali mentre crei i tuoi progetti, invece di dover tornare a il tuo design, reimposta gli stili in linea a livello di elemento e applica un preset globale.

Avviare il processo di creazione di Divi dopo aver creato una guida di stile ti aiuta a evitare di dover apportare modifiche manualmente ai moduli all'interno delle loro impostazioni individuali. Se stai lavorando con i preset globali dall'inizio, sarai in grado di modificarli in un'unica posizione e osservare le modifiche che si svolgono in tutto il tuo sito web contemporaneamente.

Se stai cercando di creare da zero la tua guida di stile dei preset globali, invece di usarne una basata su un pacchetto di layout, dai un'occhiata al post di download del framework della guida di stile.

Opzione A: caricamento automatico di tutti i preset globali contemporaneamente

Questo approccio aggiungerà automaticamente tutti i preset alla tua libreria di preset contemporaneamente.

Vai alla Libreria Divi

Vai alla tua libreria Divi nel backend del tuo sito Web WordPress.

Carica layout con preset

Lì, fai clic sul pulsante "Importa ed esporta" in alto.

Continua facendo clic sulla scheda di importazione e selezionando il file JSON che hai potuto scaricare all'inizio di questo post. Per importare automaticamente i preset, spunta anche la casella “Import Presets”. Questo aggiungerà automaticamente ogni preset a ciascun modulo.

Nomi dei preset all'interno della libreria dei preset

Di seguito, hai un elenco di tutti i preset e dei loro nomi che sono stati aggiunti ai tuoi moduli. L'ordine è lo stesso della schermata di stampa sottostante. Puoi sempre tornare alla guida di stile come riferimento.

• EVLP – H1 – 1
• EVLP – H2 – 1
• EVLP – H3 – 1
• EVLP – H3 – 2
• EVLP – H4 – 1
• EVLP – Corpo – 1
• EVLP – Corpo – 2
• EVLP – Numero – 1
• EVLP – Testo – Tutti – 1

• EVLP – Pulsante 1
• EVLP – Pulsante 2
• EVLP – Pulsante 3

• EVLP – Blurb 1
• EVLP – Blurb 2
• EVLP – Modulo di contatto 1
  • EVLP – Modulo di contatto Campo 1
• EVLP – Modulo di contatto 2
  • EVLP – Modulo di contatto Campo 2
• EVLP – Opzione e-mail 1
• EVLP – Fisarmonica 1
• EVLP – Mappa 1
• EVLP – Blog 1
• EVLP – Segui i social media 1
  • EVLP – Rete sociale 1
• EVLP – Contatore di numeri 1

Accedi ai preset nei nuovi moduli che aggiungi

Puoi accedere a ciascuno dei preset caricati aprendo o aggiungendo un nuovo modulo, cliccando sulla voce preset in alto e selezionando un preset a tua scelta.

Opzione B: trasformare selettivamente i moduli nella guida di stile in preset globali

Con questo approccio, hai più voce in capitolo su ciò che appare nella tua libreria di preset globali e cosa no. Gli elementi ti verranno forniti in un unico posto e puoi scegliere visivamente quale vuoi trasformare manualmente in un preset globale con un nome a tua scelta.

Vai alla Libreria Divi

Passa alla tua libreria Divi nel backend del tuo sito Web WordPress.

Carica layout senza preset

Quindi, fai clic sul pulsante "Importa ed esporta".

Vai alla scheda di importazione e seleziona il file JSON che sei riuscito a scaricare all'inizio di questo post. Se vuoi essere in grado di scegliere quali moduli trasformare in preset globali, è importante lasciare deselezionata la casella "Import Presets".

Crea nuova bozza di pagina + carica layout

Ora, crea una nuova bozza di pagina per il layout della guida di stile dei predefiniti globali.

Scegli un modulo che desideri trasformare in un preset globale e apri le impostazioni del modulo

Passa attraverso tutti gli elementi e decidi quali vuoi trasformare in preset globali.

Trasforma il modulo in un preset globale in Impostazioni

Supponiamo, ad esempio, di voler trasformare uno dei moduli pulsanti in un preset globale. Apri le impostazioni del modulo pulsanti e fai clic sull'opzione preimpostata in alto.

Trasforma le impostazioni del modulo in un nuovo preset da stili personalizzati.

Assegna un nome al nuovo preset come preferisci.

Ripeti i passaggi per ogni modulo che desideri includere nei preset

Ripeti questi passaggi per ogni preset che desideri creare.

Trasforma la tavolozza dei colori personalizzata a livello globale

Trasforma i codici colore HEX di tua scelta, che puoi trovare nella guida di stile, globali facendo clic con il pulsante destro del mouse sul colore e selezionando "Converti in globale". Puoi farlo per ciascuno dei colori all'interno della tua tavolozza di colori in modo da potervi accedere facilmente durante la progettazione e la costruzione all'interno di Divi.

Suggerimento: mantieni la guida di stile in una scheda separata per copiare/incollare stili specifici (gradienti/ombra riquadro/bordo/...)

Ultimo ma non meno importante, è un'ottima idea tenere sempre la guida di stile in una scheda separata. L'utilizzo dell'opzione di copia-incolla integrata e su più pagine di Divi ti aiuterà a trasferire rapidamente gli stili, come gli sfondi sfumati, da un elemento all'altro!

Nuove guide di stile preimpostate globali ogni settimana!

Ci auguriamo che la guida agli stili predefiniti globali di questa settimana vi piaccia. Non vediamo l'ora di sentire le vostre opinioni nella sezione commenti qui sotto. Assicurati di ricontrollare la prossima settimana per altri omaggi!