Beaver Builder 1.9 Shasta – Colonne in colonne, impostazioni reattive migliorate e altro ancora!
Pubblicato: 2016-11-23Sconto del 25% sui prodotti Beaver Builder! Affrettati, i saldi finiscono... Scopri di più!
- Costruttore di castori
Beaver Builder 1.9 Shasta – Colonne in colonne, impostazioni reattive migliorate e altro ancora!
– 22 novembre 2016 Beaver Builder 1.9 è online! Questo post copre le modifiche di alto livello. Per tutti i dettagli concreti, assicurati di consultare i registri delle modifiche di Beaver Builder
Siamo entusiasti di annunciare Beaver Builder 1.9, Shasta, coniato dalla splendida diga Shasta nel nostro stato natale, la California. Shasta porta la funzionalità numero 1 più richiesta in Beaver Builder: colonne in colonne (CinC). Insieme a CinC, stiamo introducendo un editor rinnovato con trascinamento e rilascio più accurato, la possibilità di trascinare e riorganizzare le colonne, impostazioni reattive per margini e riempimenti, nuovi modelli e molto altro ancora!
1.9 Anteprima video Shasta
Per prima cosa, molti degli aggiornamenti questa volta sono molto più facili da mostrare che da raccontare. Justin ha messo insieme un simpatico piccolo screencast evidenziando molti dei cambiamenti. Vale la pena guardarlo.
Se ti piacciono i video, assicurati di dare un'occhiata a questo video di anteprima di Shasta di Matt Mederios (sai, il ragazzo che fa il podcast di Matt Report). Matt è super brillante e ha una lunga storia nel settore dei costruttori grazie al suo prodotto, Conductor. Ha una prospettiva unica supportata da tonnellate di esperienza.
Presentazione delle colonne padre e figlio
Se ti stai chiedendo cosa significhi effettivamente "colonne in colonne", non preoccuparti. È un po' difficile capirlo senza un esempio visivo.
È sempre stato possibile avere, ad esempio, un'immagine in una colonna e un testo in un'altra, ma notate i quadrati verde acqua e verdi sotto il testo trascritto: questo layout non è mai stato possibile senza qualche trucco CSS.
Come accennato, CinC è stata una delle funzionalità più richieste sin dal nostro lancio. Facciamo davvero del nostro meglio per ascoltare il tuo feedback e implementare le tue idee. Ci è voluto molto tempo per implementare CinC perché non riuscivamo a trovare un modo elegante per realizzarlo. Come puoi vedere nel video, abbiamo finalmente risolto il problema con la dinamica delle colonne "genitore" e "figlio" di cui siamo estremamente orgogliosi.
Colonne trascinabili
Un'altra grande richiesta è stata la possibilità di duplicare e trascinare le colonne, in modo simile a come è possibile con i singoli moduli. Siamo entusiasti di annunciare che arriveranno anche le colonne trascinabili.
Per poter ottenere colonne trascinabili e padre/figlio, stiamo introducendo una nuova funzionalità dell'interfaccia utente. In Shasta potrai trascinare una colonna (e, se disponibile, una colonna principale) direttamente dal menu delle impostazioni della colonna.
A sinistra c'è un menu a colonna standard e a destra c'è un menu a colonna figlio . Nell'esempio a destra, nota che puoi modificare le impostazioni o spostare sia il bambino che il genitore facendo clic e trascinando verso destra dal menu.
Si tratta di un'innovazione mai vista prima e, insieme ad alcuni importanti miglioramenti alla precisione del trascinamento della selezione, rende l'esperienza di costruzione molto fluida. Naturalmente non dovresti semplicemente crederci sulla parola. Provatelo. Ci auguriamo che tu ti senta come ha fatto questo beta tester...
Dopo aver lavorato con @BeaverBuilder 1.9 per un po', tornare al comportamento della versione 1.8 è davvero deprimente. Condividi su XÈ difficile esprimere a parole quanto bene "si sente" la nuova interfaccia utente. Dovrai provarci e farci sapere se sei d'accordo.
Nuovi modelli di pagina di contenuto
In Gordon (v1.8), abbiamo introdotto diversi nuovi modelli di pagine di destinazione . In Shasta, stiamo dando un po' di amore ai nostri modelli di pagine di contenuti. Le pagine di destinazione sono, presumibilmente, la prima pagina che un visitatore vede quando arriva al tuo sito (pensa alle home page). Le pagine di contenuto sono le pagine interne di un sito, come una pagina di informazioni, contatti o prezzi.
Sono disponibili 12 nuovi modelli di pagine di contenuto nella versione 1.9, ciascuno con un design fresco e minimalista. La nostra speranza con tutti i nostri modelli è che siano un punto di partenza per dare il via alla tua creatività o un design pronto all'uso che necessita solo di alcune piccole modifiche prima di essere pubblicato.
Margini, riempimenti e bordi reattivi
Fin dal primo giorno, i layout di Beaver Builder sono sempre stati reattivi e stiamo introducendo una funzionalità per rendere molto più semplice la creazione per schermi più piccoli.
In Shasta ora puoi regolare i margini, la spaziatura interna e le dimensioni dei bordi in base alle dimensioni del dispositivo. Originariamente abbiamo aggiunto 4 caselle di testo extra al pannello delle impostazioni. Sebbene fosse funzionale, non era molto carino. In un'altra rivelazione dell'interfaccia utente, il team ha creato un pulsante per alternare tra le diverse visualizzazioni.
Gran parte del codice per questa funzionalità è stato inviato da fonti esterne. Grazie mille a Jessie e Oliver per il loro aiuto! Siamo sempre entusiasti di ricevere richieste di pull per la codebase di Beaver Builder. Se sei interessato a contribuire, inviaci un'e-mail.
Apri una lightbox da un pulsante
Ultimo ma non meno importante, stiamo aggiungendo la possibilità di generare un popup lightbox da un pulsante. C'è una nuova impostazione Azione clic nel modulo del pulsante che aggiunge un'opzione lightbox insieme all'opzione per aprire un URL. Potrai aggiungere un testo personalizzato, un codice HTML (inclusi gli shortcode) o un video e il contenuto verrà visualizzato automaticamente in una lightbox quando si fa clic sul pulsante. Abbastanza dolce!
Puoi leggere ulteriori informazioni sulla funzionalità lightbox e su tutte le nuove funzionalità di Shasta nel nostro post della Knowledge Base. Per verificare correzioni di bug e miglioramenti minori, controlla i log delle modifiche.
Bene! Penso che sia tutto.
Ci piacerebbe sapere cosa ne pensi di questa prossima versione e, se riscontri problemi con la beta, inviaci un'e-mail o lasciaci un commento qui sotto. Questo aggiornamento è la prova che stiamo ascoltando e prendiamo molto sul serio il tuo feedback. Non esitate a farci sapere i vostri pensieri. Godere.
27 commenti
il 7 dicembre 2016 alle 9:16
Grazie, Andrea!
il 22 novembre 2016 alle 15:35
Comprendo che questa versione consentirà di avviare un codice di incorporamento di YouTube in una lightbox dopo aver fatto clic su un pulsante. Recentemente ho lavorato con Gtmetrix.com e mi hanno detto che gestire i video in questo modo, in cui il codice di incorporamento non viene caricato finché l'utente non interagisce con esso, può migliorare drasticamente la velocità della pagina. Puoi confermare che la nuova funzione video lightbox realizza questo nella versione 1.9? Inoltre, è previsto che la diapositiva del titolo del video insieme a un pulsante di riproduzione sovrapposto venga visualizzato come immagine anziché come pulsante in modo che sembri un video incorporato?
Ciao Paolo. Questa è una bella domanda. Il markup è incluso nel caricamento iniziale della pagina, ovvero non viene caricato tramite Ajax. Immagino che il video inizi il buffering solo una volta visualizzato, ma non ne sono sicuro al 100%.
Non abbiamo in programma di implementare la diapositiva del titolo come hai menzionato, ma è una buona idea. Lo terremo a mente. Tutti i nostri moduli predefiniti possono essere sovrascritti e personalizzati. Se ti capita di lavorare su qualcosa del genere, faccelo sapere e forse possiamo usare il tuo codice?
il 23 novembre 2016 alle 13:43
Fantastico… adoro gli aggiornamenti. Rende le cose molto più intuitive e dovrebbe accelerare il flusso di lavoro per la creazione di cose, senza dover fare clic così tanto.
Adoro anche le personalizzazioni per le diverse dimensioni dello schermo. Non sono sicuro che questo sia qualcosa che dovrebbe essere gestito dal builder piuttosto che dal foglio di stile, ma offre sicuramente all'utente la possibilità di apportare modifiche spesso necessarie senza dover passare al codice.
Ma è qui che vedo che questa funzionalità diventa davvero utile. Usandolo con le colonne, e soprattutto con le colonne all'interno delle colonne!
Il motivo principale per cui creo un modello personalizzato anziché utilizzare un generatore di pagine è il modo in cui le colonne vengono suddivise per ciascuna dimensione dello schermo. Di solito sei limitato al modo integrato scelto dal costruttore per farlo, ma non è sempre il modo migliore.
Ecco un esempio:
Esistono diversi casi in cui mi piacerebbe avere 6 colonne sul desktop, che si trasformano in 3 colonne sul tablet e poi 2 colonne sul telefono. Di solito si passa da 6 colonne a 1 colonna, il che ovviamente non è l'ideale in tutte le situazioni.
Normalmente, eseguirei questa personalizzazione utilizzando bootstrap, perché è il modo più semplice che ho trovato. Ciò semplifica anche la priorità di ciò che cade in alto quando le dimensioni dello schermo scendono a una colonna (come il testo sull'immagine a sinistra a destra per due colonne, ma creando sempre l'immagine in alto per una colonna).
Ma se potessi controllare tutto ciò tramite il builder, lo adorerei ancora più di quanto lo amo già. Cavolo, è da un po' che non lo uso, quindi forse è già possibile.
Dovrò controllarlo e fare una richiesta di funzionalità ufficiale. Grazie!
Eccezionale! Grazie, Dan. Di solito è consigliabile inserire il maggior numero possibile di stili in un file CSS, ma per molte persone potrebbe non essere pratico.
il 23 novembre 2016 alle 23:47
Roba fantastica! Una funzionalità che mi piacerebbe avere è una casella CSS su un modulo o una colonna per quando ho bisogno rapidamente di aggiungere qualcosa di semplice ma non supportato nell'interfaccia di stile come text-shadow, per quando utilizzo un titolo su un'area di sfondo e il titolo non può essere facilmente distinto. Utilizzo l'ombra del testo e alcune altre cose per far risaltare un titolo o un testo da uno sfondo di immagine a larghezza intera. So che puoi aggiungere il layout CSS in alto, ma è solo un pensiero per facilitare l'accesso avendo la possibilità di inviare un codice CSS rapido dall'interfaccia popup del modulo/colonna.
Saluti
Ciao Davide. Grazie per il suggerimento Penso che la soluzione migliore sarebbe dare all'elemento una classe o un ID e mantenere il CSS il più centrale possibile. Non è la pratica migliore, ma ho creato "classi di supporto" come .text-shadow nel mio file CSS, quindi ho inserito la classe su intestazioni/ecc. dove avevo bisogno di aggiungere ombra. Potrebbe funzionare per te?
il 25 novembre 2016 alle 21:49
Installalo ora! Queste funzionalità sono fantastiche e non vedo l'ora di mettere gli occhi sui nuovi modelli.
Quindi la lightbox si apre solo da un pulsante? Può essere attivato da un collegamento immagine? Oh, come sarebbe dolce!
il 1 dicembre 2016 alle 15:21
Oh! Beaver Builder continua a migliorare! Grazie all'intero team di Beaver Builder per questi miglioramenti. Sto appena iniziando a realizzare due nuovi siti Web per i clienti e Beaver Builder li sta realizzando su entrambi!
Grazie, Pete! Sono felice di sentire. Apprezziamo il supporto!!
il 7 dicembre 2016 alle 2:41
Congratulazioni per aver rilasciato questo fantastico aggiornamento, ragazzi! E grazie per avermi menzionato nel post, sono felice di aver potuto aiutare un po'.
Vorrei chiederti se hai un ETA per la versione Beaver Builder 1.9 Lite? Vorrei aggiornare il contenuto demo dei miei temi utilizzando la nuova funzionalità di spaziatura reattiva.
Grazie!
Ciao Oliver. È bello sentirti e grazie mille, atchya!
Credo che Justin di solito invii l'aggiornamento del repository pochi giorni/settimane dopo il lancio degli aggiornamenti della versione premium. Potresti voler contattarlo su Slack per una conferma, ma aspettati che uscirà molto presto.
Freddo. Grazie per la risposta, Robby!
il 12 dicembre 2016 alle 3:58
È uscita questa nuova versione? Non vedo la notifica di aggiornamento nei miei plugin!
Ciao, Davide. È disponibile per le versioni premium, ma non per la versione lite. Dovrebbe uscire molto presto.
Se non vedi l'aggiornamento, puoi provare a utilizzare il pulsante "Controlla di nuovo" nella pagina degli aggiornamenti. Se tutto il resto fallisce, puoi eseguire un aggiornamento manuale o inviarci un ticket di supporto.
il 13 dicembre 2016 alle 14:46
Robby,
Mi sembra che ci siano dei problemi con la versione lite. Voglio che le mie righe siano a larghezza intera e mettano uno sfondo su di esse, quando salvi le modifiche, le modifiche non hanno effetto. C'è qualcosa che dovrei fare diversamente per far funzionare questo?
Ciao Angela. Dovremmo avere un altro aggiornamento che risolva alcuni bug. Facci sapere se il problema persiste dopo l'aggiornamento alla versione 1.9.2
(e scusa per il disturbo)
il 14 dicembre 2016 alle 16:07
Questo è un aggiornamento meraviglioso e grazie per la menzione!
Non vedo l'ora di iniziare a usarlo in produzione. Ci sono così tanti casi d'uso che sono diventati molto più semplici. Se solo potessimo ottenere colonne globali, potrei sostituire completamente le barre laterali e i widget e fare tutto nel front-end.
Adoro anche gli interruttori reattivi dell'interfaccia utente che hai aggiunto. È molto più semplice da usare rispetto ai controlli della prima bozza che ho inviato (e francamente è semplicemente più interessante). Sono davvero impressionato!
Continuo a essere davvero felice di aver scelto questo framework per costruire i nostri siti.
Ehi Jessie! Grazie ancora per l'aiuto.
Mi piace l'idea delle colonne globali/barra laterale! Lo terremo sicuramente a mente. Abbiamo alcune cose interessanti in cucina anche per il 2017...
il 22 dicembre 2016 alle 4:46
È fantastico, grazie mille!
Spiacenti: il primo collegamento nel testo (Apri una lightbox da un pulsante) restituisce una pagina non trovata.
Ah! Grazie per l'avviso! Tutto risolto adesso.
il 28 dicembre 2016 alle 12:13
Questo è così bello!!!!
il 28 dicembre 2016 alle 20:51
Grazie all'intero team di Beaver Builder per questi miglioramenti.
il 20 gennaio 2017 alle 14:20
La nuova funzione Colonne all'interno delle colonne è fantastica. Aggiungerai presto la possibilità di duplicare una colonna principale e tutti i suoi contenuti (o di salvarli come modulo)? Ciò renderebbe davvero questa funzionalità ancora più utile. Grazie!
Grazie, Annjanette! Non abbiamo nulla in programma, ma lo terremo a mente per un futuro aggiornamento. So che è una soluzione alternativa, ma puoi duplicare e salvare le righe. Potrebbe essere più veloce duplicare una riga e rimuovere le colonne extra invece di provare a duplicare i moduli. Spero che questo aiuti.
il 22 settembre 2017 alle 3:31
Aggiungi altri modelli personalizzati per pagine di contenuto e post... tutto il resto è davvero fantastico.
La nostra newsletter
La nostra newsletter viene scritta personalmente e inviata circa una volta al mese. Non è minimamente fastidioso o spam.
Lo promettiamo.
Prova Beaver Builder oggi
Woo-hoo! Sono così felice di vedere la beta: un passo avanti verso la sua implementazione sui siti dei clienti. Ho apprezzato così tanto le nuove funzionalità reattive e di colonna nella versione alpha che l'ho installato su un paio di siti live personali. Ottimo lavoro come sempre, ragazzi!