Startseite
– 22. November 2016 Wir freuen uns, Beaver Builder 1.9, Shasta, bekannt zu geben, der am wunderschönen Shasta Dam in unserem Heimatstaat Kalifornien entstanden ist. Shasta bringt die am häufigsten nachgefragte Funktion Nr. 1 in Beaver Builder: Spalten in Spalten (CinC). Zusammen mit CinC stellen wir einen überarbeiteten Editor mit genauerem Drag & Drop, der Möglichkeit zum Ziehen und Neuanordnen von Spalten, reaktionsfähigen Einstellungen für Ränder und Abstände, neuen Vorlagen und vielem mehr vor!
Das Wichtigste zuerst: Viele der Updates sind dieses Mal viel einfacher zu zeigen als zu erzählen. Justin hat einen netten kleinen Screencast zusammengestellt, der viele der Änderungen hervorhebt. Es ist einen Blick wert.
Wenn Videos Ihr Ding sind, schauen Sie sich unbedingt dieses Shasta-Vorschauvideo von Matt Mederios an (Sie wissen schon, der Typ, der den Matt Report Podcast macht). Matt ist superintelligent und hat mit seinem Produkt Conductor eine lange Erfahrung in der Baubranche. Er hat eine einzigartige Perspektive, gestützt auf jede Menge Erfahrung.
Wenn Sie sich fragen, was „Spalten in Spalten“ eigentlich bedeutet, machen Sie sich keine Sorgen. Ohne ein visuelles Beispiel ist es etwas schwierig, sich einen Überblick zu verschaffen.
Es war immer möglich, beispielsweise ein Bild in einer Spalte und Text in einer anderen Spalte zu haben, aber beachten Sie die blaugrünen und grünen Quadrate unter dem Klappentext – dieses Layout wäre ohne ein paar CSS-Tricks nie möglich gewesen.
Wie bereits erwähnt, war CinC seit unserer Einführung eine der am häufigsten nachgefragten Funktionen. Wir tun unser Bestes, um auf Ihr Feedback zu hören und Ihre Ideen umzusetzen. Die Implementierung von CinC hat lange gedauert, da wir keinen eleganten Weg fanden, dies umzusetzen. Wie Sie im Video sehen können, haben wir endlich die Probleme mit einer „Eltern“- und „Kind“-Spaltendynamik gelöst, auf die wir sehr stolz sind.
Ein weiterer großer Wunsch war die Möglichkeit, Spalten zu duplizieren und zu verschieben, ähnlich wie dies bei einzelnen Modulen möglich ist. Wir freuen uns, Ihnen mitteilen zu können, dass es auch verschiebbare Spalten geben wird.
Um verschiebbare und übergeordnete/untergeordnete Spalten abzurufen, führen wir eine raffinierte neue UI-Funktion ein. In Shasta können Sie eine Spalte (und, sofern verfügbar, eine übergeordnete Spalte) direkt aus dem Menü „Spalteneinstellungen“ ziehen.
Auf der linken Seite befindet sich ein Standardspaltenmenü und auf der rechten Seite ein Unterspaltenmenü . Beachten Sie im Beispiel rechts, dass Sie Einstellungen bearbeiten oder sowohl das untergeordnete als auch das übergeordnete Element verschieben können, indem Sie im Menü nach rechts klicken und ziehen.
Dies ist eine Innovation, die wir noch nie zuvor gesehen haben, und zusammen mit einigen wesentlichen Verbesserungen der Drag-and-Drop-Genauigkeit sorgt sie für ein sehr flüssiges Bauerlebnis. Natürlich sollten Sie sich nicht nur auf unser Wort verlassen. Probieren Sie es aus. Wir hoffen, dass es Ihnen genauso geht wie diesem Betatester …
Nachdem Sie eine Weile mit @BeaverBuilder 1.9 gearbeitet haben, ist die Rückkehr zum 1.8-Verhalten ein großer Wermutstropfen. Teilen Sie es auf XEs ist schwer in Worte zu fassen, wie gut sich die neue Benutzeroberfläche „anfühlt“. Sie müssen es versuchen und uns mitteilen, ob Sie damit einverstanden sind.
In Gordon (v1.8) haben wir mehrere neue Landingpage- Vorlagen eingeführt. Bei Shasta schenken wir unseren Inhaltsseitenvorlagen etwas Liebe. Landingpages sind vermutlich die erste Seite, die ein Besucher sieht, wenn er auf Ihre Website gelangt (denken Sie an Homepages). Inhaltsseiten sind die Innenseiten einer Website, z. B. eine Info-, Kontakt- oder Preisseite.
In 1.9 sind 12 neue Inhaltsseitenvorlagen mit jeweils einem frischen, minimalistischen Design verfügbar. Wir hoffen, dass alle unsere Vorlagen entweder ein Ausgangspunkt sind, um Ihrer Kreativität freien Lauf zu lassen, oder ein gebrauchsfertiges Design, das nur ein paar kleine Anpassungen erfordert, bevor es live geht.
Vom ersten Tag an reagierten die Beaver Builder-Layouts immer und wir führen eine Funktion ein, die das Erstellen für kleinere Bildschirme erheblich vereinfacht.
In Shasta können Sie jetzt Ränder, Abstände und Randgrößen je nach Gerätegröße anpassen. Ursprünglich haben wir dem Einstellungsfeld vier zusätzliche Textfelder hinzugefügt. Dies war zwar funktional, aber nicht sehr schön. In einer weiteren Offenbarung der Benutzeroberfläche erstellte das Team eine Schaltfläche zum Umschalten zwischen den verschiedenen Ansichten.
Ein Großteil des Codes für diese Funktion wurde von externen Quellen übermittelt. Vielen Dank an Jessie und Oliver für ihre Hilfe! Wir freuen uns immer über Pull-Anfragen für die Codebasis von Beaver Builder. Wenn Sie daran interessiert sind, einen Beitrag zu leisten, schreiben Sie uns bitte eine E-Mail.
Zu guter Letzt fügen wir die Möglichkeit hinzu, über eine Schaltfläche ein Lightbox-Popup zu generieren. Es gibt eine neue Einstellung „Klickaktion“ im Schaltflächenmodul, die eine Lightbox-Option zusammen mit der Option zum Öffnen einer URL hinzufügt. Sie können einen benutzerdefinierten Text, HTML (einschließlich Shortcodes) oder ein Video hinzufügen und dieser Inhalt wird automatisch in einer Lightbox angezeigt, wenn auf die Schaltfläche geklickt wird. Ziemlich süß!
Weitere Informationen zur Lightbox-Funktion und allen neuen Funktionen in Shasta finden Sie in unserem Knowledge Base-Beitrag. Informationen zu Fehlerbehebungen und kleineren Verbesserungen finden Sie in den Änderungsprotokollen.
In Ordnung! Ich denke, das ist es auch schon.
Wir würden gerne wissen, was Sie über diese bevorstehende Version denken. Wenn Sie Probleme mit der Beta haben, senden Sie uns bitte eine E-Mail oder hinterlassen Sie unten einen Kommentar. Dieses Update ist ein Beweis dafür, dass wir zuhören und Ihr Feedback sehr ernst nehmen. Bitte zögern Sie nicht, uns Ihre Gedanken mitzuteilen. Genießen.
am 7. Dezember 2016 um 9:16 UhrDanke, Andrea!
am 22. November 2016 um 15:35 UhrIch verstehe, dass diese Version es ermöglicht, einen YouTube-Einbettungscode in einer Lightbox zu starten, nachdem auf eine Schaltfläche geklickt wurde. Ich habe kürzlich mit Gtmetrix.com zusammengearbeitet und sie sagten, dass eine solche Handhabung von Videos, bei der der Einbettungscode erst geladen wird, wenn der Benutzer damit interagiert, die Seitengeschwindigkeit drastisch verbessern kann. Können Sie bitte bestätigen, dass Ihre neue Lightbox-Videofunktion dies in Version 1.9 erreicht? Gibt es außerdem Pläne, die Titelfolie des Videos zusammen mit einer darüberliegenden Wiedergabeschaltfläche als Bild anstelle der Schaltfläche anzuzeigen, sodass es wie ein eingebettetes Video aussieht?
am 7. Dezember 2016 um 19:16 UhrHallo Paul. Das ist eine gute Frage. Das Markup ist beim anfänglichen Laden der Seite enthalten, dh es wird nicht über Ajax geladen. Ich würde vermuten, dass das Video erst dann gepuffert wird, wenn es angezeigt wird, bin mir da aber nicht 100 % sicher.
Wir haben nicht vor, die von Ihnen erwähnte Titelfolie zu implementieren, aber es ist eine gute Idee. Wir werden es im Hinterkopf behalten. Alle unsere Standardmodule können überschrieben und angepasst werden. Wenn Sie an so etwas arbeiten, lassen Sie es uns wissen und vielleicht können wir Ihren Code verwenden?
am 23. November 2016 um 13:43 UhrGroßartig ... ich liebe die Updates. Macht die Dinge viel intuitiver und sollte den Arbeitsablauf beim Erstellen von Dingen beschleunigen, ohne dass man so viel herumklicken muss.
Ich liebe auch die Anpassungsmöglichkeiten für verschiedene Bildschirmgrößen. Ich bin mir ein wenig unsicher, ob dies etwas ist, das vom Builder und nicht vom Stylesheet erledigt werden sollte, aber es gibt einem Benutzer auf jeden Fall die Möglichkeit, häufig benötigte Änderungen vorzunehmen, ohne in den Code springen zu müssen.
Aber hier sehe ich, dass diese Funktion wirklich nützlich wird. Verwenden Sie es mit Spalten und insbesondere mit Spalten innerhalb von Spalten!
Der Hauptgrund dafür, dass ich eine benutzerdefinierte Vorlage erstelle, anstatt einen Seitenersteller zu verwenden, ist die Art und Weise, wie die Spalten für jede Bildschirmgröße aufgeteilt werden. Normalerweise sind Sie auf die integrierte Methode beschränkt, die der Builder dafür wählt, aber das ist nicht immer die beste Methode.
Hier ist ein Beispiel:
Es gibt mehrere Fälle, in denen ich gerne 6 Spalten auf dem Desktop hätte, die sich auf dem Tablet in 3 Spalten und auf einem Telefon in 2 Spalten verwandeln. Normalerweise würde es von 6 Spalten auf 1 Spalte springen, was offensichtlich nicht in allen Situationen ideal ist.
Normalerweise würde ich diese benutzerdefinierte Methode mit Bootstrap ausführen, da dies der einfachste Weg ist, den ich gefunden habe. Dies erleichtert auch die Priorisierung dessen, was oben liegt, wenn die Bildschirmgröße auf eine Spalte sinkt (z. B. Text links im Bild rechts für zwei Spalten, aber immer das Bild oben für eine Spalte).
Aber wenn ich das alles über den Builder steuern könnte, würde es mir noch mehr gefallen, als ich es ohnehin schon tue. Verdammt, ich habe es eine Weile nicht benutzt, also ist es vielleicht schon möglich.
Ich muss es mir ansehen und eine offizielle Funktionsanfrage stellen. Danke schön!
am 7. Dezember 2016 um 19:17 UhrEindrucksvoll! Danke, Dan. Normalerweise ist es die beste Vorgehensweise, so viel Stil wie möglich in eine CSS-Datei zu integrieren, aber für viele Leute ist dies möglicherweise nicht praktikabel.
am 23. November 2016 um 23:47 UhrTolles Zeug! Eine Funktion, die ich gerne hätte, ist ein CSS-Feld in einem Modul oder einer Spalte, wenn ich schnell etwas Einfaches hinzufügen muss, das aber nicht in der Stilschnittstelle unterstützt wird, wie z. B. Textschatten, wenn ich einen Titel über einem Hintergrundbereich verwende usw Der Titel ist nicht leicht zu unterscheiden. Ich verwende Textschatten und ein paar andere Dinge, um einen Titel oder Text aus einem Bildhintergrund in voller Breite hervorstechen zu lassen. Ich weiß, dass Sie das Layout-CSS oben hinzufügen können, aber es ist nur eine Idee, um den Zugriff zu erleichtern und die Möglichkeit zu haben, schnellen CSS-Code über die Modul-/Spalten-Popup-Schnittstelle zu übermitteln.
Prost
am 7. Dezember 2016 um 19:20 UhrHallo David. Danke für den Vorschlag. Ich denke, die beste Lösung wäre, dem Element eine Klasse oder eine ID zu geben und das CSS so zentral wie möglich zu halten. Es ist nicht die beste Vorgehensweise, aber ich habe „Hilfsklassen“ wie .text-shadow in meiner CSS-Datei erstellt und die Klasse dann in Überschriften usw. eingefügt. wo ich Schatten hinzufügen musste. Das könnte für dich funktionieren?
am 25. November 2016 um 21:49 UhrJetzt installieren! Diese Funktionen sehen großartig aus und ich kann es kaum erwarten, einen Blick auf die neuen Vorlagen zu werfen.
Lässt sich die Lightbox also nur per Knopfdruck öffnen? Kann durch einen Bildlink ausgelöst werden? Oh, wie süß wäre das!
am 1. Dezember 2016 um 15:21 UhrWow! Beaver Builder wird immer besser! Vielen Dank an das gesamte Beaver Builder-Team für diese Verbesserungen. Ich fange gerade mit zwei brandneuen Kunden-Websites an und Beaver Builder ist auf beiden im Einsatz!
am 7. Dezember 2016 um 19:21 UhrDanke, Pete! Freut mich zu hören. Wir freuen uns über die Unterstützung!!
am 7. Dezember 2016 um 2:41 UhrHerzlichen Glückwunsch zur Veröffentlichung dieses tollen Updates, Jungs! Und vielen Dank, dass Sie mich in dem Beitrag erwähnt haben. Ich bin froh, dass ich ein wenig helfen konnte.
Ich würde gerne fragen, ob Sie eine voraussichtliche Ankunftszeit für die Version Beaver Builder 1.9 Lite haben. Ich möchte den Demo-Inhalt meines Themes mit der neuen Funktion „Reaktionsabstand“ aktualisieren.
Danke!
am 7. Dezember 2016 um 19:19 UhrHallo Oliver. Freut mich, von Ihnen zu hören und vielen Dank gleich zurück, atchya!
Ich glaube, Justin veröffentlicht das Repo-Update normalerweise ein paar Tage/Wochen, nachdem wir die Updates der Premium-Version veröffentlicht haben. Vielleicht möchten Sie ihn auf Slack anpingen, um eine Bestätigung zu erhalten, aber rechnen Sie damit, dass es bald veröffentlicht wird.
am 9. Dezember 2016 um 4:47 UhrCool. Danke für die Antwort, Robby!
am 12. Dezember 2016 um 3:58 UhrIst diese neue Version draußen? Ich sehe die Update-Benachrichtigung in meinen Plugins nicht!
am 12. Dezember 2016 um 8:54 UhrHallo, David. Es ist für die Premium-Versionen verfügbar, nicht jedoch für die Lite-Version. Das sollte sehr bald rauskommen.
Wenn Sie das Update nicht sehen, können Sie es mit der Schaltfläche „Erneut prüfen“ auf der Aktualisierungsseite versuchen. Wenn alles andere fehlschlägt, können Sie ein manuelles Update durchführen oder uns ein Support-Ticket schicken.
am 13. Dezember 2016 um 14:46 UhrRobby,
Ich habe anscheinend einige Probleme mit der Lite-Version. Ich möchte meine Zeilen in voller Breite anzeigen und ihnen einen Hintergrund hinzufügen. Wenn Sie die Änderungen speichern, werden die Änderungen nicht wirksam. Gibt es etwas, das ich anders machen sollte, damit das funktioniert?
am 13. Dezember 2016 um 21:28 UhrHallo Angela. Wir sollten ein weiteres Update herausbringen, das ein paar Fehler behebt. Teilen Sie uns mit, wenn dieses Problem nach dem Update auf 1.9.2 weiterhin besteht
(und entschuldigen Sie den Ärger)
am 14. Dezember 2016 um 16:07 UhrDas ist ein wunderbares Update und vielen Dank für die Erwähnung!
Ich kann es kaum erwarten, dies in der Produktion einzusetzen. Es gibt so viele Anwendungsfälle, die jetzt viel einfacher geworden sind. Wenn wir nur globale Spalten bekommen könnten, könnte ich die Seitenleisten und Widgets komplett ersetzen und alles im Frontend erledigen.
Ich bin auch wirklich begeistert von den reaktionsschnellen UI-Schaltern, die Sie hinzugefügt haben. Das ist viel einfacher zu verwenden als die ersten Steuerelemente, die ich eingereicht habe (und ehrlich gesagt ist es einfach cooler). Ich bin wirklich beeindruckt!
Ich bin weiterhin sehr froh, dass wir dieses Framework zum Aufbau unserer Websites gewählt haben.
am 18. Dezember 2016 um 11:37 UhrHey Jessie! Nochmals vielen Dank für die Hilfe.
Mir gefällt die Idee mit den globalen Spalten/Seitenleisten! Das werden wir uns auf jeden Fall merken. Wir haben auch für 2017 ein paar coole Sachen am Kochen …
am 22. Dezember 2016 um 4:46 UhrDas ist großartig, vielen Dank!
Hoppla: Der erste Link im Text (Öffnen Sie eine Lightbox über eine Schaltfläche) führt zu einer nicht gefundenen Seite.
am 22. Dezember 2016 um 10:31 UhrAh! Danke für den Hinweis! Jetzt alles behoben.
am 28. Dezember 2016 um 12:13 UhrDas ist so cool!!!!
am 28. Dezember 2016 um 20:51 UhrVielen Dank an das gesamte Beaver Builder-Team für diese Verbesserungen.
am 20. Januar 2017 um 14:20 UhrDie neue Funktion „Spalten innerhalb von Spalten“ ist fantastisch. Werden Sie demnächst die Möglichkeit hinzufügen, eine übergeordnete Spalte und ihren gesamten Inhalt zu duplizieren (oder als Modul zu speichern)? Das würde diese Funktion wirklich noch nützlicher machen. Danke schön!
am 23. Januar 2017 um 15:23 UhrDanke, Annjanette! Wir haben nichts geplant, aber wir werden es für ein zukünftiges Update im Hinterkopf behalten. Ich weiß, dass es eine Art Workaround ist, aber Sie können Zeilen duplizieren und speichern. Es könnte schneller sein, eine Zeile zu duplizieren und die zusätzlichen Spalten zu entfernen, anstatt zu versuchen, Module zu duplizieren. Hoffe das hilft.
am 22. September 2017 um 3:31 UhrBitte fügen Sie weitere benutzerdefinierte Vorlagen für Inhaltsseiten und Beiträge hinzu. Alles andere ist ganz großartig.
Unser Newsletter wird persönlich verfasst und etwa einmal im Monat verschickt. Es ist nicht im Geringsten nervig oder spammig.
Wir versprechen es.
Juhuu! Ich freue mich sehr, die Betaversion zu sehen – sie ist der Bereitstellung auf Kundenseiten einen Schritt näher gekommen. Die neuen Responsive- und Column-Funktionen in der Alpha-Version gefielen mir so gut, dass ich sie auf einigen persönlichen Live-Sites installiert habe. Tolle Arbeit, wie immer, Leute!