Website Builder supporta due versioni dell'editor per soddisfare al meglio le tue esigenze:
-
Editor 2.0
-
Editor classico con modalità flex opzionale
Ogni versione dell'editor è spiegata nelle sezioni seguenti insieme alle limitazioni e agli sviluppi futuri dell'Editor 2.0.
L' store di terze parti non è supportata nell'Editor 2.0.
Editor 2.0 integra funzionalità avanzate pur mantenendo l'interfaccia intuitiva dell'editor classico. Tuttavia, introduce un'infrastruttura migliorata, che aumenta l'esperienza di editing con funzionalità ed efficienza migliorate:
-
Moderne funzionalità di editing: utilizza le tecnologie flex e grid per migliorare il processo di editing e migliorare il risultato finale.
-
Regola facilmente l'allineamento o la spaziatura di più elementi contemporaneamente (controllo con un clic o cursore).
-
Regola facilmente le configurazioni delle colonne con precisione, verticalmente e orizzontalmente.
-
Avere fino a 8 colonne in una sezione.
-
Impostare un numero dispari di colonne in modo che abbiano le stesse dimensioni.
-
-
Nidifica e sovrapponi gli elementi senza soluzione di continuità per progetti dinamici utilizzando colonne interne e griglie avanzate.
-
-
Design reattivo: garantisce la piena reattività su tutte le dimensioni dello schermo, riducendo la necessità di personalizzazione manuale pur mantenendo l'opzione.
-
Modifica specifica per le dimensioni dello schermo: Modifica su desktop, tablet e dispositivi mobili, con opzioni di personalizzazione su misura per ogni dimensione dello schermo.
-
Modifica per dimensione dello schermo piuttosto che per dispositivo, ad esempio, se visualizzi un sito su dispositivi mobili, il sito riconoscerà le dimensioni dello schermo e visualizzerà gli elementi che hai impostato per la visualizzazione su quelle dimensioni dello schermo.
-
La modifica in base alle dimensioni dello schermo consente la continuità tra le dimensioni dello schermo, riducendo al minimo la personalizzazione per dispositivo. Con un minor numero di punti di interruzione, Editor 2.0 semplifica la gestione degli stili, garantendo una cascata più fluida degli stili e semplificando la complessità della base di codice. Inoltre, le dimensioni dello schermo del desktop e del tablet mostrano una maggiore indipendenza rispetto all'editor classico.
-
-
Design coerente dell'intestazione: Mantiene le caratteristiche dell'intestazione in tutte le dimensioni dello schermo, come il logo, facilitando gli aggiornamenti senza interruzioni. Puoi aggiornare l'intestazione sul desktop e si aggiornerà su tutti i dispositivi.
-
widget Accessibilità: Supporta tutti i widget dall'editor classico.
-
Gestione delle sezioni Flex: Introduce un nuovo sistema di gestione delle sezioni flessibili che centralizza il riutilizzo delle sezioni flessibili nell'Editor 2.0, incluse le sezioni flessibili create nell'Editor classico, per semplificare ulteriormente la creazione di siti Web.
-
Miglioramenti all'interfaccia utente e alla modifica:
-
Posizione del pannello di progettazione: Risiede sul lato destro dell'interfaccia nell'Editor 2.0, fornendo un ambiente di modifica più pulito. Gli utenti hanno anche la possibilità di chiudere il pannello quando non è in uso.
-
Controllo del pannello Layer: Gestisci facilmente il pannello dei livelli chiudendolo e riaprendolo secondo necessità per facilitare una navigazione più fluida all'interno della struttura del sito.
-
Navigazione a barre mobili: Consente di tornare indietro senza problemi utilizzando i breadcrumb introducendo una barra di navigazione mobile.
-
Opzione di duplicazione: Consente di duplicare gli elementi nell'Editor 2.0 introducendo un'opzione di duplicazione.
-
Ridimensionamento dell'immagine in linea: Ridimensiona le immagini direttamente all'interno dell'interfaccia dell'editor, eliminando la necessità di tooldi modifica esterne.
-
Controlli di allineamento e spaziatura migliorati: I controlli migliorati per l'allineamento verticale e orizzontale e la spaziatura, tra cui un dispositivo di scorrimento per la spaziatura, semplificano il processo di regolazione del layout. Questi miglioramenti eliminano la necessità di righe e colonne aggiuntive nell'editor classico.
-
-
Compatibilità store eCommerce: Supporta il storenativo, ma non supporta il storedi terze parti .
Editor 2.0 è un set di funzionalità dinamico e in evoluzione, che incorpora miglioramenti continui per migliorare l'esperienza dell'utente. Sebbene la piattaforma sia in continua evoluzione, varie funzionalità sono in fase di valutazione o in fase di sviluppo. Attualmente in fase di valutazione e pianificazione:
-
Store di terze parti
-
Righe globali (che si trovano nel tema dell'editor classico).
-
Nuova riga Tipo di azione di personalizzazione.
Come posso iniziare a costruire con Editor 2.0?
Per iniziare a costruire, clicca su crea sito e vedrai un'opzione per passare ai template Editor 2.0, scegliere un modello da iniziare a costruire e basta!
Cos'è l'Editor 2.0 e perché è unico?
Editor 2.0 è un innovativo editor di design interamente costruito sulla tecnologia Flexbox, con intestazioni, sezioni, pagine e piè di pagina basati su Flex. Introduce una nuova tela potente che migliora le capacità di design e l'efficienza. Questo ti permette di creare rapidamente il sito desiderato, mantenendo la compatibilità con tutte le widget, le app, i componenti aggiuntivi e le toolesistenti.
Vantaggi dell'utilizzo dell'Editor 2.0 per te e il tuo team
-
Aumento della produttività: Riduce significativamente il tempo dalla progettazione alla pubblicazione.
-
Prestazioni migliorate del sito: Raggiunge punteggi Core Web Vitals più alti, contribuendo a una migliore rankingnei motori di ricerca.
-
Esperienza di design migliorata: Offre un design pixel perfect e reattivo che si adatta automaticamente a diverse dimensioni dello schermo.
In cosa si differenzia l'Editor 2.0 dall'editor classico di Website Builder? Devo ricevere le funzionalità dall'editor classico?
Tutti i componenti familiari della piattaforma come widget, blog, store, app e altri tool rimangono invariati in Editor 2.0. La differenza principale sta nella tela di design dove si trascinano e rilasci elementi e ne si personalizzano il design.
Quali sono i vantaggi della Design Canvas di Editor 2.0?
-
Progettazione del sito più veloce: offre ampie capacità di layout, riorganizzazione automatica degli elementi durante il ridimensionamento e controllo assoluto sui punti di interruzione.
-
Esperienza Flex completa: Offre un'esperienza Flex fluida su intestazioni, sezioni, pagine e piè di pagina senza dover attivare e uscire dalla modalità Flex.
-
Personalizzazione migliorata dei widget: Facilita la personalizzazione dell'allineamento, ridimensionamento e ordinazione dei widget direttamente sulla tela del design.
Perché Website Builder sta introducendo questo nuovo editor?
Website Builder mira a dare ai professionisti del web la possibilità di creare siti web di nuova generazione, mentre Editor 2.0 sfrutta tecnologie all'avanguardia di web design e sviluppo per offrire un'esperienza di costruzione del sito potente e intuitiva senza bisogno di codice.
Cosa succederà all'editor esistente di Website Builder quando verrà lanciato Editor 2.0?
Continueremo a supportare l'editor classico, permettendo l'uso di asset personalizzati esistenti e mantenendo i processi familiari di costruzione del sito.
Come influenzerà il nuovo Editor 2.0 i siti che ho già creato con l'attuale editor di Website Builder?
I siti esistenti rimarranno invariati e l'editor attuale sarà ancora utilizzabile con template normali (non Flex). Consigliamo di esplorare Editor 2.0 per le sue capacità complete di costruzione di sitis.
Posso comunque costruire siti che includano sia sezioni Flex che non Flex dopo il rilascio di Editor 2.0?
Con il rilascio dell'Editor 2.0, le sezioni Flex utilizzate in precedenza saranno accessibili nell'Editor 2.0, ma le sezioni non Flex non saranno più disponibili nel nuovo editor.
Potrò tornare all'editor attuale una volta rilasciato l'Editor 2.0?
Sì, avrai l'opzione di passare tra l'editor attuale e l'Editor 2.0 tramite la pagina dei template.
Come gestirà l'Editor 2.0 gli asset personalizzati creati con l'editor attuale?
L'editor 2.0 è costruito interamente sulla tecnologia Flexbox, rendendo compatibili con il nuovo editor qualsiasi asset basato su Flex, che tu o il tuo team avete creato.
L'editor 2.0 supporta questi asset di design personalizzati:
-
Widget personalizzati
-
Sezioni Flex personalizzate
-
Modelli Flex personalizzati (ad esempio, template con header Flex)
L'editor 2.0 non supporta questi asset di design personalizzati:
-
Modelli personalizzati con un'intestazione non Flex
-
Sezioni personalizzate non Flex
Quali opzioni avete per modelli e sezioni personalizzate non Flex?
Puoi continuare a usarli nell'editor attuale poiché Website Builder manterrà il supporto. In alternativa, considera la creazione di nuovi asset personalizzati usando Editor 2.0, che offre un processo di creazione semplificato.
Editor 2.0 supporterà personalizzazioni di HTML e CSS?
Potrai comunque personalizzare i file CSS usando la Modalità Dev del Website Buildernell'Editor 2.0. Tuttavia, le personalizzazioni HTML non saranno supportate. L'infrastruttura tecnologica migliorata e le capacità di progettazione di Editor 2.0 riducono la necessità di una personalizzazione estesa del codice. Azioni come sovrapporre elementi e aggiungere più di quattro colonne possono essere realizzate direttamente dalla tela di design di Editor 2.0.
L'editor classico è stato un tool di fiducia noto per la sua semplicità ed efficienza nella creazione di siti web. Puoi creare bellissimi siti Web semplicemente utilizzando l'editor classico oppure puoi anche migliorare la tua esperienza di progettazione utilizzando la modalità flessibile nell'editor classico.
-
Creazione del sito facile e veloce: L'editor classico offre un'interfaccia intuitiva, che consente agli utenti di creare rapidamente siti Web.
-
Flessibilità con le sezioni flessibili: Incorpora sezioni flessibili e sezioni Team predefinite per migliorare la flessibilità del layout.
-
Intestazione personalizzabile: personalizza le intestazioni per dispositivo, ad eccezione dei tablet che rispecchiano i layout desktop. Si noti che le sezioni flex non sono supportate nell'intestazione.
-
Compatibilità store eCommerce: supporta il storenativo e il storedi terze parti.
Di seguito vengono illustrate le diverse etichette di sezione e modalità flessibili e il modo in cui si relazionano alle diverse versioni dell'editor:
-
Sezioni flessibili: Queste sono simili alle righe dell'editor classico, che rappresentano anche la modalità di modifica principale all'interno dell'editor 2.0. Flex era il modo in cui chiamavamo le sezioni flessibili o la modalità flessibile al di fuori dell'Editor 2.0.
-
Modalità Flex: Rilevante per le sezioni flessibili nell'editor classico, non è applicabile nell'editor 2.0.
-
Flettere: Rilevante per le sezioni Flex, è applicabile sia all'Editor 2.0 che all'Editor classico.
-
All-Flex Editor (ora noto come Editor 2.0): Precedentemente indicato all'editor prima della sua trasformazione nella versione aggiornata nota come Editor 2.0.
Per i clienti preoccupati per la transizione graduale da All-Flex a Editor 2.0 e il suo impatto sull'editor classico, ecco alcune note importanti:
-
Supporto continuo per l'editor classico: I siti creati con l'editor classico rimangono completamente supportati, con funzionalità di modifica continue.
-
Migrazione tra le versioni dell'editor: se si esegue un reset completo del sito, è possibile passare da una versione dell'editor all'altra.