Comutați la meniu

Beaver Builder 2.8: Modul Box, Stiluri globale și multe altele!

Publicat: 2024-02-09

Reducere de 25% la toate produsele Beaver Builder... Grăbește-te, reducere se termină în curând! Află mai multe

Beaver Builder 2.8: Box Module, Global Styles, and more!
  • Constructor de castori

Beaver Builder 2.8: Modul Box, Stiluri globale și multe altele!

Lansarea foarte așteptată a Beaver Builder 2.8, cunoscută și sub numele de „Alpine”, este aici!

Beaver Builder 2.8 aduce puterea flexbox și a rețelei CSS noului Box Module, alături de introducerea funcționalității Global Styles. În plus, această versiune include îmbunătățiri notabile, inclusiv modulul North Commerce și integrarea cu Popup Maker, cu îmbunătățiri minore la modulele cheie precum Meniu, Post Carousel, Post Slider și Foto.

Video de prezentare generală a Beaver Builder 2.8

În această postare, vom prezenta noua actualizare Beaver Builder 2.8. Apoi, vă vom arăta unele dintre cele mai bune funcții noi.

Cuprins:

  • O introducere în Beaver Builder 2.8
  • 5 noi funcții și actualizări pentru Beaver Builder 2.8
    1. Modul Box: Construire precizie cu Flexbox și Grid CSS
    2. Stiluri globale (funcție premium)
    3. Modulul NorthCommerce
    4. Integrare Popup Maker
    5. Actualizări minore ale modulelor, meniului Instrumente și setărilor buclei
  • Concluzie: Funcții puternice pentru crearea web îmbunătățită
  • Întrebări înrudite

O introducere în Beaver Builder 2.8

La Beaver Builder, continuăm să actualizăm pluginul nostru ușor de utilizat pentru generarea de pagini, simplificând procesul de creare și personalizare a site-urilor web WordPress. Indiferent de nivelul dvs. de calificare, editorul nostru vizual drag-and-drop, șabloanele de pagină pre-proiectate, Setările globale și multe altele vă permit să vă creați rapid proiectele de site:

În Beaver Builder 2.7, am adăugat un nou editor receptiv pentru a previzualiza vizualizările dispozitivelor mobile. De asemenea, am înlocuit meniul drop-down cu puncte de întrerupere cu pictograme mai ușor de utilizat.

Actualizarea 2.7 a adus posibilitatea de a personaliza setările de cod pentru anumite rânduri, coloane sau module. De asemenea, am făcut posibilă selectarea mai multor tipuri de postări. În cele din urmă, Beaver Builder 2.7 complet integrat cu ACF Blocks, oferindu-vă acces la o experiență avansată de editare a conținutului.

Când actualizați la Beaver Builder 2.8, veți debloca puterea flexbox, a grilei CSS și a straturilor din noul nostru Modul Box. De asemenea, facem posibilă aplicarea stilurilor globale, adăugarea conținutului North Commerce fără coduri scurte și integrarea mai completă cu PopUp Maker, oferindu-vă o experiență de editare mai ușoară.

5 noi funcții și actualizări pentru Beaver Builder 2.8

Beaver Builder 2.8 este prima noastră actualizare pentru 2024 și conține destul de multe funcții puternice. Să explorăm câteva completări noi care vor face din această actualizare un schimbător de joc.

1. Modulul Box: Construirea preciziei cu Flexbox și Grid CSS

Prin actualizarea la Beaver Builder 2.8, toți utilizatorii generatorului nostru de pagini, inclusiv versiunea Lite, vor avea acces la opțiunile avansate Flex , Grid și Layers din Modulul Box:

Beaver Builder 2.8 - Setări Box Module

Modulul Box funcționează la fel ca un rând sau coloană, servind ca un container. Utilizează fie flexbox, fie grila CSS, permițându-vă să creați machete complexe, fluide și flexibile. Puteți cuibari, stivui și organiza cutii atât în ​​orientări orizontale, cât și pe verticală, precum și într-o grilă.

Flexbox și CSS Grid sunt ambele modele de aspect în CSS, dar servesc unor scopuri diferite și au caracteristici distincte:

  • Flexbox – Ideal pentru machete unidimensionale aranjarea articolelor pe un rând sau o coloană cu flexibilitate în dimensionare și aliniere.
  • Grilă – Potrivit pentru layout-uri bidimensionale, oferind control precis atât asupra rândurilor, cât și asupra coloanelor, permițând modele mai complicate.

În multe cazuri, aceste modele de aspect se pot completa reciproc. De exemplu, s-ar putea folosi flexbox în elementele individuale ale grilei pentru a gestiona structura lor internă, combinând punctele forte ale ambelor modele pentru soluții cuprinzătoare de aspect, cum ar fi:

Exemplu de modul Beaver Builder Box

Pentru a adăuga Modulul Box atunci când editați cu Beaver Builder, faceți clic pe simbolul Plus (+) situat în bara de sus pentru a deschide Panoul de conținut . Faceți clic pe fila Module pentru a accesa toate modulele standard și derulați în jos la secțiunea „Cutie”:

Împreună cu Box Module în sine, veți observa că am adăugat câteva presetări care facilitează începerea:

  • Coloane flexibile – Această presetare creează un rând orizontal de trei casete flexibile situate în caseta părinte.
  • Grilă 3×2 – O structură de aspect care utilizează casete de grilă constând din trei coloane și două rânduri în interiorul casetei părinte.
  • Grilă 4×2 – O structură de aspect de casete de grilă constând din patru coloane și două rânduri în caseta părinte.
  • Split Header – Această structură este o grilă care definește 3 coloane cu un modul foto centralizat și module de meniu pe ambele părți.
  • Grilă foto – Acest aspect este alcătuit dintr-o grilă 4×3 și module foto.

Deși ne propunem să facem modulul Box cât mai ușor de utilizat, vă recomandăm insistent să aveți o înțelegere solidă a Flexbox și CSS Grid. Folosind noul nostru modul cutie, vă puteți duce design-urile web și mai departe!

2. Stiluri globale (funcție premium)

Beaver Builder acceptă deja Setări globale care vă permit să configurați valori implicite pentru opțiuni precum lățimea maximă a rândului, margine/padding, puncte de întrerupere și cod personalizat (CSS și JavaScript), care sunt apoi aplicate la nivel global pe site-ul dvs. În plus, puteți suprascrie majoritatea acestor setări pe rând, coloană și modul prin setările lor.

Noua funcție Global Styles, disponibilă exclusiv în versiunea premium a generatorului de pagini Beaver Builder, vă oferă posibilitatea de a defini preferințele de stil atât pentru elemente, cât și pentru culori în Beaver Builder:

  • Elemente globale – Această filă vă permite să setați stiluri pentru diferite elemente html care sunt controlate de Beaver Builder, cum ar fi text, titluri, legături și butoane.
  • Culori globale – Această filă vă permite să configurați o paletă globală de culori care este disponibilă în selectorul de culori din Stiluri globale sau oriunde altundeva puteți selecta culori.

Pentru a accesa Stiluri globale, deschideți meniul Instrumente făcând clic pe săgeata din bara de sus din colțul din stânga sus al ecranului de editare și selectați „Stiluri globale”, după cum se arată:

Fila Elemente vă permite să definiți stilul global pentru elemente precum text, titluri, linkuri și butoane:

Toate modulele de pe site-ul dvs. web care nu au opțiuni de stil preconfigurate moștenesc stilul global. Puteți suprascrie aceste opțiuni de stil de la caz la caz utilizând opțiunile de stilare ale modulului.

Fila Culori vă permite să generați o paletă globală de culori care este disponibilă pe întregul site web:

Beaver Builder 2.8 Stiluri globale - fila culori

Puteți accesa cu ușurință aceste culori în machetele dvs. Beaver Builder prin instrumentul de selectare a culorilor. În plus, culorile pe care le stabiliți se convertesc în variabile CSS, permițând integrarea lor în CSS personalizat.

Cu această actualizare, puteți personaliza fără efort elementele și culorile site-ului dvs. la scară globală. Aceste stiluri globale rămân accesibile pe întregul site web, îmbunătățind fluxul de lucru pentru generatorul de pagini.

3. Modulul NorthCommerce

Până acum, am discutat despre modul în care Beaver Builder 2.8 introduce două funcții noi, Modulul Box și Stilurile globale, pentru a face construirea de layout-uri complexe mai ușor de utilizat.

Beaver Builder 2.8 introduce, de asemenea, un modul pentru North Commerce, un plugin de comerț electronic pentru WordPress care ajută utilizatorii să construiască rapid și ușor magazine online cu conversie mare:

De exemplu, acum puteți afișa rezultatele codurilor scurte North Commerce fără a fi nevoie să introduceți sau să utilizați coduri scurte. În schimb, puteți utiliza noul modul North Commerce, similar cu modulul nostru WooCommerce, pentru a vă afișa cu ușurință conținutul.

Acest nou modul vă va oferi mai mult control și vă va accelera fluxul de lucru atunci când lucrați cu NorthCommerce.

4. Integrare Popup Maker

În Beaver Builder 2.8, am introdus și o integrare cu Popup Maker, un plugin conceput pentru site-urile web WordPress care permite utilizatorilor să creeze și să gestioneze ferestre pop-up:

În esență, acum puteți folosi generatorul nostru de pagini pentru a proiecta conținutul ferestrelor pop-up

De asemenea, va afișa o fereastră pop-up în Beaver Builder în timpul editării, precum și posibilitatea de a selecta o fereastră pop-up în câmpul de link pentru a declanșa o fereastră pop-up atunci când se face clic pe un link.

Odată ce instalați și activați pluginul Popup Maker, tipul de postare Popup Maker (ferestre pop-up) va fi activat automat în setările Beaver Builder.

5. Actualizări minore ale modulelor, meniului Instrumente și setărilor buclei

În cele din urmă, Beaver Builder 2.8 include următoarele completări minore:

  • Modul de meniu – Opțiunea de umplere Link acceptă acum comutatorul de răspuns; adaugă o nouă opțiune de umplutură pentru setările de comutare receptive.
  • Post Carusel & Post Slider – Adaugă opțiunea Lungime extras la ambele module, permițându-vă să setați lungimea conținutului.
  • Meniul Instrumente – Include capacitatea de a deschide și de a interacționa cu Biblioteca Media WordPress în interfața de utilizator Beaver Builder.
  • Modul foto – Adăugați opțiunile de potrivire și poziție obiect la fila de stil.
  • Setări buclă – Adaugă opțiunea de filtrare după autorul curent și utilizatorul conectat curent.
  • Suprapuneri de rânduri, coloane și module – Actualizate pentru a fi coerente între tipurile de noduri.
  • Panoul Outline – Am primit și o actualizare pentru această versiune pentru a funcționa mai bine.

Concluzie: Funcții puternice pentru crearea web îmbunătățită

Actualizarea la Beaver Builder 2.8 deblochează o experiență de creare a paginii mai robustă și personalizabilă. Modulul Box introduce opțiuni avansate de aspect cu Flexbox și CSS Grid, în timp ce Global Styles simplifică gestionarea culorilor.

Pentru a recapitula, iată ce vă puteți aștepta în Beaver Builder 2.8:

  1. Modulul Box
  2. Stiluri globale
  3. Modulul NorthCommerce
  4. Integrare Popup Maker
  5. Actualizări minore ale modulelor, meniului Instrumente și setărilor buclei

Faceți upgrade la Beaver Builder 2.8 astăzi pentru a profita de aceste noi funcții interesante. Ca întotdeauna, echipa noastră de asistență este aici pentru a vă ajuta dacă aveți întrebări sau aveți nevoie de asistență.

Întrebări înrudite

Care este cea mai recentă versiune de Beaver Builder?

Din februarie 2024, Beaver Builder 2.8 este cea mai recentă versiune a pluginului nostru. Acceptă integrarea cu pluginurile NorthCommerce și Popup Maker. Veți găsi, de asemenea, un nou modul Box, care vă permite să construiți cu ușurință machete folosind flexbox, grilă CSS și straturi.

Ce face Beaver Builder?

Beaver Builder este o suită de produse de design web pentru WordPress alcătuită dintr-o temă cadru, un plugin pentru generator de pagini și un generator de teme, care le permite utilizatorilor să creeze și să personalizeze site-uri web fără efort prin funcționalitatea glisare și plasare. Creați site-uri web uimitoare, de calitate profesională, fără a fi nevoie de expertiză în codificare.

4 comentarii

  1. Alison pe 9 februarie 2024 la 3:13 am

    Vești fantastice! Am așteptat cu nerăbdare un mod mai intuitiv de a stila sticlele pe paginile BB.



  2. Jeff pe 15 februarie 2024 la ora 6:43

    Actualizarea de la BB 2.7.4.4 la 2.8 necesită utilizarea noului modul Box/Grid pentru conținutul actual?



    • Robby McCullough pe 15 februarie 2024 la ora 10:10

      Nu. Puteți începe să utilizați modulul Box după ce faceți upgrade, dar nimic nu se va schimba în paginile dvs. existente. De asemenea, puteți continua să utilizați rânduri, coloane și module așa cum erați înainte. Utilizarea modulului Box este total opțională.



  3. Jeff Mackey pe 15 februarie 2024 la ora 10:51

    Mulțumesc, Robby, pentru confirmare! Roci Beaver Builder!!!!



Buletinul nostru informativ

Buletinul nostru informativ este scris personal și trimis aproximativ o dată pe lună. Nu este deloc enervant sau spam.
Promitem.

Alăturați-vă Newsletter-ului

Încercați Beaver Builder astăzi

Beaver Builder