Divi 3.0 presenta un incredibile front-end builder per il tuo negozio WooCommerce

Divi è il nostro tema di scelta WordPress quando si tratta di WooCommerce e del nuovo Divi 3.0 introduce un nuovo "visual builder" completo (chiamato anche "editor di front-end") che è stato ricostruito da zero usando React, una moderna libreria JavaScript per interfacce utente. Questo nuovo builder consente agli utenti di modificare le loro pagine WordPress sul front-end del loro sito web usando semplici e bellissimi controlli visivi. Quando attivi il builder, vedi la tua pagina esattamente come apparirebbe sul front-end del tuo sito web.

Con il builder attivo, tuttavia, la pagina diventa modificabile utilizzando la vasta gamma di elementi di contenuto e le impostazioni di progettazione di Divi. Puoi fare clic in un paragrafo e iniziare a digitare, evidenziare il testo e regolarne il carattere, le dimensioni e lo stile, oppure aprire le impostazioni di qualsiasi elemento e modificarne il contenuto, l'aspetto e il posizionamento. Anche trascinare, rilasciare, ridimensionare, copiare, incollare, eliminare e duplicare elementi è facile.

La pagina diventa viva e ogni elemento è tangibile perché sei in grado di manipolare tutto in modo naturale e intuitivo. Quando apporti modifiche al design o aggiungi nuovi contenuti a una pagina, queste modifiche vengono visualizzate immediatamente. Questo perché il nuovo visual builder non si basa sul caricamento tradizionale, quindi è necessario aggiornare la pagina o caricare le barre Ajax durante la maggior parte dell'esperienza del builder. Questo è il futuro di WYSIWYG.

Aggiungi nuovo contenuto dai moduli 40 + di Divi

Aggiungere nuovi contenuti in Divi 3.0 è semplice. Passa il mouse sopra la posizione desiderata nella pagina e fai clic sul pulsante "+" per aggiungere un nuovo elemento. Sei stato accolto con un elenco di moduli di contenuti 40 + di Divi che possono essere utilizzati per creare praticamente qualsiasi tipo di sito web. Non è necessario trascinare e rilasciare il contenuto da un dock centrale perché la descrizione del contenuto di Divi è sempre presente quando ne hai bisogno.

Inline-Editor-1

Personalizza facilmente tutto

La bellezza di Divi 3.0 diventa evidente quando inizi a modificare il design del tuo contenuto. Tutto può essere personalizzato e puoi vedere queste modifiche apparire in tempo reale:

  • Scegli tra dozzine di caratteri personalizzati.
  • Regola il colore del testo, la dimensione, l'altezza della linea e la spaziatura delle lettere.
  • Aggiungi padding e margini personalizzati.
  • Modificare le strutture delle colonne e le altezze delle righe.
  • Aggiungi colori e immagini di sfondo.
  • Abilita sfondi di parallasse e sfondi video.
  • Trascina, rilascia, copia e incolla elementi di contenuto.
  • Applicare impostazioni di progettazione diverse per ciascun punto di interruzione reattivo.
  • Trascina per regolare le altezze e le larghezze delle righe.
  • Goditi una bellissima esperienza di editing in linea

Quando il nuovo visual builder è attivo, tutto il testo sulla pagina diventa modificabile. Non è necessario aprire le impostazioni di un elemento per regolare il suo contenuto di testo. Basta fare clic su qualsiasi paragrafo e iniziare a digitare per aggiungere del testo o evidenziare qualsiasi testo per regolarne il carattere, la dimensione, lo stile e la spaziatura. Hanno creato la propria interfaccia utente dell'editor in linea che è super scorrevole e meravigliosa da usare. Se sei mai stato frustrato dall'interfaccia TinyMCE occupata standard, sarai piacevolmente sorpreso quando utilizzi Divi 3.0.

Prova velocità incredibile

Il visual builder di Divi 3.0 è probabilmente l'esperienza di costruzione di siti Web online più veloce che tu abbia mai usato. Ci sono poco o nessun aggiornamento della pagina o barre di caricamento Ajax. In realtà, non c'è nessun tipo di caricamento tradizionale durante la maggior parte del processo di costruzione. Questo perché JavaScript alimenta il costruttore e l'esperienza di costruzione si verifica interamente nel tuo browser.

Anziché affidarsi alla comunicazione tra il browser e il server in modo che si verifichino cambiamenti, il builder Divi 3.0 deve solo attendere il tempo richiesto dall'applicazione per calcolare ogni modifica. Se utilizzato con un computer decente e un browser moderno, si verificheranno aggiornamenti quasi istantanei mentre si aggiungono e si modificano i contenuti. Il carico del tuo server, la velocità del server e la velocità di Internet non sono più un fattore.

L'interfaccia del costruttore "invisibile" e personalizzabile

Personalizzabile-Interface-2

Hanno designato in codice il nuovo design del visual builder "Invisible Interface". Questo rappresenta una delle loro filosofie di design principali, ovvero che "il buon design spesso passa inosservato". La migliore interfaccia utente è quella che non interferisce, e uno che prevede le tue intenzioni e ti offre soluzioni. Questo è ciò che significa che un'interfaccia deve essere veramente "intuitiva". Divi 3.0 non ti bombarderà con griglie, linee e pulsanti inutili. Non ci sono intestazioni o barre laterali fluttuanti per rubare via lo schermo immobiliare o le sovrapposizioni per oscurare la visione. Quando si carica il builder per la prima volta, si potrebbe anche non sapere che è lì, ma quando si inizia a esplorare la pagina con il mouse i controlli diventano evidenti.

Il visual builder di Divi 3.0 è il primo costruttore di pagine di WordPress a offrire un'interfaccia personalizzabile. Ciò significa che non vi sono registrazioni in determinate convenzioni dell'interfaccia utente quando si tratta di visualizzare i controlli del builder. È possibile scegliere di visualizzare queste impostazioni in un popup modale, oppure è possibile scattare quel popup sul lato della pagina e accedere alla modalità "barra laterale". Puoi regolare
le dimensioni e la posizione del popup e della barra laterale in modo da poter ottimizzare lo spazio in base alle dimensioni dello schermo o al contenuto della pagina.

Catalin Zorzini

Sono un blogger di web design e ho iniziato questo progetto dopo aver trascorso alcune settimane cercando di capire quale sia la migliore piattaforma di e-commerce per me. Controlla la mia corrente i migliori costruttori di siti di e-commerce 10.