Siamo entusiasti di introdurre Beaver Builder 2.9, noto anche come "Coyote" , pieno di interessanti aggiornamenti progettati per semplificare i flussi di lavoro e migliorare l'esperienza di progettazione di WordPress.

Beaver Builder 2.9 si concentra sulla semplificazione delle prestazioni e sul miglioramento della flessibilità di progettazione. Gli aggiornamenti chiave includono la riduzione del markup non necessario rimuovendo i div wrapper dai moduli di base, consentendo a moduli contenitori come "box" di fungere da elementi di layout di alto livello e introducendo un potente campo di sfondo a più livelli per lo stile avanzato. Ulteriori miglioramenti migliorano il raccoglitore di colori, aumentano l'accessibilità e ottimizzano le prestazioni, rendendo questo rilascio un punto di svolta per designer e sviluppatori.

Diamo un'occhiata più da vicino alle caratteristiche straordinarie di questa versione e al modo in cui possono trasformare il processo di costruzione di siti Web:

Un'introduzione a Beaver Builder 2.9

In Beaver Builder 2.8, abbiamo introdotto potenti strumenti come Flexbox, CSS Grid e livelli all'interno del modulo innovativo Box. L'aggiornamento ha inoltre consentito l'uso di stili globali, ha semplificato l'inclusione del contenuto del commercio del Nord senza codici a breve termine e una maggiore compatibilità con Popup Maker per un'esperienza di editing più fluida.

Quando aggiorni a Beaver Builder 2.9, avrai accesso a un markup più pulito, strumenti di progettazione avanzati come il campo di fondo a più livelli e miglioramenti delle prestazioni.

Nuove funzionalità in Beaver Builder 2.9

Beaver Builder 2.9 introduce le seguenti nuove funzionalità progettate per semplificare i flussi di lavoro ed espandere le possibilità creative. Questi miglioramenti non solo migliorano le prestazioni, ma potenziano anche designer e sviluppatori con maggiore flessibilità e controllo.

1. Campo di sfondo multistrato

Con Beaver Builder 2.9, i designer ora hanno una nuova divertente funzione con cui giocare: il campo di sfondo a più livelli. Disponibile per righe, colonne e modulo Box, questo strumento ti consente di impilare diversi sfondi come colori, gradienti e immagini, il tutto in un unico posto. Questo apre molte possibilità per la creazione di design accattivanti e aggiunge un tocco in più ai tuoi layout:

Ora puoi combinare facilmente vari tipi di sfondo per creare effetti unici e dinamici. Sia che tu stia cercando un aspetto sottile a strati o un design audace, questa funzione ti offre la flessibilità di personalizzare sfondi in modi che prima erano più difficili da raggiungere.

E c'è di più in arrivo! In un futuro aggiornamento, sarai in grado di salvare questi background a strati per il riutilizzo, rendendo il tuo processo di progettazione ancora più fluido e più veloce. Sarai in grado di applicare stili di fondo coerenti su diverse pagine e progetti con pochi clic.

2. Nuovi racconti di colori e gradiente di zecca

Beaver Builder 2.9 offre un importante aggiornamento ai raccoglitori di colori e gradiente, rendendoli più potenti che mai. Il nuovo selettore di colori ora supporta tutte le espressioni di colore CSS, dando una maggiore flessibilità a scegliere la tonalità esatta di cui hai bisogno. Che tu stia lavorando con esadecimale, RGB, HSL o qualsiasi altro formato di colore, ora puoi applicarlo facilmente attraverso il tuo design:

Il nuovo raccoglitore a gradiente è altrettanto impressionante. Ti consente di creare gradienti con arresti di colore illimitati, in modo da poter creare miscele fluide e complesse con il controllo totale. Inoltre, offre più opzioni di fusione, permettendoti di sperimentare e ottenere esattamente il look che desideri per gli sfondi e gli elementi del tuo sito:

3. Moduli come blocchi per l'editor di blocchi

La versione 2.9 semplifica l'utilizzo dei nostri moduli Beaver Builder nell'editor Block WordPress. Una selezione di moduli può ora essere utilizzata come blocchi, consentendo l'integrazione senza soluzione di continuità nell'esperienza dell'editor di blocchi. Questa funzione è facoltativa, quindi puoi abilitarla tramite le impostazioni di Beaver Builder nell'amministratore WordPress.

Per iniziare, vai semplicemente su Impostazioni> Beaver Builder e seleziona la scheda Blocchi per abilitare la funzione. Una volta attivato, sarai in grado di utilizzare una varietà di moduli Beaver Builder direttamente nell'editor di blocchi:

L'attuale elenco di moduli supportati include:

• Fisarmonica
• Scatola
• Conto alla rovescia
• Icona
• Gruppo di icona
• Mappa
• Contatore numerico
• Pali
• Post Carousel
• Post Slider
• Tabella dei prezzi
• Schede

Questo elenco continuerà a crescere in aggiornamenti futuri, offrendo ancora più opzioni per lavorare nell'editor di blocchi e ampliare le tue possibilità di progettazione.

Miglioramenti e miglioramenti in Beaver Builder 2.9

Con l'attenzione continua sulla semplificazione dei flussi di lavoro, questo aggiornamento include funzionalità che semplificano la creazione del layout, migliorano l'accessibilità e forniscono opzioni di progettazione più flessibili. Questi miglioramenti mirano a offrire agli utenti un maggiore controllo sui propri siti aumentando l'efficienza e l'esperienza dell'utente.

Ora, immergiamole in alcuni degli aggiornamenti straordinari in questa versione.

1. Moduli senza wrapper

Come parte del nostro continuo sforzo per ridurre la produzione di markup da parte di Beaver Builder, tutti i moduli di base sono stati rielaborati per escludere i loro div wrapper. Rimuovendo i div wrapper non necessari, questo aggiornamento offre un output HTML più pulito ed efficiente, migliorando le prestazioni della pagina e l'esperienza utente.

Questa modifica è particolarmente vantaggiosa per gli sviluppatori, che ora hanno un codice meno disordinato con cui lavorare, semplificando personalizzazioni e integrazioni con sistemi esterni. Il markup più pulito contribuisce anche a tempi di caricamento più rapidi, che possono migliorare le classifiche SEO del tuo sito e la soddisfazione complessiva dell'utente.

Per i moduli esistenti, Beaver Builder garantisce la compatibilità all'indietro continuando a rendere i div wrapper. Questo approccio consente agli utenti di sfruttare appieno le funzionalità aggiornate senza rompere nessuno dei loro layout attuali.

Questo aggiornamento è abilitato per impostazione predefinita. Tuttavia, se si preferisce conservare la struttura precedente, è possibile attivare questa impostazione nelle opzioni avanzate. Vai su Impostazioni> Beaver Builder nella dashboard WordPress e seleziona la scheda Avanzata per disabilitare la funzione.

2. Moduli del contenitore come elementi di alto livello

In Beaver Builder 2.9, ora è possibile utilizzare i moduli contenitori, come il modulo Box, come elementi di livello superiore senza aver bisogno di metterli all'interno di una riga o colonna. Questo cambiamento ti dà molta più flessibilità quando progetti i tuoi layout:

Con questo aggiornamento, puoi creare layout più facilmente tagliando le righe e le colonne extra di cui hai bisogno. Ti dà anche un migliore controllo sul tuo design, rendendo più semplice posizionare e organizzare elementi esattamente dove li vuoi.

3. Miglioramenti del pannello di contorno

Beaver Builder 2.9 introduce un utile aggiornamento al pannello di schema che rende ancora più semplice la navigazione della tua pagina. Ora puoi utilizzare un'opzione di ricerca e filtro per trovare rapidamente gli elementi che stai cercando, che è un vero risparmio di tempo quando si lavora su progetti più grandi:

Inoltre, ora puoi aggiungere e modificare le etichette dei nodi inline direttamente all'interno del pannello di contorno. Ciò significa che puoi etichettare i tuoi elementi mentre vai, rendendo più facile organizzare e tenere traccia di tutto senza dover saltare tra gli schermi. È un piccolo cambiamento, ma sicuramente rende la gestione del tuo layout più fluido ed efficiente.

4. Elenco Google Fonts

L'elenco di Google Fonts ottiene un ottimo aggiornamento. In precedenza, l'elenco verrebbe aggiornato solo quando è uscita una nuova versione, ma ora si aggiorna automaticamente ogni volta che WordPress controlla gli aggiornamenti del plug -in. Ciò significa che avrai sempre accesso agli ultimi caratteri senza bisogno di aspettare la prossima uscita di Beaver Builder.

Con questo cambiamento, puoi riposare facilmente sapendo che le opzioni di carattere sono sempre aggiornate, mantenendo i tuoi progetti freschi e allineati con le ultime tendenze. È un piccolo miglioramento che fa una grande differenza per coloro che amano personalizzare la tipografia dei loro siti.

Ottimizzazioni delle prestazioni

Con Beaver Builder 2.9, noterai alcuni aumenti di prestazioni significativi. Il team ha ottimizzato le query relative alle modalità di debug per temi e debug, il che significa operazioni di backend più veloci, in particolare su siti più complessi. Queste modifiche sono progettate per semplificare il modo in cui il costruttore interagisce con il tuo sito WordPress, riducendo il ritardo inutile e migliorando l'efficienza complessiva.

Se stai lavorando con siti più grandi o design più intricati, questo aggiornamento farà una differenza evidente, riducendo i tempi di caricamento e migliorando l'esperienza complessiva dell'utente. L'attenzione ai miglioramenti delle prestazioni aiuta a garantire che anche quando il tuo sito cresca o diventi più complesso, Beaver Builder rimanga rapido e reattivo.

Beaver Themer 1.5 Aggiornamento: il modulo Loop

Siamo entusiasti di introdurre il modulo Loop, una nuova potente aggiunta a Beaver Themer che porta il design dinamico dei contenuti al livello successivo. Se vuoi provarlo, assicurati di installare Beaver Themer 1.5 insieme a Beaver Builder 2.9, poiché il modulo Loop è costruito sulle sue caratteristiche.

Quindi, cosa rende speciale il modulo Loop? A differenza del modulo Box, che funge da contenitore statico per i moduli figlio, il modulo Loop ripete dinamicamente i moduli figlio per ciascun elemento nella query definita nelle impostazioni. Ciò ti consente di creare layout di loop completamente personalizzato su misura per le tue esigenze:

Il modulo attualmente supporta gli stessi tipi di query del modulo post, insieme a nuove opzioni di query, inclusi ripetitori ACF e loop basati sulla tassonomia (come categorie e tag, in arrivo). Inoltre, con le connessioni sul campo di Beaver Theer, puoi attirare ancora più fonti di dati per i tuoi layout di loop.

Questa funzione è perfetta per gli utenti che desiderano creare griglie post, archivi o elenchi dinamici altamente personalizzati senza toccare il codice. Il modulo Loop è la prossima evoluzione nel design basato su container in Beaver Builder, offrendo una maggiore flessibilità e controllo su come viene visualizzato il contenuto. Se sei interessato a creare layout di loop unici per qualsiasi tipo di post, provaci e farci sapere cosa ne pensi.

Cosa deve ancora venire?

Ci sono alcune interessanti caratteristiche all'orizzonte per i futuri aggiornamenti di Beaver Builder. Una delle aggiunte più attese è la capacità di salvare e riutilizzare i livelli di fondo. Mentre la nuova funzione di sfondo multistrato è già un punto di svolta, questo imminente aggiornamento lo renderà ancora più flessibile per i designer consentendo loro di salvare le loro combinazioni preferite per un uso futuro, risparmiando tempo su design ripetuti.

Inoltre, la piena integrazione del raccoglitore di colori rinnovato è in lavorazione. In questo momento, è disponibile nella maggior parte dei campi a colori, ma non ancora ovunque. Gli aggiornamenti futuri implementeranno il pieno supporto per tutti i campi a colori, fornendo un'esperienza di design ancora più fluida e coerente su tutta la linea. Con questi miglioramenti, gli utenti di Beaver Builder possono aspettarsi un flusso di lavoro più snello, rendendo più facile che mai creare design unici e raffinati.

Aggiornamento a Beaver Builder 2.9

Beaver Builder 2.9 è un punto di svolta per i costruttori di pagine WordPress. Con markup più pulito, stile di sfondo avanzato, strumenti a colori migliorati e migliore accessibilità, questo aggiornamento consente di creare siti Web più veloci e visivamente coinvolgenti.

Per note di rilascio completo e maggiori dettagli, controllare la documentazione di Beaver Builder o esplorare il Changelog.