Scarica GRATUITAMENTE una guida di stile ai preset globali per il pacchetto di layout per sviluppatori di app di Divi
Pubblicato: 2020-08-03Ehi 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 per sviluppatori di app 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 unici per il pacchetto di layout, in un unico layout. Puoi scegliere se vuoi caricare tutti i preset globali contemporaneamente o selezionarne di specifici.
Dai un'occhiata ai preset globali
Guida di stile qui sotto
Ottienilo gratuitamente oggi!
Scarica la guida allo stile dei preset globali per il pacchetto di layout per sviluppatori di app
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 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.
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.
Come utilizzare la guida di stile dei preset globali
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.
- ADLP – H1 – 1
- ADLP – H2 – 1
- ADLP – H3 – 1
- ADLP – H4 – 1
- ADLP – Corpo – 1
- ADLP – Blockquote – 1
- ADLP – Collegamento – 1
- ADLP – Testo – Tutti – 1
- ADLP – Testo della metrica di classifica 1
- ADLP – Pulsante 1
- ADLP – Pulsante 2
- ADLP – Pulsante 3
- ADLP – Pulsante 4
- ADLP – Pulsante 5
- ADLP – Pulsante 6
- ADLP – Blurb 1
- ADLP – Blurb 2
- ADLP – Blurb 3
- ADLP – Blurb 4
- ADLP – Blurb 5
- ADLP – Blurb 6
- ADLP – Blurb 7
- ADLP – Divisore 1
- ADLP – Divisore 2
- ADLP – Commuta 1
- ADLP – Attiva/disattiva 2
- ADLP – Commuta 3
- ADLP – Contatore di numeri 1
- ADLP – Segui i social media 1
- ADLP – Modulo di contatto 1
Accedi ai preset nei nuovi moduli che aggiungi
Puoi accedere a ciascuno dei preset caricati aprendo o aggiungendo un nuovo modulo, fare clic sulla voce preset in alto e selezionare 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".
Apri layout (o crea nuova pagina + carica layout)
Ora apri il layout che hai appena caricato nella tua libreria Divi facendo clic su "Modifica". Questo ti reindirizzerà all'editor di layout. In alternativa, puoi anche scegliere di creare una nuova pagina e caricare lì il tuo layout.
Passa a Visual Builder
Se scegli l'editor di layout, passa a Visual Builder.
Scegli un modulo che desideri trasformare in un preset globale e apri le impostazioni del modulo
Ora, esamina 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.
Crea una tavolozza di colori personalizzata con codici colore all'interno del tuo Divi Theme Builder
Vai a Opzioni del tema Divi
I codici esadecimali nella guida di stile possono essere utilizzati per creare una tavolozza di colori personalizzata a cui potrai accedere rapidamente durante la creazione delle tue pagine. Per aggiungere la tavolozza dei colori, vai alle Opzioni del tema Divi.
Personalizza la tavolozza dei colori usando i codici esadecimali nella guida di stile
Aggiungi i codici colore HEX di tua scelta, che puoi trovare nella guida di stile, alla tavolozza dei colori predefinita.
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!