Comutați la meniu

Beaver Builder 1.9 Shasta – Coloane în coloane, setări de răspuns îmbunătățite și multe altele!

Publicat: 2016-11-23

25% reducere la produsele Beaver Builder! Grăbește-te vânzarea se încheie... Mai mult!

bb-1-9-shasta
  • Constructor de castori

Beaver Builder 1.9 Shasta – Coloane în coloane, setări de răspuns îmbunătățite și multe altele!

Beaver Builder 1.9 este live! Această postare acoperă modificările de nivel înalt. Pentru toate detaliile serioase, asigurați-vă că vedeți jurnalele de modificări Beaver Builder

Suntem încântați să anunțăm Beaver Builder 1.9, Shasta, creat din superbul baraj Shasta din statul nostru natal, California. Shasta aduce funcția #1, cea mai solicitată în Beaver Builder: coloane în coloane (CinC). Împreună cu CinC, introducem un editor reînnoit, cu tragere și plasare mai precisă, abilitatea de a trage și rearanja coloanele, setări receptive pentru margini și umpluturi, șabloane noi și multe altele!

1.9 Shasta Preview Video

În primul rând, multe dintre actualizările de data aceasta sunt mult mai ușor de afișat decât de spus. Justin a realizat un mic screencast drăguț care evidențiază multe dintre schimbări. Merita un ceas.

Dacă videoclipurile vă plac, asigurați-vă că vedeți acest videoclip de previzualizare Shasta de Matt Mederios (știți, tipul care face podcastul Matt Report). Matt este super strălucitor și are o lungă istorie în spațiul constructorului de la produsul său, Conductor. Are o perspectivă unică susținută de o mulțime de experiență.

Prezentarea Coloanelor Părinte și Copil

Dacă vă întrebați ce înseamnă de fapt „coloanele în coloane”, nu vă faceți griji. Este un pic dificil să-ți faci capul fără un exemplu vizual.

cinc2

Întotdeauna a fost posibil să aveți, de exemplu, o imagine într-o coloană și text într-o alta, dar observați pătratele verde și verde de sub textul - acest aspect nu a fost niciodată posibil fără unele trucuri CSS.

După cum am menționat, CinC a fost una dintre cele mai solicitate funcții de la prima lansare. Facem cu adevărat tot posibilul să ascultăm feedbackul și să punem în aplicare ideile. A durat mult timp să implementăm CinC, deoarece nu am reușit să găsim o modalitate elegantă de a reuși. După cum puteți vedea în videoclip, am rezolvat în cele din urmă problemele cu o dinamică a coloanei „părinte” și „copil” de care suntem extrem de mândri.

Coloane trasabile

O altă solicitare mare a fost capacitatea de a duplica și trage coloane, similar cu modul în care este posibil cu modulele individuale. Suntem încântați să anunțăm că vor veni și coloanele care pot fi trasate.

Pentru a elimina coloanele care pot fi glisate și părinte/copil, introducem o nouă funcție de interfață utilă. În Shasta, veți putea trage o coloană (și, dacă este disponibilă, o coloană părinte) chiar din meniul de setări a coloanei.

cinc-settings2

În stânga este un meniu de coloană standard, iar în dreapta este un meniu de coloană copil . În exemplul din dreapta, observați că puteți edita setările sau puteți muta atât copilul, cât și părintele făcând clic și trăgând direct din meniu.

Aceasta este o inovație pe care nu am mai văzut-o până acum și, împreună cu unele îmbunătățiri majore ale preciziei de tragere și plasare, face o experiență de construcție foarte fluidă. Desigur, nu ar trebui să ne credeți pe cuvânt. Dă-i o șansă. Sperăm că vă simțiți la fel ca acest tester beta...

După ce lucrați cu @BeaverBuilder 1.9 pentru un timp, revenirea la comportamentul 1.8 este atât de dezamăgitor .

Este greu de exprimat în cuvinte cât de frumos „se simte” noua interfață de utilizare. Va trebui să încercați și să ne spuneți dacă sunteți de acord.

Șabloane noi de pagini de conținut

noi-şabloane-conţinut

În Gordon (v1.8), am introdus câteva șabloane noi pentru pagini de destinație . În Shasta, dăm puțină dragoste șabloanelor noastre de pagini de conținut. Paginile de destinație sunt, probabil, prima pagină pe care un vizitator o vede când ajunge pe site-ul dvs. (gândiți-vă la paginile de pornire). Paginile de conținut sunt paginile interioare ale unui site, cum ar fi o pagină despre, contact sau prețuri.

Există 12 șabloane noi de pagini de conținut disponibile în versiunea 1.9 fiecare, cu un design proaspăt, minimalist. Speranța noastră cu toate șabloanele noastre este că acestea sunt fie un loc de pornire pentru a vă declanșa creativitatea, fie un design gata de utilizare, care are nevoie doar de câteva modificări minore înainte de a fi difuzat.

Margini, căptușeli și chenaruri receptive

responsive-settings2 Încă din prima zi, aspectele Beaver Builder au fost întotdeauna receptive și introducem o funcție pentru a face mult mai ușor de construit pentru ecrane mai mici.

În Shasta, acum puteți ajusta marginile, umplutura și dimensiunile marginilor în funcție de dimensiunea dispozitivului. Inițial, am adăugat 4 casete de text suplimentare la panoul de setări. Deși era funcțional, nu era foarte frumos. Într-o altă epifanie a UI, echipa a creat un buton pentru a comuta între diferitele vizualizări.

O mare parte din codul acestei funcții a fost trimis de surse externe. Mulțumesc mult lui Jessie și Oliver pentru ajutor! Suntem întotdeauna încântați să primim solicitări de extragere pentru baza de cod a Beaver Builder. Dacă sunteți interesat să contribui, vă rugăm să ne trimiteți un e-mail.

Deschideți o casetă lightbox dintr-un buton

Nu în ultimul rând, adăugăm posibilitatea de a genera o casetă de tip pop-up lightbox dintr-un buton. Există o nouă setare Click Action în modulul de butoane care adaugă o opțiune lightbox împreună cu opțiunea de a deschide o adresă URL. Veți putea adăuga un text personalizat, HTML (include coduri scurte) sau un videoclip, iar acel conținut va fi afișat automat într-o casetă lightbox atunci când se face clic pe butonul. Destul de dulce!

Puteți citi mai multe despre funcția lightbox și despre toate funcțiile noi din Shasta, în postarea noastră din baza de cunoștințe. Pentru a verifica remedieri de erori și îmbunătățiri minore, consultați jurnalele de modificări.

Bine! Cred că cam asta e.

Ne-ar plăcea să știm ce părere aveți despre această lansare viitoare și, dacă aveți probleme cu versiunea beta, vă rugăm să ne trimiteți un e-mail sau să ne lăsați un comentariu mai jos. Această actualizare este dovada că vă ascultăm și luăm foarte în serios feedbackul dvs. Vă rugăm să nu ezitați să ne transmiteți părerile dvs. Bucurați-vă.

Biografia lui Robby McCullough

27 comentarii

  1. Andrea Arden pe 22 noiembrie 2016 la 12:39

    Woo hoo! Sunt atât de fericit să văd versiunea beta — cu un pas mai aproape de a o pune pe site-urile clienților. Mi-au plăcut atât de mult noile funcții de răspuns și coloane din versiunea alfa încât l-am instalat pe câteva site-uri personale live. O treabă grozavă ca întotdeauna, băieți!



    • Robby McCullough pe 7 decembrie 2016 la ora 9:16

      Multumesc, Andrea!



  2. Paul pe 22 noiembrie 2016 la 15:35

    Am înțeles că această versiune va permite lansarea unui cod de încorporare YouTube într-o casetă de lumină după ce faceți clic pe un buton. Am lucrat recent cu Gtmetrix.com și au spus că gestionarea videoclipurilor în acest fel, în care codul de încorporare nu este încărcat până când utilizatorul interacționează cu acesta poate îmbunătăți drastic viteza paginii. Vă rugăm să confirmați că noua dvs. funcție video lightbox realizează acest lucru în versiunea 1.9? De asemenea, există planuri ca diapozitivul de titlu al videoclipului împreună cu un buton de redare suprapus să fie afișat ca imagine în loc de buton, astfel încât să arate ca un videoclip încorporat?



    • Robby McCullough pe 7 decembrie 2016 la 19:16

      Hei Paul. E o întrebare bună. Markup-ul este inclus în încărcarea inițială a paginii, adică nu este încărcat prin ajax. Bănuiesc că videoclipul începe să se plaseze în buffer doar odată ce este afișat, dar nu sunt 100% sigur acolo.

      Nu avem planuri de a implementa slide-ul de titlu așa cum ați menționat, dar este o idee bună. Îl vom ține cont. Toate modulele noastre implicite pot fi suprascrise și personalizate. Dacă se întâmplă să lucrați la așa ceva, anunțați-ne și poate putem folosi codul dvs.?



  3. Dan pe 23 noiembrie 2016 la 13:43

    Minunat... Îmi plac actualizările. Face lucrurile mult mai intuitive și ar trebui să accelereze fluxul de lucru pentru crearea lucrurilor, fără a fi nevoie să faceți clic atât de mult.

    Îmi plac, de asemenea, personalizările pentru diferite dimensiuni de ecran. Nu sunt puțin sigur dacă acesta este ceva care ar trebui să fie gestionat de constructor, mai degrabă decât de foaia de stil, dar cu siguranță îi oferă utilizatorului posibilitatea de a face modificările deseori necesare fără a fi nevoit să sară în cod.

    Dar aici pot vedea că această funcție devine cu adevărat utilă. Folosind-o cu coloane, și mai ales coloane în cadrul coloanelor!

    Motivul numărul unu pentru care fac un șablon personalizat în loc să folosesc un generator de pagini este din cauza modului în care coloanele se descompun pentru fiecare dimensiune de ecran. De obicei, sunteți limitat la modul încorporat în care constructorul alege să facă acest lucru, dar nu este întotdeauna cel mai bun mod.

    Iată un exemplu:

    Sunt mai multe cazuri în care aș dori să am 6 coloane pe desktop, care se transformă în 3 coloane pe tabletă și apoi 2 coloane pe un telefon. De obicei, ar sări de la 6 coloane chiar în jos la 1 coloană, ceea ce, evident, nu este ideal în toate situațiile.

    În mod normal, aș face acest personalizat folosind bootstrap, pentru că este cel mai simplu mod pe care l-am găsit. Acest lucru facilitează, de asemenea, prioritizarea a ceea ce cade deasupra, deoarece dimensiunea ecranului scade la o coloană (cum ar fi textul din imaginea din stânga, dreapta pentru două coloane, dar întotdeauna făcând imaginea de sus pentru o coloană).

    Dar dacă aș putea controla toate acestea prin intermediul constructorului, mi-ar plăcea chiar mai mult decât o fac deja. La naiba, nu l-am folosit de ceva vreme, așa că poate că deja este posibil.

    Va trebui să-l verific și să fac o solicitare oficială a funcției. Multumesc!



    • Robby McCullough pe 7 decembrie 2016 la 19:17

      Minunat! Mulțumesc, Dan. De obicei, cea mai bună practică este să puneți cât mai mult stil într-un fișier CSS, dar pentru mulți oameni ar putea să nu fie practic.



  4. David pe 23 noiembrie 2016 la 23:47

    Chestii grozave! O caracteristică pe care mi-ar plăcea să am este o casetă CSS pe un modul sau o coloană pentru atunci când am nevoie să adaug rapid ceva simplu, dar care nu este acceptat în interfactul de stil, cum ar fi text-shadow, pentru când folosesc un titlu peste o zonă de fundal și titlul nu poate fi distins cu ușurință. Folosesc text-shadow și alte câteva lucruri pentru a ajuta la apariția unui titlu sau text dintr-un fundal de imagine cu lățime completă. Știu că puteți adăuga aspectul CSS în partea de sus, dar este doar un gând pentru ușurința de acces, având capacitatea de a trimite cod CSS rapid din interfața pop-up modul / coloană.

    Noroc



    • Robby McCullough pe 7 decembrie 2016 la 19:20

      Hei David. Multumesc pentru sugestie. Cred că cel mai bun pariu ar fi să dai elementului o clasă sau un ID și să păstrezi CSS-ul cât mai central posibil. Nu este cea mai bună practică, dar am creat „clase de ajutor” precum .text-shadow în fișierul meu CSS, apoi am deschis clasa pe titluri/etc. unde trebuia să adaug umbră. Asta ar putea funcționa pentru tine?



  5. Melanie Richards pe 25 noiembrie 2016 la 21:49

    Instalează-l acum! Aceste caracteristici arată minunat și abia aștept să-mi pun ochii pe noile șabloane.

    Deci, caseta de lumină se deschide doar de la un buton? Poate fi declanșat de un link de imagine? O, ce dulce ar fi!



  6. Pete pe 1 decembrie 2016 la 15:21

    Wow! Beaver Builder este din ce în ce mai bun! Mulțumim întregii echipe Beaver Builder pentru aceste îmbunătățiri. Tocmai încep pe două site-uri noi pentru clienți, iar Beaver Builder se lansează pe ambele!



    • Robby McCullough pe 7 decembrie 2016 la 19:21

      Mulțumesc, Pete! Mă bucur să aud. Apreciem sprijinul!!



  7. Oliver pe 7 decembrie 2016 la 2:41 am

    Felicitări pentru lansarea acestei actualizări uimitoare, băieți! Și mulțumesc că m-ați menționat în postare, mă bucur că am putut ajuta puțin.

    Aș dori să vă întreb dacă aveți o ETA pentru versiunea Beaver Builder 1.9 Lite? Aș dori să actualizez conținutul demonstrativ al temelor folosind noua funcție de spațiere receptivă.

    Mulţumesc!



    • Robby McCullough pe 7 decembrie 2016 la 19:19

      Salut Oliver. Mă bucur să aud de la tine și mulțumesc imediat back-atchya!

      Cred că Justin de obicei scoate actualizarea repo la câteva zile/săptămâni după ce lansăm actualizările versiunii premium. S-ar putea să doriți să-i trimiteți un ping pe Slack pentru o confirmare, dar așteptați-vă că va apărea destul de curând.



      • webmandesign pe 9 decembrie 2016 la 4:47 am

        Rece. Mulțumesc pentru răspuns, Robby!



  8. David pe 12 decembrie 2016 la 3:58 am

    A apărut această nouă versiune? Nu văd notificarea de actualizare în pluginurile mele!



    • Robby McCullough pe 12 decembrie 2016 la ora 8:54

      Bună, David. Este disponibil pentru versiunile premium, dar nu pentru versiunea simplă. Ar trebui să iasă foarte curând.

      Dacă nu vedeți actualizarea, există un buton „Verificați din nou” pe pagina de actualizări pe care îl puteți încerca. Dacă toate celelalte nu reușesc, puteți face o actualizare manuală sau ne puteți trimite un bilet de asistență.



      • Angela pe 13 decembrie 2016 la 14:46

        Robby,

        Se pare că am câteva probleme cu versiunea lite. Vreau să-mi fac rândurile la lățime completă și să pun un fundal pe ele, atunci când salvați modificările, modificările nu sunt afectate. Există ceva ce ar trebui să fac diferit pentru ca acest lucru să funcționeze?



        • Robby McCullough pe 13 decembrie 2016 la 21:28

          Hei Angela. Ar trebui să avem o altă actualizare care să remedieze câteva erori. Anunțați-ne dacă mai aveți această problemă după actualizarea la 1.9.2

          (si scuze pentru probleme)



  9. Jessie Proffitt pe 14 decembrie 2016 la 16:07

    Aceasta este o actualizare minunată și mulțumesc pentru mențiune!

    Abia aștept să încep să folosesc asta în producție. Există atât de multe cazuri de utilizare care tocmai au devenit mult mai ușoare. Dacă am putea obține doar coloane globale, aș putea înlocui complet barele laterale și widget-urile și aș face totul în front-end.

    De asemenea, îmi plac foarte mult comutatoarele ui receptive pe care le-ați adăugat. Este mult mai ușor de utilizat decât controalele din prima schiță pe care le-am trimis (și, sincer, este mai tare). Sunt chiar impresionat!

    Sunt în continuare foarte fericit că am ales acest cadru pentru a ne construi site-urile.



    • Robby McCullough pe 18 decembrie 2016 la ora 11:37

      Hei Jessie! Mulțumesc din nou pentru ajutor.

      Îmi place ideea coloanelor globale/barei laterale! Cu siguranță îl vom ține cont de asta. Avem niște chestii grozave de gătit și pentru 2017...



  10. Marit pe 22 decembrie 2016 la ora 4:46

    Este grozav, mulțumesc mult!

    Hopa: primul link din text (Deschide o casetă luminosă dintr-un buton) oferă o pagină negăsită.



    • Robby McCullough pe 22 decembrie 2016 la ora 10:31

      Ah! Mulțumesc pentru atenție! Totul a fost rezolvat acum.



  11. Jasmin pe 28 decembrie 2016 la 12:13

    Asta este atât de tare!!!!



  12. Anil Jadhav pe 28 decembrie 2016 la 20:51

    Mulțumim întregii echipe Beaver Builder pentru aceste îmbunătățiri.



  13. Annjanette pe 20 ianuarie 2017 la 14:20

    Noua caracteristică coloane din coloane este fantastică. Veți adăuga în curând posibilitatea de a duplica o coloană părinte și tot conținutul acesteia (sau le veți salva ca modul)? Asta ar face cu adevărat această caracteristică foarte utilă. Multumesc!



    • Robby McCullough pe 23 ianuarie 2017 la 15:23

      Mulțumesc, Annjanette! Nu avem nimic planificat, dar îl vom ține cont pentru o actualizare viitoare. Știu că este puțin o soluție, dar puteți duplica și salva rânduri. Ar putea fi mai rapid să duplicați un rând și să eliminați coloanele suplimentare în loc să încercați să duplicați module. Sper că te ajută.



  14. Kaivan Doshi pe 22 septembrie 2017 la ora 3:31

    Vă rugăm să adăugați mai multe șabloane personalizate pentru paginile de conținut și postări.. totul în rest este destul de grozav.



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