10 linee guida per sviluppare siti Web prima con Divi 5 (Public Alpha)

Divi 5 è stato ripensato da zero, offrendo ritmo, potenza e semplicità d’uso eccezionali. Con un Visual Builder semplificato e un’estremità completamente rinnovata, lo sviluppo di siti Internet con Divi 5 è più veloce e intuitivo che mai. Che tu sia un esperto modellista web o un dilettante, Divi 5 ti consentirà di creare pagine web sorprendenti in tempo reale senza sacrificare tempo o creatività.

In questa sezione Divi 5 Public Alpha vi invitiamo a scoprire la nuova interfaccia. Tieni presente che questo tipo resta al di sotto della costruzione energetica. Sebbene potresti riscontrare alcuni bug, le informazioni descritte di seguito ti consentiranno di massimizzare la tua efficienza durante il check-out e l’assemblaggio con Divi 5.

Scopri di più su Divi 5 Public Alpha e su come scaricarlo.

Ottieni Divi 5 Public Alpha

10 suggerimenti per costruire siti Internet più veloci con Divi 5 (Public Alpha)

Con il rilascio di Divi 5 Public Alpha, ci sono molti aggiustamenti e miglioramenti sotto il cofano.

1. Approfitta di One-Click su Miglioramento

In Divi 4, desideri dover fare clic sull’icona delle impostazioni per cambiare sezioni, righe e moduli. Ora, in Divi 5, tutto questo è sparito da tempo, a causa del miglioramento con un clic. Farai clic in qualsiasi punto del modulo per modificarlo, rendendo il processo di progettazione molto meno frustrante e molto più veloce.

Ad esempio, per cambiare un modulo di testo, è sufficiente fare clic una volta su qualsiasi punto del modulo per poter utilizzare immediatamente le sue impostazioni.

2. Fare clic con il tasto destro su Per azioni rapide

Il menu contestuale del tasto destro del mouse di Divi 5 fornisce una nuova straordinaria scorciatoia per il tuo flusso di lavoro di progettazione. Facendo clic con il pulsante destro del mouse su qualsiasi modulo, sezione o riga, avrai diritto a utilizzare informazioni a portata di mano in un menu di movimento approssimativo di un paio di azioni ora non strane. Indipendentemente dal fatto che tu voglia copiare o meno i tipi di modulo, copiare le impostazioni, o eliminarli, questa funzione ti consente di eseguire attività brevemente senza aprire un paio di pannelli o dare un’occhiata tramite le impostazioni.

Ad esempio, supponiamo che tu abbia progettato un pulsante con uno stile personalizzato. Utilizzando il menu delle azioni rapide, fai clic con il pulsante destro del mouse, copi il modo in cui si trova il pulsante e lo applichi a ogni modulo pulsante su cui hai bisogno dei tipi equivalenti.

3. Aggancia un paio di pannelli a schede per il multitasking

Ogni nuova grande novità di Divi 5 è l’aggancio multi-pannello, che ti aiuta ad aprire e organizzare più pannelli contemporaneamente. Nelle permutazioni precedenti, è possibile che tu debba visualizzare alcuni pannelli (livelli + impostazioni del modulo, ad esempio), ma ancora è possibile che tu debba spostarli al meglio nell’area di disegno in modo che non blocchino la tua visualizzazione . In Divi 5, schederai i pannelli per attaccare la tela senza ingombri.

Avere la possibilità di registrare l’aspetto di un paio di pannelli tramite aspetto semplifica il controllo simultaneo di diverse parti del progetto. L’interfaccia di Divi 5 ti consente di cambiare i pannelli sulla tela come desideri, permettendoti di creare lo spazio di lavoro perfetto per le tue esigenze. Ad esempio, supponiamo che desideri avere tutti i pannelli a sinistra della tela. In tal caso, ti basterà staccare e cambiare i pannelli a sinistra, quindi selezionare gli altri pannelli per creare un’area di lavoro adatta a te.

4. Approfitta dei vantaggi del ridimensionamento del Canvas per un design reattivo

Divi 5 introduce un modo completamente nuovo di progettare le pagine Web in modo reattivo. Con il ridimensionamento della tela, ridimensionerai semplicemente il tuo spazio di lavoro e visualizzerai in anteprima come apparirà la tua pagina web online su un numero ragionevolmente elevato di dispositivi senza uscire da Visual Builder. Il ridimensionamento della tela significa che ridimensionerai immediatamente la tela del disegno, permettendoti di controllare i margini, la spaziatura interna e la costruzione completa.

Ad esempio, immagina di operare su una costruzione di celle e di voler controllare lo spazio tra le sezioni. Con il ridimensionamento della tela, fai semplicemente clic su e trascina la soglia della tela per la dimensione decisa. Da lì ti limiterai semplicemente a perfezionare l’imbottitura e i margini per assicurarti che il tuo design sembri nitido nelle presentazioni più piccole.

5. Segui immediatamente gli effetti al passaggio del mouse e appiccicosi

Divi 5 rende l’uso del passaggio del mouse e degli adesivi nei tuoi progetti più semplice che mai. Nelle precedenti permutazioni di Divi, gli utenti dovevano accedere alla scheda di progettazione di un modulo e approfondire le impostazioni per utilizzare gli effetti al passaggio del mouse o appiccicosi. In Divi 5, invece, osserverai gli effetti direttamente dal pannello delle impostazioni. Questo nuovo approccio rende più semplice che mai la creazione di design dinamici e attraenti senza interrompere il flusso di lavoro.

Indipendentemente dal fatto che tu voglia o meno caricare gli effetti al passaggio del mouse sui pulsanti o mantenere l’intestazione montata sul più efficiente display visivo mentre gli utenti scorrono, Divi 5 rende il processo semplice e veloce. Ad esempio, supponiamo che tu stia progettando un CTA e desideri aggiungere un colore singolare al passaggio del mouse. Seleziona semplicemente lo stato al passaggio del mouse da un menu a discesa in tutte le impostazioni e osserva i cambiamenti in pochi secondi.

6. Usa il breadcrumb per impostare una navigazione piacevole

Divi 5 ha un nuovissimo servizio breadcrumb che consente agli utenti di navigare tra moduli e impostazioni in modo più rapido e intuitivo. I breadcrumb agiscono come un percorso visivo che ti mostra esattamente la posizione in cui potresti trovarti all’interno delle impostazioni, permettendoti di spostarti tra diversi layout senza uscire dal posto.

Quando si opera all’interno di un’opera, non è necessario arretrare tramite i menu o perdere la propria casa. Ogni breadcrumb fornisce un collegamento cliccabile che ti consente semplicemente di passare a un ambiente precedente, accelerando il processo di progettazione.

7. Risparmia tempo utilizzando la funzione Copia e incolla tra i moduli

In Divi 5, copierai e incollerai semplicemente i tipi di moduli tra diversi elementi. Ciò ti consente di osservare brevemente le impostazioni di progettazione equivalenti su un paio di moduli, garantendo coerenza in tutto il sito Internet e risparmiando tempo. Copierai semplicemente i tipi da qualsiasi modulo, riga o sezione all’interno di Divi 5 e quindi incollerai quei tipi ovunque nel tuo progetto.

Ad esempio, supponiamo che ti siano stati forniti diversi pulsanti su una pagina Web Internet che vorresti avessero lo stile equivalente. Per utilizzare il percorso, fare clic con il pulsante destro del mouse per visualizzare il menu Azioni rapide, copiare il percorso, quindi fare clic con il pulsante destro del mouse per mantenerlo sui pulsanti dell’intera pagina Web Internet.

8. Approfitta della vista Wireframe per layout complicati

La visualizzazione wireframe di Divi 5 elimina gli elementi di design visivo di una pagina Web, lasciando sul retro un contorno pulito e semplificato della tua costruzione. Questa visualizzazione ti consente di puntare i punti di interesse più facilmente sull’edificio senza essere distratto da colori, caratteri o altri dettagli visivi. È particolarmente utile per layout complicati in cui è necessario controllare brevemente lo sviluppo.

Questo tipo ridotto ti aiuta a focalizzare l’interesse sull’organizzazione di sezioni, righe e moduli. Quando si opera su una costruzione complicata, la vista wireframe rende più semplice tenere d’occhio lo sviluppo senza preoccuparsi degli elementi estetici.

9. Utilizzare la visualizzazione dei livelli per l’argomento del materiale di contenuto in formato lungo

La visualizzazione dei livelli delinea le sezioni, le righe e i moduli della tua pagina Web Internet. Ciò rende più semplice osservare a colpo d’occhio tutto l’edificio della tua costruzione. Invece di scorrere il Visual Builder per trovare una sezione o un modulo specifico, lo troverai brevemente nel pannello Livelli.

All’interno della vista Livelli, selezionerai e modificherai direttamente qualsiasi fase in tutta la costruzione senza fare clic visivamente su di essa in tutto il Costruttore. Ciò è particolarmente utile per gli elementi nascosti o annidati in profondità all’interno di altri moduli, simili alle righe all’interno di un paio di strati di sezioni.

10. Vieni con The Studying Curve

Divi 5 introduce un modo completamente nuovo di creare grafica con Visual Builder. Con tutti questi potenti aggiornamenti arriva una curva di scoperta. È naturale sentirsi davvero un po’ sconfitti inizialmente, in particolare dovrai essere soddisfatto delle precedenti permutazioni di Divi. La buona notizia è che tutte le modifiche che abbiamo apportato al Builder sono intuitive, quindi familiarizzare con l’interfaccia ti ripagherà in un modo più veloce e piacevole per creare siti Web con Divi.

Scopri nuovi flussi di lavoro

L’interfaccia di Divi 5 è progettata per potenziare la tua produttività, ma capiamo ancora che ci sono alcune cose a cui dovrai abituarti. Fai uno sforzo per sperimentare la nuova interfaccia. Dai un’occhiata all’aggancio di un paio di pannelli per creare uno spazio di lavoro che si adatta meglio alle tue esigenze, oppure fai clic con il pulsante destro del mouse sulle scorciatoie per risparmiare tempo durante l’applicazione di tipi o la duplicazione di moduli.

Rivisita i progetti precedenti

Ogni diverso modo meraviglioso per apprendere la nuova interfaccia di Divi 5 è rivisitando i design delle tue offerte. Crea un sito Web di gestione temporanea di un problema di fornitura e utilizza Divi 5 Migrator per migrare il materiale di contenuto in Divi 5 Public Alpha. Usa il pannello dei livelli o la visualizzazione wireframe per vedere come la nuova struttura e la potenza di Divi 5 ti consentono di scoprire che la nuova interfaccia significa che potrai perfezionare i tuoi progetti con tattiche che non potevi utilizzare in precedenza.

Fai un passo alla volta

Tieni presente che non vorrai effettuare ogni nuovo servizio in una sola volta. Inizia concentrandoti su uno o due problemi, in modo simile al ridimensionamento della tela per il design reattivo o ai nuovi strumenti per gli effetti al passaggio del mouse e appiccicosi. Man mano che sarai sempre più soddisfatto di Divi 5, incorporerai naturalmente ulteriori scelte nel tuo processo di progettazione.

Lasciati influenzare da una persona in particolare e sperimenta

Divi 5 è progettato per essere ulteriormente user-friendly, quindi prenditi il ​​tuo tempo con il processo. Prenditi il ​​tuo tempo per testare diverse impostazioni, giocherellare con la nuova interfaccia e affinare le tue tecniche. Ogni nuovo servizio durante lo snatch renderà il tuo flusso di lavoro più fluido e l’atmosfera sarà ulteriormente piacevole.

Se riscontri un problema, faccelo sapere

È inoltre fondamentale tenere presente che l’ultima versione liberata è preferibilmente di tipo alfa. È positivo che ci siano bug, quindi incoraggiamo i nostri consumatori a documentare tutto il resto che cercheranno e che non funziona come previsto. Infine, vorremmo il tuo aiuto per rendere Divi 5 il più produttivo possibile. Il tuo feedback è necessario per il suo successo e aiuterà a modellare il prodotto completo.

Inizia a costruire siti Web Internet con Divi 5 al giorno d’oggi!

Divi 5 rappresenta il più importante balzo in avanti nella tecnologia di creazione di siti Web. Con il suo Visual Builder ancora più intuitivo, ulteriormente migliorato e scelte all’avanguardia, lo sviluppo di siti Web con Divi 5 è ora più rapido e intuitivo che mai. Con Divi 5 Public Alpha ora disponibile, ti invitiamo a trovare nuove entusiasmanti opzioni e a contribuire alla sua costruzione. Abbracciando la sua curva di apprendimento minima e sperimentando gli strumenti più recenti, sbloccherai l’intero fattibile di Divi 5 e ti divertirai in un modo migliore per assemblare siti Internet con Divi.

Ottieni Divi 5 Public Alpha

Le 10 linee guida per lo sviluppo di siti Web presentate prima con Divi 5 (Public Alpha) sono apparse per la prima volta sul blog Chic Topics.

Progettazione Web wordpress

[ continue ]

Piani di manutenzione wordpress | hosting wordpress

Per saperne di più