Il tema Beaver Builder è ora ancora più personalizzabile!
Pubblicato: 2015-06-24Sconto del 25% sui prodotti Beaver Builder! Affrettati, i saldi finiscono... Scopri di più!
- Costruttore di castori
Il tema Beaver Builder è ora ancora più personalizzabile!
– 23 giugno 2015 La prossima versione del tema Beaver Builder è ora in versione beta e pronta per essere provata! Questa versione racchiude 25 nuove impostazioni di personalizzazione, 14 nuove azioni e 2 nuovi filtri che rendono il tema Beaver Builder ancora più personalizzabile di prima. I membri Pro e Agency possono accedere al proprio account e scaricare una copia da testare oggi stesso.
Panoramica dell'aggiornamento
Quando abbiamo creato per la prima volta il tema Beaver Builder, il nostro obiettivo era limitare il più possibile le impostazioni di progettazione mantenendolo comunque altamente personalizzabile. Ciò significava che dovevamo capire per te alcune cose, come il colore del testo nella barra di navigazione in base al colore di sfondo che hai scelto. Per alcuni ha funzionato bene, ma il feedback che abbiamo ricevuto nell'ultimo anno è stato che gli utenti desiderano un maggiore controllo sul proprio design tramite il personalizzatore.
Questo aggiornamento è il nostro primo tentativo di esporre più impostazioni di progettazione, tuttavia, ci impegniamo comunque a mantenere le cose il più semplici possibile. Abbiamo dovuto riprogettare parte della logica del personalizzatore per questo aggiornamento per consentire valori definiti dall'utente anziché valori generati automaticamente. Adesso abbiamo la possibilità di aggiungere altre impostazioni, quindi se non vedi qui un'impostazione che speravi potesse essere inserita, faccelo sapere e la esamineremo per un aggiornamento futuro.
Cose di cui essere consapevoli
Dato che abbiamo dovuto riprogettare parte della logica del personalizzatore, ci sono alcune cose di cui gli utenti esistenti devono essere consapevoli.
Non generiamo più colori per te, ma se scegli un valore predefinito, i nuovi valori verranno comunque impostati per te.
Ora che abbiamo cose come la nuova impostazione Colore collegamento navigazione , non la genereremo più per te. Se scegli un valore predefinito, inseriremo comunque il valore appropriato per te, ma se cambi il colore di sfondo, è possibile che ora dovrai scegliere un colore adatto per i collegamenti di navigazione. Ciò vale anche per altre sezioni come la barra superiore, l'intestazione e il piè di pagina.
I menu a discesa ora assumono il testo e il colore di sfondo della navigazione.
Prima di questo aggiornamento, i menu a discesa nella navigazione assumevano il colore del testo e dello sfondo dell'area del contenuto principale. Nel tentativo di mantenere le cose semplici (escludendo le opzioni di stile per i menu a discesa) potremmo aver preso una decisione che non aveva molto senso.
Ora che hai il controllo esplicito su tutti i colori di navigazione, aveva senso che i menu a discesa lo selezionassero. Nei nostri test, abbiamo scoperto che nella maggior parte dei casi va bene e non porta ad alcun problema. Tuttavia, se così fosse, faccelo sapere nei forum e vedremo cosa possiamo fare.
Potrebbe essere necessario modificare i colori del testo dell'intestazione/piè di pagina.
Come accennato in precedenza, non generiamo più automaticamente i colori del testo per te. Quando aggiorni, verrà eseguita la logica che esaminerà le tue impostazioni esistenti e inserirà le nuove impostazioni per te. Lo svantaggio è che la vecchia logica utilizzava l'opacità durante la generazione dei colori, ma la nuova logica non lo fa perché lasciamo a te la scelta del colore esatto. Pertanto, potresti notare che il testo di navigazione sarà un po' più scuro (o più luminoso) la prossima volta che accedi al Customizer.
Non dovrebbe cambiare nulla quando aggiorni.
Quando aggiorni il tuo tema a questa versione, non devi preoccuparti che eventuali modifiche immediate abbiano effetto sul tuo sito. Noterai solo eventuali modifiche minori che potrebbero essersi verificate la prossima volta che accedi al Customizer.
Nuove impostazioni
Ecco un elenco delle 25 nuove impostazioni che abbiamo aggiunto al personalizzatore per il tema Beaver Builder. Per riassumere, abbiamo aggiunto la possibilità di modificare il testo, i collegamenti e i colori al passaggio del mouse per ciascuna sezione della pagina, aggiunto le impostazioni dell'immagine di sfondo a ciascuna sezione della pagina e aggiunto un'impostazione per scegliere un'icona ad hamburger per l'interruttore di navigazione mobile invece del pulsante del menu .
- Colore accento al passaggio del mouse
- Immagine di sfondo della barra superiore
- Colore del testo della barra superiore
- Colore collegamento barra superiore
- Colore al passaggio del mouse sulla barra superiore
- Immagine di sfondo dell'intestazione
- Colore del testo dell'intestazione
- Colore del collegamento dell'intestazione
- Colore dell'intestazione al passaggio del mouse
- Spaziatura elementi di navigazione
- Attiva/disattiva navigazione mobile
- Immagine di sfondo della navigazione
- Colore collegamento navigazione
- Colore al passaggio del mouse sul navigatore
- Immagine di sfondo del contenuto
- Gradiente di sfondo dei widget del piè di pagina
- Immagine di sfondo dei widget del piè di pagina
- Colore del testo dei widget del piè di pagina
- Colore collegamento widget piè di pagina
- Colore dei widget del piè di pagina al passaggio del mouse
- Gradiente di sfondo del piè di pagina
- Immagine di sfondo del piè di pagina
- Colore del testo del piè di pagina
- Colore collegamento piè di pagina
- Colore al passaggio del mouse nel piè di pagina
Nuove azioni
Oltre alle nuove impostazioni, abbiamo anche aggiunto 14 nuove azioni che ti consentono di inserire codice personalizzato in molte parti del tema Beaver Builder che in precedenza dovevi sovrascrivere in un tema figlio. Ad esempio, supponiamo che tu voglia inserire pulsanti di condivisione social personalizzati sotto il meta post dopo il titolo del post. Ora puoi farlo con l'azione fl_post_top_meta_close in questo modo...
function my_post_top_meta_close() { // Enter you social button code here... } add_action( 'fl_post_top_meta_close', 'my_post_top_meta_close' );Ecco l'elenco delle nuove azioni. Puoi anche leggerli in dettaglio nella pagina Riferimento all'azione del tema.
- fl_top_bar_col1_open
- fl_top_bar_col1_close
- fl_top_bar_col2_open
- fl_top_bar_col2_close
- fl_header_content_open
- fl_header_content_close
- fl_footer_col1_open
- fl_footer_col1_close
- fl_footer_col2_open
- fl_footer_col2_close
- fl_post_top_meta_open
- fl_post_top_meta_close
- fl_post_bottom_meta_open
- fl_post_bottom_meta_close
Nuovi filtri
Infine, oltre alle nuove azioni, abbiamo aggiunto due nuovi pratici filtri di cui puoi leggere in dettaglio nella pagina di riferimento del filtro tema. Per riassumere rapidamente, il filtro fl_social_icons ti consentirà di riorganizzare l'ordine delle icone social o aggiungerne di tue, mentre il filtro fl_nav_toggle_text ti consentirà di modificare il testo (o l'icona) visualizzato sul pulsante di attivazione/disattivazione della navigazione mobile.
- fl_social_icons
- fl_nav_toggle_text
Quando verrà rilasciato?
Stiamo effettuando una beta per questa versione poiché cambia alcune cose che ci sentiamo più a nostro agio nel lasciare che le persone testino prima di rilasciarla in libertà. Se tutto va secondo i piani, pubblicheremo questa versione per gli aggiornamenti remoti nella tua dashboard la settimana del 6 luglio. Nel frattempo, sentiti libero di scaricarlo dall'area del tuo account, divertiti con le nuove impostazioni e facci sapere se hai feedback!
Qual è il prossimo passo?
Nel caso te lo fossi perso, il team di Favolla ha collaborato con noi per sviluppare alcune nuove fantastiche funzionalità per Beaver Builder. Hanno già terminato due nuovi moduli (Post Slider e Post Carousel) che speriamo di rilasciare più o meno contemporaneamente al rilascio del tema. Stanno anche lavorando su un nuovo modulo che sono davvero entusiasta di offrirti molto presto, il modulo Menu!
Una volta rilasciata la prossima versione del tema, ci immergeremo nell'attesissimo sviluppo dei "Modelli collegati". Molto presto pubblicherò anche un altro post sulla tabella di marcia che dettaglia gran parte di ciò che abbiamo pianificato per i prossimi sei mesi circa. Nel frattempo, facci sapere cosa ne pensi dell'ultimo aggiornamento del tema o se hai domande nei commenti qui sotto.
49 commenti
il 23 giugno 2015 alle 9:38
Ehi David, è fantastico ascoltarlo! Non esitare a farci sapere se manca qualcosa che ritieni possa essere d'aiuto.
il 23 giugno 2015 alle 9:42
Ottimo Giustino!
Essendo una beta posso utilizzare questa nuova versione sui siti che sono in produzione, online dei miei clienti?
Un'altra domanda, per poter aggiornare, devo aggiornare il tema o bb o bb thema child?
Hai una stima di quando verrà rilasciato anche l'aggiornamento che chiedeva di salvare blocchi di elementi da utilizzare in diverse pagine del sito?
Ciao RCGAMA,
Grandi domande! Abbiamo testato a lungo il nuovo tema, quindi dovrebbe essere pronto, ma potresti voler attendere finché non sarà disponibile un aggiornamento nella tua dashboard prima di utilizzarlo su un sito cliente. Se vuoi testarlo su un sito, devi aggiornare il tema bb, non il plugin bb o il tema bb-child.
Inizieremo a lavorare sulla possibilità di salvare modelli/blocchi collegati all'inizio di luglio. Non sono sicuro di quanto tempo ci vorrà, ma spero che lo pubblicheremo entro un altro mese o due.
Giustino
il 23 giugno 2015 alle 17:14
Questo è fantastico ragazzi!
Un paio di giorni fa stavo pensando che ci dovrebbe essere un maggiore controllo sui collegamenti di navigazione senza dover utilizzare CSS Hero.
Grazie per il tuo duro lavoro!
Buono a sapersi, Luis! Prego!
il 23 giugno 2015 alle 18:05
Grazie Justin, ottime notizie: ho creato rapidamente un nuovo sito di gioco sul mio computer locale e ho esaminato le modifiche: tutti miglioramenti fantastici, complimenti.
D1: L'icona dell'hamburger per i dispositivi mobili sarà presente in questa versione?
Q2: Sono sorpreso che non ci sia alcuna opzione per modificare le impostazioni del carattere per il piè di pagina (facile da fare con alcuni CSS personalizzati, lo so, ma un'impostazione così ovvia?
Saluti, DaveNon c'è di che, Dave! Grazie per aver dedicato del tempo per testarlo. Per rispondere alle tue domande...
D1) Sì. Non lo vedi nella beta?
Q2) Nel nostro sforzo di mantenere basse le opzioni, abbiamo incluso solo le opzioni dei caratteri che riteniamo necessarie. Ad esempio, il nostro pensiero è che probabilmente non avrai una famiglia di caratteri diversa per il piè di pagina e il corpo del testo. Tuttavia, ci piacerebbe sapere cosa ne pensi. Ci sono opzioni di carattere specifiche che vorresti vedere per le diverse sezioni della pagina?
Grazie!
GiustinoGrazie Justin, ho trovato l'hamburger Tante new entry da scoprire!
Una cosa che ho notato è che ha uno sfondo grigio – sto lavorando su un sito che ha uno sfondo con texture, quindi sembra un po' brutto – l'hamburger è creato da un'immagine o da CSS?
DaveEhi Dave, l'hamburger è un'icona di Font Awesome con uno sfondo CSS. Ora che ci penso, lo sfondo potrebbe non funzionare in quel caso. Vedremo di rimuoverlo. Grazie per il feedback!
Ciao Justin, ti faccio sapere che dopo aver cambiato i colori dello sfondo in "falsi", ho corretto lo sfondo grigio. Questo è stato dopo questa discussione con Ben:
https://www.wpbeaverbuilder.com/support/q/ background-for-entire-area-of-the-page/
Saluti, Dave
il 24 giugno 2015 alle 00:58
È fantastico vedere dove stai andando con BB Justin! Ho lasciato indietro altri framework tematici dal primo giorno in cui mi sono iscritto a BB nel 2014, quella decisione sembra migliore con ogni nuovo aggiornamento.
Continuate così!
Grazie,
GerryGrazie, Gerry! È fantastico sentirlo
il 24 giugno 2015 alle 3:10
Tutto questo è eccezionale, voi ragazzi continuate a migliorare sempre di più. In effetti sei così bravo che vorrei tenerti segreto!
Grazie, Chris!
il 24 giugno 2015 alle 9:20
Ciao ragazzi!
Queste aggiunte sembrano fantastiche! Aiuta davvero il cliente senza conoscenza del codice. Ecco la mia opinione.
Sul tema:
Sembra fantastico. Una domanda veloce. A tutte queste nuove opzioni è possibile assegnare valori con un preselezione personalizzato, corretto?
Forse potresti aggiungere un paio di layout di intestazione in più per ulteriori opzioni di progettazione. Per esempio,
– Un'intestazione senza logo (sembra strano, ma alcuni clienti preferiscono così)
– Un'intestazione senza navigazione
– Un'intestazione con il menu di navigazione in alto (centrato e/o allineato a sinistra).Informazioni sul plug-in
È fantastico che voi ragazzi stiate iniziando a lavorare sui "modelli collegati" (che suggerirò sempre di chiamarli "Global Rows"). Forse quando funziona correttamente (e il modulo menu è disponibile), possiamo creare intestazioni e piè di pagina all'interno del builder e non con il personalizzatore. Ciò aiuterebbe molto ad avere maggiore flessibilità e quindi possiamo ridurre le opzioni nel personalizzatore.
Per ora è tutto. Spero che questo aiuti!
Stai facendo un ottimo lavoro con il tuo prodotto. Lo adoro.
Ciao di nuovo!
Volevo aggiungere che sarebbe bello anche se tornasse l'opzione “Sfondo >> nessuno” per le sezioni.
Questo potrebbe essere utile se vogliamo che un'immagine di sfondo nel corpo rimanga fissa.
Grazie!
Nell'ultima versione puoi inserire un valore di colore vuoto per rimuovere quel colore di sfondo. Funziona per te?
Era abbastanza semplice! ahah
Sta funzionando.
Grazie!
Ciao di nuovo!
Quando si imposta il colore su trasparente, la navigazione fissa sarà automaticamente bianca. Forse potrebbe esserci un'opzione per impostare il colore per questo navigatore.
Grazie!
L'intestazione fissa in realtà riprende il colore di sfondo del corpo quando l'intestazione è trasparente (poiché l'intestazione rileva anche quello). Funziona?
Sarebbe bello anche se potessimo aggiungere trasparenza a quei colori di sfondo
(Scusate se posto così tanti commenti, le idee mi vengono così)
Stai chiedendo informazioni sull'opacità per le diverse sezioni? Nessuna preoccupazione per tutti i commenti! Apprezziamo il feedback.
SÌ! Intendo opacità per le diverse sezioni.
Potrebbe essere un buon effetto che l'intestazione fissa abbia una certa opacità, o anche il colore dell'intestazione/contenuto/piè di pagina se è presente uno sfondo dell'immagine.
Cosa ne pensi?
Penso che l'opacità sia un'ottima idea. Ho preso nota per esaminarlo. Grazie!
Grazie per il feedback, Carlos! Hai ragione nel dire che a queste nuove opzioni possono essere assegnati valori con un preset.
Aggiungere nuovi layout di intestazione sembra un'ottima idea e non è ancora stata ideata. Se vuoi, puoi aggiungerlo alla nostra pagina UserVoice in modo che ne abbiamo un record... https://wpbeaverbuilder.uservoice.com/
Per quanto riguarda i "modelli collegati", penso che probabilmente li chiameremo qualcosa come Global Rows.
il 25 giugno 2015 alle 4:11
Sono venuto qui solo per dire che adoro Beaver Builder e il team sembra davvero disponibile e impegnato
Sto usando BB e ne adoro ogni cosa. Come designer con un portfolio non vedo l'ora che arrivi quella nuova opzione caroselloGrazie per le belle parole!
Mi stavo solo chiedendo se ci saranno aggiornamenti progressivi alla beta, o lo saranno fino al rilascio ufficiale il 6?
DaveCiao Dave,
Ottima domanda! Non lo avevamo necessariamente pianificato, ma dato il feedback che abbiamo ricevuto, penso che pubblicheremo un aggiornamento alla beta prima che venga rilasciata. Giusto per chiarire, non lo pubblicheremo il 6, gireremo per quella settimana.
Giustino
Ciao Dave,
Ho appena rilasciato un aggiornamento alla beta con alcune delle correzioni di bug menzionate da te e da altri. Dovrai scaricarlo nuovamente dal tuo account per aggiornarlo e testarlo poiché la versione beta non funziona con l'aggiornamento.
Giustino
Grazie Justin, apprezzalo: provalo ora!
Saluti, Dave
Ciao Justin, vorrei testare questa nuova versione in un test sul campo che ho, ma non so come aggiornarla. Se sto utilizzando la vecchia versione con la versione del tema e il tema della versione figlio.
Cosa devo eliminare? La versione del tema o la versione del soggetto bambino?
Potresti spiegarmi?
Grazie Giustino!
Devi eliminare il tema principale di Beaver Builder, non il tema figlio. Una volta eliminato il tema principale di Beaver Builder, puoi caricare la nuova beta.
il 1 luglio 2015 alle 18:33
Queste nuove azioni, fl_header_content_open e fl_header_content_close, sono punti di accesso per racchiudere l'intestazione in un codice personalizzato? Abbiamo appena realizzato un progetto che avrebbe creato un fantastico modulo personalizzato, tranne per il fatto che ci è voluto creare un tema figlio e aggiungere manualmente i div per il nostro codice.
Abbiamo anche dovuto eseguire una soluzione Javascript per tenere conto dell'intestazione secondaria poiché quella principale su cui era avvolto il nostro codice stava scorrendo verso l'alto la pagina.
La mia speranza è che questi hook riavvolgano qualunque versione dell'intestazione venga mostrata (primaria o statica). Se è così... SÌ! (Potrei dover trascorrere le vacanze lavorando per trasformarlo in un modulo!)
Ciao Michele,
Questi filtri sono in realtà per l'area "contenuto dell'intestazione" che viene visualizzata sul lato destro dell'intestazione quando è selezionato il layout Nav Bottom.
Tuttavia, puoi ottenere ciò che desideri con le azioni fl_before_header e fl_before_content poiché l'azione fl_before_content viene attivata dopo l'intestazione. Fammi sapere se hai domande a riguardo.
Giustino
Sì, ci ho giocato di più ieri sera e me ne sono reso conto. Il before_content funzionerebbe per chiudere un div aperto nell'altro hook? (Posso controllare anche quello quando torno al mio computer.)
Mi ha portato a ripensare il mio approccio alla realizzazione di un semplice modulo pulsanti personalizzato per attivare l'azione da qualsiasi punto in cui possa trovarsi un pulsante. Probabilmente meglio per un modulo ampiamente utilizzato.
È corretto! Questa azione viene eseguita dopo l'intestazione, quindi puoi usarla per chiudere il div aperto in fl_before_header.
il 3 luglio 2015 alle 8:02
Ciao, l'aggiornamento sembra fantastico. Il fatto che si tratti di un tema molto leggero è fantastico perché consente ai clienti di dilettarsi senza rompersi troppo e lascia ampio spazio alle personalizzazioni da effettuare con codice personalizzato. Spero che questa filosofia continui!
Avevo una domanda: è possibile collegare e registrare nuove opzioni di personalizzazione con il tema figlio?
Ad esempio, se volessi aggiungere la mia sezione che ha modificato la "larghezza del bordo del piè di pagina" o qualcosa del genere, posso farlo tramite un tema figlio?
Grazie, jatacid! Sono felice che ti piaccia l'aggiornamento. Per rispondere alla tua domanda, puoi aggiungere nuove opzioni di personalizzazione utilizzando le funzioni principali di WordPress descritte in dettaglio in questo articolo del Codex… https://codex.wordpress.org/Theme_Customization_API
Ciao Giustino,
Puoi indicare una data in cui la nuova versione sarà disponibile sul mercato?Grazie, Gerry
Ciao Gerry, questo è trattato nell'articolo, ma spero che questa settimana! – Justin mi ha anche corretto quando pensavo che sarebbe uscito il 6 in una risposta sopra..
Saluti, DaveCiao Dave, sì, le mie speranze per il 6 si sono rafforzate, quindi prima è, meglio è! Non vedo l'ora
Gerry
Ciao Gerry,
Mi scuso per la confusione! Speriamo di pubblicarlo entro uno o due giorni. Rimani sintonizzato!
Giustino
L'aggiornamento è in diretta! Facci sapere se hai domande o riscontri problemi e assicurati di controllare i registri delle modifiche per maggiori informazioni... https://www.wpbeaverbuilder.com/change-logs/
il 9 luglio 2015 alle 2:42
Ragazzi, diventate sempre più fantastici. Adoro il tema del costruttore di castori. Le nuove modifiche aiuteranno sicuramente. Sono davvero felice di aver investito nel tuo prodotto perché si è ripagato ancora e ancora.
Grazie per le belle parole, Geoffrey!
il 16 luglio 2015 alle 9:42
Dove posso trovare una copia della beta da esplorare?
il 16 luglio 2015 alle 9:54
Ciao Chris! Grazie per aver voluto testare la beta. In realtà abbiamo già rilasciato un aggiornamento del tema con tutte queste funzionalità. Per il futuro, annunciamo la versione beta qui sul blog o sul nostro Twitter.
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
È fantastico... Quasi pronto per lasciare al 100% tutti gli altri temi e framework. Continuate così.