Cambia menu

Beaver Builder 2.8: modulo box, stili globali e altro ancora!

Pubblicato: 2024-02-09

Sconto del 25% su tutti i prodotti Beaver Builder... affrettati, i saldi finiscono presto! Saperne di più

Beaver Builder 2.8: Box Module, Global Styles, and more!
  • Costruttore di castori

Beaver Builder 2.8: modulo box, stili globali e altro ancora!

L'attesissimo lancio di Beaver Builder 2.8, noto anche come "Alpine", è qui!

Beaver Builder 2.8 porta la potenza di flexbox e della griglia CSS nel nuovo Box Module, insieme all'introduzione della funzionalità Global Styles. Inoltre, questa versione incorpora notevoli miglioramenti, tra cui il modulo North Commerce e l'integrazione con Popup Maker, con miglioramenti minori ai moduli chiave come Menu, Post Carousel, Post Slider e Foto.

Video panoramica di Beaver Builder 2.8

In questo post presenteremo il nuovo aggiornamento Beaver Builder 2.8. Quindi, ti mostreremo alcune delle migliori nuove funzionalità.

Sommario:

  • Un'introduzione a Beaver Builder 2.8
  • 5 Nuove funzionalità e aggiornamenti per Beaver Builder 2.8
    1. Modulo Box: costruire precisione con Flexbox e CSS Grid
    2. Stili globali (funzione Premium)
    3. Modulo NorthCommerce
    4. Integrazione con creatore di popup
    5. Aggiornamenti minori a moduli, menu Strumenti e impostazioni del loop
  • Conclusione: funzionalità potenti per la creazione Web avanzata
  • Domande correlate

Un'introduzione a Beaver Builder 2.8

Noi di Beaver Builder continuiamo ad aggiornare il nostro plug-in di creazione di pagine intuitivo, semplificando il processo di creazione e personalizzazione dei siti Web WordPress. Indipendentemente dal tuo livello di abilità, il nostro editor visivo drag-and-drop, i modelli di pagina predefiniti, le Impostazioni globali e altro ancora ti consentono di creare rapidamente i progetti del tuo sito web:

In Beaver Builder 2.7 abbiamo aggiunto un nuovo editor reattivo per visualizzare in anteprima le visualizzazioni dei dispositivi mobili. Abbiamo anche sostituito il menu a discesa dei punti di interruzione con icone più intuitive.

L'aggiornamento 2.7 ha introdotto la possibilità di personalizzare le impostazioni del codice per righe, colonne o moduli specifici. Abbiamo anche reso possibile selezionare più tipi di post. Infine, Beaver Builder 2.7 è completamente integrato con ACF Blocks, dandoti accesso a un'esperienza avanzata di modifica dei contenuti.

Quando esegui l'aggiornamento a Beaver Builder 2.8, sbloccherai la potenza di flexbox, griglia CSS e livelli all'interno del nostro nuovo Box Module. Permettiamo inoltre di applicare stili globali, aggiungere contenuti North Commerce senza codici brevi e integrarli in modo più completo con PopUp Maker, offrendoti un'esperienza di modifica più semplice.

5 Nuove funzionalità e aggiornamenti per Beaver Builder 2.8

Beaver Builder 2.8 è il nostro primo aggiornamento per il 2024 e racchiude al suo interno alcune potenti funzionalità. Esploriamo alcune nuove aggiunte che renderanno questo aggiornamento un punto di svolta.

1. Modulo Box: costruire precisione con Flexbox e CSS Grid

Con l'aggiornamento a Beaver Builder 2.8, tutti gli utenti del nostro page builder, inclusa la versione Lite, avranno accesso alle opzioni avanzate Flex , Grid e Layers all'interno del Box Module:

Beaver Builder 2.8 - Impostazioni del modulo box

Il modulo Box funziona in modo molto simile a una riga o colonna e funge da contenitore. Utilizza flexbox o griglia CSS, consentendoti di creare layout complessi, fluidi e flessibili. Puoi annidare, impilare e organizzare le scatole sia con orientamento orizzontale che verticale, nonché in una griglia.

Flexbox e CSS Grid sono entrambi modelli di layout nei CSS, ma hanno scopi diversi e hanno caratteristiche distinte:

  • Flexbox – Ideale per layout unidimensionali che dispongono gli elementi in una riga o in una colonna con flessibilità nel dimensionamento e nell'allineamento.
  • Griglia : adatta per layout bidimensionali, offre un controllo preciso su righe e colonne, consentendo progetti più complessi.

In molti casi, questi modelli di layout possono completarsi a vicenda. Ad esempio, si potrebbe utilizzare flexbox all'interno dei singoli elementi della griglia per gestirne la struttura interna, combinando i punti di forza di entrambi i modelli per soluzioni di layout complete come questa:

Esempio del modulo Beaver Builder Box

Per aggiungere il Box Module durante la modifica con Beaver Builder, fare clic sul simbolo più (+) situato nella barra superiore per aprire il pannello Contenuto . Fare clic sulla scheda Moduli per accedere a tutti i moduli standard e scorrere fino alla sezione "Riquadro":

Insieme al Box Module stesso, noterai che abbiamo aggiunto diverse preimpostazioni che semplificano l'avvio:

  • Colonne flessibili : questa preimpostazione crea una riga orizzontale di tre riquadri flessibili situati all'interno del riquadro principale.
  • Griglia 3×2 – Una struttura di layout che utilizza riquadri a griglia costituiti da tre colonne e due righe all'interno del riquadro principale.
  • Griglia 4×2 – Una struttura di layout di riquadri della griglia composta da quattro colonne e due righe all'interno del riquadro principale.
  • Intestazione divisa : questa struttura è una griglia che definisce 3 colonne con un modulo fotografico centralizzato e moduli menu su entrambi i lati.
  • Griglia fotografica : questo layout è composto da una griglia 4×3 e moduli fotografici.

Anche se miriamo a rendere il modulo Box il più user-friendly possibile, consigliamo vivamente di avere una solida conoscenza di Flexbox e CSS Grid. Usando il nostro nuovo modulo box, puoi portare i tuoi progetti web ancora più lontano!

2. Stili globali (funzionalità Premium)

Beaver Builder supporta già le Impostazioni globali che ti consentono di configurare valori predefiniti per opzioni come larghezza massima della riga, margine/imbottitura, punti di interruzione e codice personalizzato (CSS e JavaScript) che vengono poi applicati a livello globale sul tuo sito. Inoltre, puoi sovrascrivere la maggior parte di queste impostazioni in base alla riga, alla colonna e al modulo tramite le relative impostazioni.

La nuova funzionalità Stili globali, disponibile esclusivamente nella versione premium del page builder di Beaver Builder, ti offre la possibilità di definire le preferenze di stile sia per gli elementi che per i colori in Beaver Builder:

  • Elementi globali : questa scheda consente di impostare gli stili per vari elementi html controllati da Beaver Builder come testo, intestazioni, collegamenti e pulsanti.
  • Colori globali : questa scheda ti consente di impostare una tavolozza di colori globale resa disponibile nel selettore colori in Stili globali o in qualsiasi altro punto in cui puoi selezionare i colori.

Per accedere agli stili globali, apri il menu Strumenti facendo clic sulla freccia nella barra superiore nell'angolo in alto a sinistra della schermata di modifica e seleziona "Stili globali" come mostrato:

La scheda Elementi ti consente di definire uno stile globale per elementi quali testo, intestazioni, collegamenti e pulsanti:

Tutti i moduli del tuo sito web privi di opzioni di stile preconfigurate ereditano lo stile globale. È possibile sovrascrivere queste opzioni di stile caso per caso utilizzando le opzioni di stile del modulo.

La scheda Colori ti consente di generare una tavolozza di colori globale disponibile in tutto il tuo sito web:

Beaver Builder 2.8 Stili globali - scheda colori

Puoi accedere facilmente a questi colori all'interno dei layout di Beaver Builder tramite lo strumento di selezione colori. Inoltre, i colori che stabilisci vengono convertiti in variabili CSS, consentendo la loro integrazione in CSS personalizzati.

Con questo aggiornamento puoi personalizzare facilmente gli elementi e i colori del tuo sito web su scala globale. Questi stili globali rimangono accessibili in tutto il tuo sito web, migliorando il flusso di lavoro del generatore di pagine.

3. Modulo NorthCommerce

Finora abbiamo discusso di come Beaver Builder 2.8 introduce due nuove funzionalità, il Box Module e gli Stili globali, per rendere la costruzione di layout complessi più user-friendly.

Beaver Builder 2.8 introduce anche un modulo per North Commerce, un plug-in di e-commerce per WordPress che aiuta gli utenti a creare negozi online ad alta conversione in modo rapido e semplice:

Ad esempio, ora puoi visualizzare i risultati degli shortcode di North Commerce senza dover inserire o utilizzare alcun shortcode. Puoi invece utilizzare il nuovo modulo North Commerce, simile al nostro modulo WooCommerce, per visualizzare facilmente i tuoi contenuti.

Questo nuovo modulo ti darà maggiore controllo e accelererà il tuo flusso di lavoro quando lavori con NorthCommerce.

4. Integrazione con la creazione di popup

In Beaver Builder 2.8 abbiamo introdotto anche un'integrazione con Popup Maker, un plugin progettato per i siti Web WordPress che consente agli utenti di creare e gestire i popup:

In sostanza, ora puoi utilizzare il nostro generatore di pagine per progettare il contenuto dei tuoi popup

Verrà inoltre visualizzato un popup all'interno di Beaver Builder durante la modifica, nonché la possibilità di selezionare un popup nel campo del collegamento per attivare un popup quando si fa clic su un collegamento.

Una volta installato e attivato il plug-in Popup Maker, il tipo di post Popup Maker (popup) verrà automaticamente abilitato nelle impostazioni di Beaver Builder.

5. Aggiornamenti minori a moduli, menu Strumenti e impostazioni del loop

Infine, Beaver Builder 2.8 include le seguenti aggiunte minori:

  • Modulo menu : l'opzione di riempimento del collegamento ora supporta l'attivazione/disattivazione reattiva; aggiunge una nuova opzione di riempimento per le impostazioni di attivazione/disattivazione reattive.
  • Post Carousel e Post Slider : aggiunge l'opzione Lunghezza estratto a entrambi i moduli consentendo di impostare la lunghezza del contenuto.
  • Menu Strumenti : include la possibilità di aprire e interagire con la libreria multimediale di WordPress all'interno dell'interfaccia utente di Beaver Builder.
  • Modulo Foto : aggiungi le opzioni Adatta e Posizione oggetto alla scheda Stile.
  • Impostazioni loop : aggiunge l'opzione per filtrare in base all'autore corrente e all'utente attualmente connesso.
  • Sovrapposizioni di righe, colonne e moduli : aggiornati per essere coerenti tra i tipi di nodo.
  • Pannello di struttura : è stato anche aggiornato questo rilascio per funzionare in modo più fluido.

Conclusione: funzionalità potenti per la creazione Web avanzata

L'aggiornamento a Beaver Builder 2.8 sblocca un'esperienza di creazione di pagine più solida e personalizzabile. Il Box Module introduce opzioni di layout avanzate con Flexbox e CSS Grid, mentre Global Styles semplifica la gestione del colore.

Per ricapitolare, ecco cosa puoi aspettarti da Beaver Builder 2.8:

  1. Modulo scatola
  2. Stili globali
  3. Modulo NorthCommerce
  4. Integrazione con creatore di popup
  5. Aggiornamenti minori a moduli, menu Strumenti e impostazioni del loop

Esegui l'aggiornamento a Beaver Builder 2.8 oggi per sfruttare queste nuove entusiasmanti funzionalità. Come sempre, il nostro team di supporto è qui per aiutarti se hai domande o hai bisogno di assistenza.

Domande correlate

Qual è l'ultima versione di Beaver Builder?

A partire da febbraio 2024, Beaver Builder 2.8 è l'ultima versione del nostro plugin. Supporta l'integrazione con i plugin NorthCommerce e Popup Maker. Troverai anche un nuovissimo Box Module che ti consente di creare facilmente layout utilizzando flexbox, griglia CSS e livelli.

Cosa fa Beaver Builder?

Beaver Builder è una suite di prodotti di web design per WordPress composta da un tema Framework, un plug-in Page Builder e un Theme Builder che consente agli utenti di creare e personalizzare facilmente siti Web tramite la funzionalità drag-and-drop. Crea siti Web straordinari e di livello professionale senza la necessità di competenze di codifica.

4 commenti

  1. Alison il 9 febbraio 2024 alle 3:13

    Novità fantastiche! Non vedevo l'ora di trovare un modo più intuitivo per modellare le bottiglie sulle pagine BB.



  2. Jeff il 15 febbraio 2024 alle 6:43

    L'aggiornamento da BB 2.7.4.4 a 2.8 richiede l'uso del nuovo modulo Box/Grid per i contenuti attuali?



    • Robby McCullough il 15 febbraio 2024 alle 10:10

      No. Puoi iniziare a utilizzare il modulo Box dopo l'aggiornamento, ma non cambierà nulla sulle pagine esistenti. Puoi anche continuare a utilizzare righe, colonne e moduli come facevi prima. L'utilizzo del modulo Box è totalmente facoltativo.



  3. Jeff Mackey il 15 febbraio 2024 alle 10:51

    Grazie, Robby, per la conferma! Il costruttore di castori spacca!!!!



La nostra newsletter

La nostra newsletter viene scritta personalmente e inviata circa una volta al mese. Non è minimamente fastidioso o spam.
Lo promettiamo.

Iscriviti alla newsletter

Prova Beaver Builder oggi

Beaver Builder