Revisione anticipata: personalizza tutto tramite un editor front-end

Presentato dai suoi creatori come "il futuro di WordPress", Upfront è un nuovo strumento per la creazione di siti Web e l'editor di contenuti lanciato all'inizio del 2015 da WPMU DEV.

Upfront include una selezione di temi iniziali per il tuo sito Web WordPress. Dopo aver effettuato una scelta, puoi quindi iniziare a personalizzare quasi tutti gli elementi del tuo sito Web , il tutto attraverso un'interfaccia visiva, front-end, trascina e rilascia.

Upfront sostituisce anche le schermate predefinite dei post e degli editor di pagine di WordPress per portare la modifica in linea punta e clicca su WordPress. Quindi, sia che tu voglia riprogettare completamente i temi iniziali per creare il tuo sito Web personalizzato, o semplicemente desideri rendere più intuitiva l'aggiunta di nuovi contenuti a WordPress , Upfront potrebbe essere lo strumento che stavi aspettando.

Per scoprire se questo è il miglior strumento di creazione per WordPress, continua a leggere per la nostra recensione completa di Upfront. In alternativa, passa direttamente alla demo per provarla di persona.

Revisione anticipata: cosa può fare questo strumento per la creazione di siti

Upfront lavora sulla relazione tematica genitore-figlio. Ciò significa che Upfront è installato sul tuo sito Web WordPress come tema principale, principale, e quindi puoi scegliere tra uno dei temi figlio che sono stati creati per questo.

Questi temi figlio funzionano quindi come base del tuo sito web. Al momento della scrittura, ci sono solo tre temi figlio tra cui scegliere : Fixer, Scribe e Spirit. Tuttavia, in futuro verranno aggiunti altri design.

Sembrano tutti belli e funzionerebbero ugualmente bene come tema autonomo, senza alcuna personalizzazione richiesta.

Modifica drag and drop front-end

Dopo aver scelto un bambino o un tema iniziale, puoi dedicarti alla personalizzazione.

Come accennato, tutto il lavoro di editing e progettazione avviene attraverso un intuitivo front end, drag and drop, visual editor. Ciò significa che ciò che vedi è davvero ciò che ottieni. Non è necessario modificare personalmente il codice sottostante o cambiare finestra per ottenere un'anteprima del tuo lavoro.

Regioni fluttuanti, elementi di pagina illimitati

Quando si tratta di creare layout di pagina personalizzati, Upfront utilizza regioni ed elementi. Gli elementi disponibili – 16 al momento della scrittura – possono essere trascinati e rilasciati sulle pagine del tuo sito web. Non solo puoi trascinare e rilasciare gli elementi della pagina, come le immagini, in posizione, ma puoi anche modificare il testo in linea .

Questa modifica in linea avviene semplicemente facendo doppio clic sul testo e quindi iniziando a digitare. Puoi anche accedere a un buon set di controlli di formattazione durante l'aggiunta e la modifica del testo tramite l'editor front-end.

Oltre a essere in grado di trascinare e rilasciare aree di testo e immagini in posizione, e quindi spostarle attraverso l'interfaccia visiva, ci sono molti altri elementi della pagina tra cui scegliere. Al momento della scrittura, questi elementi trascinabili della pagina includono : cursori, schede, fisarmoniche, gallerie di immagini, video, moduli, pulsanti e mappe. Puoi anche utilizzare l'elemento codice per aggiungere codice personalizzato al tuo design.

Inoltre, qualsiasi widget attivo sul tuo sito Web, sia da plug-in di terze parti, core di WordPress o opzioni personalizzate, può essere inserito nel design della tua pagina. Questo ti dà davvero una portata quasi illimitata su ciò che può essere incluso nei layout del tuo sito web.

Personalizzazione completa della regione

Ciascuna delle regioni che compongono la tua pagina e gli elementi che contengono possono essere ulteriormente personalizzati. Ciò include la modifica delle dimensioni; posizione; tipo di sfondo – inclusi video, slider, mappa; e altre impostazioni di aspetto relative al tipo di regione in fase di modifica. Facendo clic sull'icona di modifica, viene visualizzato un pannello sensibile al contesto, attraverso il quale è possibile apportare le modifiche.

Le modifiche sono tutte applicate in tempo reale . Non è necessario aggiornare la tua pagina, grazie all'effetto di anteprima dal vivo di questo editor front-end.

Mentre trascini e sposti le regioni intorno alla pagina, noterai che fluttuano, invece di essere fissate su una griglia. Ciò significa che sei in grado di creare progetti a flusso veramente libero, piuttosto che essere vincolato da limiti arbitrari.

Tuttavia, per i pixel pusher là fuori, Upfront include una comoda griglia visiva opzionale per aiutarti ad allineare gli elementi della tua pagina in modo più preciso.

Post-end personalizzato e modifica della pagina

Con Upfront, ogni post e ogni pagina del tuo sito web può avere il proprio design e layout personalizzati . Tutto ciò può essere costruito tramite l'interfaccia visiva, front-end, drag and drop.

Eliminando la necessità di creare post nel back-end del tuo sito, quindi passare avanti e indietro tra l'anteprima del front-end e l'editor principale, per ottenere l'aspetto giusto, Upfront ha già risolto un'area importante che ostacola WordPress . Grazie alla personalizzazione aggiuntiva e alle opzioni di contenuto, come i widget e gli elementi, è stato aperto anche un altro regno di possibilità.

Mentre puoi personalizzare le aree globali dell'intestazione e del piè di pagina che vengono utilizzate a livello di sito, puoi anche personalizzare quelle aree su un singolo post e sulla base della pagina per un aspetto più personalizzato per una singola pagina.

Altre caratteristiche degne di nota di Upfront includono un layout completamente reattivo per il crescente esercito di utenti mobili che accedono a siti Web tramite smartphone e tablet. Come ti aspetteresti dal team WPMU DEV, questo tema è completamente pronto per il multisito.

Sono supportati anche i tipi di post personalizzati e possono essere modificati allo stesso modo del normale tipo di post del blog. C'è anche un pratico, ma breve, tour per aiutarti a iniziare quando avvii per la prima volta l'interfaccia di personalizzazione.

La caratteristica fondamentale di Upfront è che tutto il lavoro e la modifica dei contenuti avviene tramite l'editor front-end. Questo è ciò che gli sviluppatori del progetto sperano lo separi dalla concorrenza. Mentre alcuni altri costruttori di pagine di WordPress offrono un editor front-end per la personalizzazione del tuo sito Web, Upfront sembra essere l'unico in cui tutta l'azione si svolge attraverso l'interfaccia visiva front-end, inclusa la creazione di contenuti di blog post.

Revisione anticipata: l'esperienza utente

Dopo aver caricato Upfront sul tuo sito web e aver scelto uno dei temi iniziali e secondari per esso, puoi iniziare a lavorare sul tuo sito web .

Facendo clic sul pulsante "Personalizza tema utilizzando Upfront" nella vista front-end del tuo sito Web, viene avviata l'interfaccia di modifica.

Il tour facoltativo ti guida attraverso le caratteristiche principali del plugin. In alternativa, puoi semplicemente saltare dentro e iniziare. Poiché i temi iniziali sono popolati con tutte le funzionalità di un moderno tema WordPress, puoi iniziare ispezionando e personalizzando gli elementi esistenti.

Scambiare le immagini per le tue è facile come fare clic su di esse e quindi trascinare e rilasciare la nuova immagine nella tua libreria multimediale. Tuttavia, sei libero di eliminare la maggior parte dei contenuti preesistenti che desideri . Questo ti permette di essere davvero creativo con Upfront.

Quando si tratta di aggiungere gli elementi disponibili nel layout della pagina, si tratta solo di trascinarli e rilasciarli in qualsiasi punto della pagina. Una volta aggiunto alla pagina, ogni elemento può essere personalizzato a modo suo. Ad esempio, l'elemento post può essere modificato per visualizzare singoli o elenchi di post nel layout.

Questo è ottimo per creare una pagina di archivio post personalizzata o mettere in evidenza i tuoi post migliori nella home page del tuo sito web. Le impostazioni per l'elemento post ti danno molta flessibilità su come viene visualizzato quel contenuto. Ciò copre non solo i post da visualizzare, ma anche le parti dei post da includere. Questo copre: la data del post, il conteggio dei commenti, l'immagine in primo piano e molto altro.

Oltre a utilizzare Upfront per progettare e personalizzare la home page del tema iniziale, viene utilizzato anche quando si lavora su post e pagine . Questo è fantastico in quanto crea un'interfaccia uniforme e coerente per la progettazione del sito Web e la creazione di contenuti.

Per passare alla visualizzazione del post e della pagina, fai semplicemente clic sul collegamento Post/Pagina, quindi seleziona il contenuto esistente che desideri modificare o crea un nuovo elemento.

Il post scelto si apre quindi nell'editor Upfront . Ciò ti consente di aggiungere semplicemente dei contenuti o di revisionarne il design. La sostituzione del goffo sistema di post editing di WordPress di dover cambiare finestra per visualizzare in anteprima il tuo lavoro offre un aggiornamento immediato al software principale.

La maggior parte di ciò che puoi fare tramite la schermata di modifica dei post predefinita di WordPress, come aggiungere un'immagine in primo piano, modificare il titolo del post e aggiungere il contenuto del post, può essere eseguita tramite l'interfaccia visiva di Upfront.

Se desideri apportare modifiche alla tipografia del tuo sito Web , Upfront ti offre un modo semplice per farlo. Attraverso il pannello delle impostazioni del tema è possibile scegliere un elemento tipo, come Titolo 2, e quindi modificare il carattere utilizzato. Questo viene quindi applicato a livello globale, in tutto il tuo sito.

È comunque possibile personalizzare l'aspetto del testo nei singoli elementi. Tuttavia, utilizzando le impostazioni del tema puoi applicare rapidamente le modifiche all'intero sito . Lo stesso vale per i colori del sito, sebbene l'interfaccia non chiarisca a quale elemento del tuo sito web si applicano ciascuna delle impostazioni di colore.

Per apportare modifiche rapide all'aspetto e al contenuto dei temi iniziali, Upfront è molto facile da raccogliere. Tuttavia, quando si tratta di effettuare personalizzazioni di più ampia portata o di creare layout di pagina personalizzati da zero, sarà necessario un maggiore investimento di tempo per fare i conti con.

Questo è abbastanza ragionevole. Soprattutto considerando la portata e la funzionalità di questo strumento. Come altri temi e plugin di WordPress di questo tipo, più ci metti, più ne uscirai a lungo termine.

Prezzo

Upfront può essere tuo unendoti al club di appartenenza WPMU DEV. Questo ti dà accesso a Upfront, oltre a oltre 350 plugin e altri temi. Le quote di iscrizione partono da $ 24,50 al mese sul piano annuale e salgono a $ 99 sull'opzione di pagamento mensile.

Dopo esserti registrato, e per tutto il tempo in cui sei un membro, hai accesso al forum di supporto 24 ore su 24, 7 giorni su 7 e alle sessioni quotidiane di chat dal vivo. Per ottenere le opzioni di prezzo complete per Upfront, visitare il sito Web WPMU DEV.

Conclusione

WPMU DEV è rimasto in silenzio per un po' quando si è trattato di rilasciare nuovi temi WordPress. Con il rilascio di Upfront, è facile capire perché. Con oltre due anni di lavoro e "oltre un milione di dollari spesi", Upfront è sicuramente un progetto importante per il team WPMU DEV, e forse lo stesso WordPress.

Nell'annuncio di Upfront, i suoi creatori fanno un punto interessante sulla concorrenza di questo strumento e di WordPress in generale . Sebbene servizi come Squarespace, Wix e Weebly attualmente offrano meno opportunità di sviluppo e personalizzazione e espansione su misura rispetto a WordPress, offrono un'interfaccia più intuitiva per pubblicare contenuti e rendere il tuo sito Web come desideri.

Upfront mira a portare questo tipo di interfaccia di personalizzazione su WordPress. Nel complesso fa un buon lavoro. Se vuoi rendere WordPress più user friendly, per te stesso, per i tuoi clienti o per coloro a cui raccomandi questo software, Upfront è un'opzione a tua disposizione.

Scegliere Upfront implica impegnarsi in una soluzione di terze parti; e mentre sarebbe bello se WordPress potesse offrire questo tipo di esperienza di editing, sia come parte del core, sia tramite un componente aggiuntivo "ufficiale", per il momento c'è Upfront.

Mentre i programmatori e gli sviluppatori che sono in grado di progettare i propri temi o personalizzare i prodotti pronti all'uso non avranno molto bisogno di Upfront, chiunque altro abbia mai voluto creare i propri layout di pagina e design personalizzati dovrebbe assolutamente prendere la demo online di Upfront per un giro di prova.

Sono ancora i primi tempi per Upfront , ma sono iniziati bene. Man mano che più temi iniziali vengono online e vengono introdotti elementi aggiuntivi, questo editor intuitivo dovrebbe davvero essere il suo.

Scopri di più su Upfront o prova subito la demo

Disclaimer: scrivo post per il blog WPMU DEV – i creatori di Upfront – su base freelance; tuttavia le opinioni in questo articolo sono tutte mie e non sono affatto influenzate da questa relazione.