web bastler logo weiß mit umrandung
web
bastler
Bricks Builder

Bricks Builder | Das beste Theme für WordPress in 2024

Letztes Update: 11.24 | Autor: Manuel
Lange Zeit galt Oxygen Builder als Maßstab für die Performance von Page Buildern für WordPress. Es war kein bloßes Gerücht, sondern eine reine Tatsache, dass ein aufgeblähtes Theme mit integriertem Page Builder die Website verlangsamen würde. 

Diese Situation war vergleichbar mit den unangenehmen Symptomen von Blähungen und Durchfall. Genauso wie solche unglücklichen Zufälle verursachte auch das unstimmige Verhalten des Builders im Hinblick auf Performance und Geschwindigkeit Bauchschmerzen bei den Nutzern. 

Was wenn ich dir sage, dass es nun für all die Probleme eine Lösung gibt? Nicht gegen die Ausdünstungen, sondern gegen Vorurteile von Themes mit Page Buildern. 

Die Lösung lautet Bricks Builder, der indirekte sowie inoffizielle Nachfolger von Oxygen Builder.

Zusammenfassung nach mehr als einem Jahr intensiver Erfahrung und Nutzung des Bricks Builder. Nicht umsonst hat Bricks Builder den Award für den besten Page Builder 2022 gewonnen
Inhaltsverzeichnis

Resümee nach mehr als einem Jahr Erfahrung mit Bricks Builder

Fazit von Bricks Builder

Zurück halten sollte man höchstens den Stuhlgang, denn dieser kann ordentlich in die Hose gehen.

Nicht aber ein Fazit sowie die Vorteile/Nachteile von Bricks. Ins Detail werde ich dennoch eingehen ... von dem her kannst auch gerne weiterlesen.
bricks builder logo

Vorteile

Top Performance dank cleanem Code
Preis/Leistung da Lifetime Angebot
Keine monatlichen Kosten (Ultimate Paket)
Geschwindigkeit im Backend dank Vue.js 3.5 (-56% Speicherverbrauch!)
modernes Framework (Vue.js)
Hilfsbereite, erfahrene sowie wachsende Community
von der Community vorgefertigte Templates 
Query Filter System mit URL-Support
Native Barrierefreiheit-Features
Integriertes Rating-System mit Schema.org

Nachteile

Lernkurve ( HTML sowie CSS Kenntnisse für komplexere Sachen von Vorteil)
Man könnte denken, dass Bricks dermaßen überladen sein muss, da es sich um ein Theme inklusive Page Builder handelt. Zum Glück trifft das Sprichwort "Der Fantasie sind keine Grenzen gesetzt" hier nicht zu, denn Bricks schafft alles, was die meisten Mitbewerber vergeblich versuchen. Die Fantasien können gerne für die bisher geliebten Schandtaten weiter benutzt werden.

Mittlerweile gibt es keinen Grund mehr, nicht auf Bricks umzusteigen.

Vielleicht fragen sich nun einige, wieso beim Inspizieren der Webseite der Quellcode von Oxygen und nicht von Bricks dargestellt wird. Diese Frage ist berechtigt, aber es gibt dafür eine einfache Antwort: Ich stecke meine Energie lieber ins Schmähführen sowie in neue Bastelprojekte, als Bestehendes, das nicht unbedingt schlechter ist, zu erneuern.

Die genauen Unterschiede zwischen Oxygen und Bricks Builder werden noch detaillierter erläutert.
Webseite von Bricks Builder

Innovativ, dynamisch, allumfassend

Was ist Bricks Builder? 

Man könnte auf den ersten Blick annehmen, dass es sich bei Bricks nur um einen Page Builder handelt. Diese Einschätzung trifft zwar im Kern zu, ist aber nicht die ganze Wahrheit.

Bricks Builder ist in Wirklichkeit ein WordPress Theme, das einen eigenen Builder integriert hat – es ist eine All-in-One-Lösung. Das Zusammenspiel zwischen Theme und Page Builder verläuft nahtlos und stellt bis dato das schnellste Werkzeug dar, das ich jemals zum Erstellen von Webseiten verwendet habe.

Auf gut Deutsch: Es vereint die Dynamik und Energie von Viagra, den Geschmack von Kamagra und die Geschmeidigkeit von Flutschi in einem Produkt. Das kenne ich natürlich nur von Hörensagen.
oxygen logo

Installation, Erstellung & Anpassung

Wie funktioniert Bricks Builder?

theme installation von bricks builder
Installation von Bricks Theme

Installation von Bricks

Bricks wird wie jedes andere WordPress-Theme auch einfach installiert.

Design > Themes > Theme hinzufügen

Nach erfolgreichem Erwerb der Lizenz stehen zwei Themes zur Verfügung: die aktuelle Version und ein sogenanntes "Child Theme". Dieses dient dazu, dass du, wenn du zum Beispiel PHP-Funktionen hinzufügen möchtest, dies über das Child Theme und nicht über das Haupttheme machst. Denn nach einem Update einer neuen Version wird das aktuelle Theme überschrieben. Somit wäre die erstellte Änderung verloren.

Solltest du nur Bahnhof verstehen, ist das halb so wild; ein Child Theme wird nicht benötigt. Es gibt auch noch andere Möglichkeiten, diverse Änderungen oder Einbindungen von Functions durchzuführen, zum Beispiel mit dem (kostenpflichtigen) Plugin WP Codebox.

Erstellen einer neuen Seite mit Bricks Builder

Nun wird eine neue Seite erstellt, indem der Seitentitel gewählt wird und anschließend mit Bricks bearbeitet wird. Im Bricks Editor selbst werden die Elemente mittels "Drag & Drop" hinzugefügt und verschoben. Wahlweise kann man zwischen einem hellen oder Dunklen Design wählen.

Die Benutzeroberfläche ist wie folgt aufgeteilt: 
Links: Elemente Panel - Mitte: Vorschau - Rechts: Struktur

Im Elemente Panel werden die ganzen Elemente sowie Optionen dargestellt. In der Vorschau werden die Elemente, welche auf dem Panel ausgewählt und hineingezogen wurden, dargestellt. Zu guter Letzt wird in der Struktur die HTML-Struktur dargestellt, wie der Browser diese im Quelltext wiedergibt.
erstellen einer neuen seite mit bricks builder
Erstellen einer neuen Seite mit Bricks Builder
bricks benutzeroberfläche hell
Bricks Builder Benutzeroberfläche Hell
bricks benutzeroberfläche dunkel
Bricks Builder Benutzeroberfläche Dunkel
anpassung von layouts und templates
Anpassung von Layouts und Templates

Anpassung von Layouts und Templates

Wie nach dem Stuhlgang, bei dem man mit dem Auswischvorgang anfängt und sich nicht gleich die Hose hochzieht, werden zuerst der Header sowie Footer erstellt. Dies wird simpel mit folgenden Schritten durchgeführt:

Bricks > Templates > neues Template hinzufügen > Template Typ Header/Footer

Dies dient dazu, dass auf jeder Seite der Header sowie Footer angezeigt wird.

Nicht vergessen: Vergleichbar mit dem Feuchttuch beim Auswischen kannst du noch ein sogenanntes 404 Template (Fehlerseite) erstellen. Dieses wird verwendet, wenn die aufgerufene Seite im Browser nicht gefunden wird.

Die Hose kann nun hochgezogen werden. Der Grundbaustein ist gesetzt.

Verwendung von vorgefertigten Blöcken

Standardmäßig gibt es bei Bricks keine vorgefertigten Blöcke im Sinne von Vorlagen. Was es jedoch gibt, sind Templates, die die Community erstellt hat und die zur freien Einbindung zur Verfügung stehen. Weiters bieten jedoch diverse Drittanbieter (mein Favorit: Automatic CSS) vorgefertigte, professionelle Blöcke sowie Templates zur Verfügung.
Mehr über vorgefertigte Blöcke/Templates von ACSS
font lokal einbinden
Vorgefertigte Blöcke/Templates von ACSS
font lokal einbinden
Schrift lokal einbinden

Font lokal einbinden

Richtig gelesen: Man benötigt kein zusätzliches Plugin und kein Snippet, um Schriftarten lokal einzubinden. Einfach die eigene Schrift oder die Google Font mit der Upload-Funktion hinzufügen und im Builder verwenden.

Bitte wie geil ist das denn?
„Der Konkurenz davonziehen dank Bricks Builder.“

Preise & Rückgaberecht

Was kostet Bricks Builder?

bricks builder preis
Preismodelle von Bricks Builder

Kosten von Bricks Builder

Aktuell (Stand 08.23) gibt es zwei Pakete: das Starter-Paket und das Ultimate-Paket. Hier ist eine genaue Auflistung dessen, was in den Paketen enthalten ist. Der einzige Unterschied zwischen den Paketen besteht darin, dass das Starter-Paket eine Lizenz (für eine Live-Seite) beinhaltet und das Ultimate-Paket unbegrenzte Lizenzen bietet.

Richtig gelesen ... Lifetime und keine monatliche Gebühr. Wenn das kein Grund zur Freude ist.

Update: Am 20.01.2024 kam es zu einer Erhöhung. Im Vergleich zu früher ist diese Erhöhung durchaus beachtlich. Wenn man jedoch bedenkt, wie viele Features aktuell geboten werden, halte ich sie für gerechtfertigt. Wir haben ja bereits gesehen, was passiert, wenn man ein Produkt dauerhaft als LTD anbietet (siehe Oxygen Builder, der sterbende Pagebuilder).

Folgender maßen sehen die Preise aus:

  • Starter: $79 pro Jahr (für 1 Seite)
  • Business: $149 pro Jahr (für 3 Seite)
  • Agency: $249 pro Jahr (für unlimitierte Seite)
  • Ultimate: $599 Einmalzahlung (für unlimitierte Seite)

Gibt es ein Rückgaberecht?

Was wenn ich einfach nur viel Blödsinn daher rede und eine Provision einstreife, wenn jemand über meine Webseite sich Bricks kauft? Wiff wiff, gut nachgedacht.

Ich kann beruhigen, es gibt eine 30-tägige Rückgabegarantie. Das bedeutet, wenn du in den ersten 30 Tagen nicht zufrieden bist, erhältst du eine volle Rückerstattung. 

Auf was wartest du noch? Probieren geht über studieren.
rückgaberecht bricks
Rückgaberecht

Die 4 größten Vorteile

Vorteile von Bricks Builder

Die Fakten sprechen klar für sich. Wer auf Bricks setzt, setzt auf Geschwindigkeit. Egal ob im Frontend oder Backend. Doch nicht nur die Geschwindigkeit ist ein Pluspunkt.
1.

Optimale Ladezeit für den Besucher im Frontend

Bricks erreicht bereits ohne Caching- oder Optimierungs-Plugin bei Google Page Speed oder GTMetrix Traumwerte, von denen die Mitbewerber nur träumen könnten. 

Dank schlankem Code, intelligenter Lazyload-Funktion für Assets, optimaler Barrierefreiheit sowie Best-Practice-Methoden wird bei den Ergebnissen von Google Page Speed eine grüne Welle erzielt, wie sie Straßen mit Ampeln sich nur erträumen könnten.
ladezeit frontend
Optimale Ladezeit
speichermeldung im backend
Speichervorgang Backend
2.

Sauschnelle Performance für den Entwickler im Backend

Dank eines modernen Frameworks (Vue.js) gibt es de facto beim Arbeiten mit Bricks keine Wartezeit. Speichervorgänge gehen schneller von der Hand, als du bis 1 zählen kannst. 

Gerade für Entwickler, sei es Devs, Admins oder Webseitenentwickler, ist dieser Punkt im Vergleich zu den Mitbewerbern ein Gamechanger.

Das Update auf Vue.js 3.5 hat nochmal richtig Gas gegeben - 56% weniger Speicherverbrauch und bis zu 10x schnellere Operationen bei komplexen Arrays. Selbst wenn du tausende Klassen auf deiner Seite hast, läuft Bricks smoother als ein frisch gewachstes Bobbycar.
3.

Preiswert, aber keineswegs von minderer Qualität

Wer ein Fan von einer Einmalzahlung ist, wird bei Bricks (nach wie vor) fündig. Zumindest beim Ultimate-Paket. Man zahlt eine einmalige Gebühr bzw. erwirbt eine Lifetime-Lizenz, um das Theme nutzen zu können. Diese gilt für unbegrenzt viele Webseiten und beinhaltet alle Extras. Wer dies als zu viel empfindet, kann ab dem 15.01.2024 auch auf eine jährliche Zahlungsweise umsteigen.
Preise Bricks Builder
bricks builder preis
Preise von Bricks Builder
roadmap
Roadmap
4.

Stetige Weiterentwicklung, Erneuerungen, Fehlerbehebungen sowie Roadmap

Dank einer großen Community (welche auch aus den bekannten Althasen der großartigen Oxygen Community besteht) sowie einem sehr ambitionierten Team wird Bricks permanent weiterentwickelt. Mit Version 1.11 (Oktober 2024) wurde nochmal ordentlich einen draufgesetzt - über 100 Änderungen sprechen für sich. 

Der Fokus liegt ganz klar darauf, dass Performance und Benutzerfreundlichkeit nicht nur erhalten bleiben, sondern ständig verbessert werden. 

Die Feature-Liste liest sich wie ein Wunschzettel zu Weihnachten: Form Builder, WooCommerce-Integration, Query Filter Phase 2 mit URL-Support, Popup/Modal, Regeln, Interaktionen, Megamenü Builder, Schema.org Integration, Benutzerdefinierte Authentifizierungsseiten und Scroll Snap Funktion für einzigartige Scroll Effekte. Dazu kommen brandneue Features wie das native 'Back to Top' Element, verbessertes Rechtsklick-Kontextmenü, Toggle Offcanvas Interaktion und ein 'Papierkorb' für gelöschte Klassen (endlich keine Panik mehr beim versehentlichen Löschen). 

Das Sahnehäubchen obendrauf? Performance-technisch wurde mit dem Upgrade auf Vue.js 3.5 nochmal richtig Gas gegeben - 56% weniger Speicherverbrauch und bis zu 10x schnellere Operationen sprechen eine deutliche Sprache. 

Und man glaubt es kaum, aber es gibt eine Roadmap. Kein Spekulieren, keine Ratespiele, kein Glauben – es wird offen kommuniziert, was in Entwicklung ist und was demnächst geplant wird. Wer dabei eine Beule in der Hose bekommt, braucht sich keine Gedanken zu machen ... das ist normal.
5.

Barrierefreiheit - Kein Nachgedanke, sondern Standard

Version 1.11 macht ernst mit Accessibility. Accordion und Tab Elemente sind jetzt komplett tastaturgesteuert bedienbar, Schema.org FAQ Markup ist integriert, und selbst das Video-Element mit Overlay ist nun keyboard-friendly. Das ist wie eine Rampe am Eingang - es macht die Seite für alle zugänglich, nicht nur für die, die Treppen steigen können.
barriere freiheit schema markup
Accordion FAQ Schema

Defizite bei Bricks Builder

Nachteile von Bricks Builder

Es gibt im Moment einfach keinen wirklichen Nachteil im Vergleich mit den Mitbewerbern. Zu erwähnen sollte sein, dass es wie bei jedem Tool eine gewisse Lernkurve gibt, um Perfektion zu erlangen.

Wer das Maximum aus seinen Projekten herausholen will, sollte HTML- und CSS-Kenntnisse besitzen, da natürlich auch mit direktem Code gearbeitet werden kann. Das ist jedoch bei Gott kein Muss, da dank des neuen Rechtsklick-Menüs und der verbesserten Benutzeroberfläche ist der Einstieg jetzt noch einfacher.

Wer auf vorgefertigte Templates aus ist, wird leider (out of the box) enttäuscht. (Gratis) Community Templates sind dennoch vorhanden. In Verbindung mit Automatic CSS und Frames hält sich die Enttäuschung glücklicherweise in Grenzen. Die Kombination von beiden (kostenpflichtigen) Erweiterungen schafft unzählige Vorlagen mit "Best Practice"-Garantie.
nachteile von bricks builder
editieren des child themes mit grundkentnisse
Vorteil von Grundkenntnissen bei der Anpassung des Child Themes

Basics

Brauche ich Grundkenntnisse für Bricks?

Nein. Wie bereits bei den Nachteilen erwähnt, kann man Bricks durchaus sehr erfolgreich auch ohne HTML/CSS/PHP-Kenntnisse nutzen. Wenn es ein bisserl mehr sein darf und zum Beispiel eigene Funktionen integriert werden sollen, sollte man sich weiterbilden.

Meine Empfehlung hierfür ist nach wie vor der Channel von Brad Traversy Media auf Youtube. (kostenfrei) oder Udemy (kostengünstig). Nach einem abgeschlossenen Kurs bezüglich HTML, CSS, PHP oder JS wird die Benutzung sowie das Verständnis für Bricks ein Kinderspiel sein.

Wenn Geschwindigkeit für Besucher, Performance für Entwickler sowie Zukunftssicherheit wichtig sind, sollte man auf den Bricks Builder setzen, das beste Theme 2024 für WordPress.
Weitere Tipps für optimale Pagespeed Optimierung

Sollte Unterstützung erforderlich sein

Ich benötige Hilfe, welche Supportmöglichkeiten gibt es?

Die einfachste Methode wäre, Chat GPT zu fragen ... und meistens wird es auch sinnvolle Hilfestellungen geben ... wer jedoch zu viel Terminator gesehen hat, dem sei gesagt, es gibt (zum Glück) noch diverse Old-School-Möglichkeiten:

Folgende Reihenfolge würde ich priortisieren:

  1. Die Facebook-Gruppe nach dem Problem durchsuchen.
  2. Falls keine passende Antwort vorhanden ist, das offizielle Forum durchsuchen.
  3. Sollte auch hier keine Lösung gefunden worden sein, die Frage über Facebook oder im Forum stellen. Dies hat den Vorteil, dass ambitionierte Gleichgesinnte helfen und du schneller zu einer Antwort kommen wirst.
bricks community facebook
Offizielle Facebook Gruppe
vergleich

Mitbewerber auf einen Blick

Wie ist der Vergleich von zwischen Bricks und anderen Page Buildern?

Ich fasse nochmals die Vor/Nachteile zusammen welche Bricks im Vergleich zu Oxygen, Breakdance, Elementor, Divi, Beaver Builder, Zion Builder, ... hat.

Vorteile:

  • Perfomance Front sowie Backend
  • Preis/Leistung
  • Support
  • Community
  • Roadmap

Nachteile:

  • Lernkurve
Bevor hier näher ins Detail gegangen wird, muss zwischen den einzelnen Buildern unterschieden werden. Es gibt Page Builder, die für die Masse konzipiert sind, und dann gibt es Page Builder, mit denen perfektes Webdesign umgesetzt werden kann. Wer sich für Letzteres entscheidet, wird sich schnell auf drei Builder beschränken: Bricks, Oxygen und Breakdance.

Bricks vs. Elementor vs. Divi vs. Beaver Builder vs. Zion Builder

Ehrlich gesagt möchte ich die oben genannten Builder gar nicht mit Bricks vergleichen, da es ihnen allen im Vergleich an Performance, Preis oder Usability mangelt. Ich möchte mich eher auf die Vergleiche mit den restlichen namhaften Page Buildern konzentrieren.

Wie heißt Batman mit Nachnamen? Richtig, Wayne ... Wayne interessiert der Vergleich mit den Wannabes.

Bricks vs. Oxygen

Anders sieht der Vergleich mit dem, meiner Meinung nach, größten Rivalen, Oxygen Builder, aus. Nach mehr als drei Jahren Erfahrung mit dem Erstellen von Webseiten unter Nutzung des Oxygen Builders und einem eigentlichen Status als (mittlerweile ehemaliger) absoluter Oxygen-Fanboy, traue ich mich zu behaupten, dass ich eine ehrliche, aber vor allem subjektive Meinung abgeben kann. Natürlich bin ich (noch immer) nicht voreingenommen und ja, nun bin ich ein absoluter Bricks-Lover.

Oxygen macht vieles richtig, aber für mich sind die zwei wichtigsten Aspekte, welche mir keine Träne mehr bei einem Rückblick kosten, die Performance im Backend sowie die ab und an auftretenden Bugs/Fehler in den Templates von Archiven.

Da Oxygen noch mit dem veralteten Framework Angular.js geschrieben wurde, kann die Performance mit dem neueren Framework Vue.js von Bricks nicht mithalten. Die Ladezeiten beim Speichern eines Templates unterscheiden sich teilweise bis zu 20 Sekunden. Ein absolutes No-Go für Webdesigner/Entwickler/Devs. Die verlorene Zeit könnte mit einem Lächeln für Taschenbillard oder Ähnlichem genutzt werden.

Ein weiterer Kritikpunkt, der viele Urgesteine zu einem Wechsel zu Bricks bewogen hatte, war der Leak von Louis Reingold (CEO von Soflyy und Gründer von Oxygen), dass das Team einen neuen Page Builder in Entwicklung hatte. Genau die zwei wichtigsten Dinge, die die Community stets gefordert hatte, wurden in den neuen Page Builder integriert: schnellere Ladezeiten im Backend (dank modernem Framework) sowie eine Roadmap. Bei Oxygen war es stets ein Glücksspiel, was in der Zukunft entwickelt werden würde.

Somit wurde auf gut Deutsch auf Oxygen und eigentlich auch auf die dahinterstehende Community geschissen.

Bitte nicht falsch verstehen, Oxygen ist (noch immer) ein guter Page Builder (im Vergleich mit Elementor, Divi, Zion Builder oder Beaver Builer), aber im Vergleich mit Bricks zieht Oxygen einfach den Kürzeren.

Bricks vs. Breakdance

Breakdance soll primär mit Elementor konkurrieren, da dieser Page Builder, genau wie Elementor, für die breite Masse konzipiert wurde. Hierfür ist wenig bis kaum Know-how im Bereich Webdesign (HTML, CSS, JS & PHP) erforderlich. Fairerweise muss ich gestehen, dass der Vergleich vielleicht nicht ganz objektiv ausfällt, da, wie bereits erwähnt, Louis Reingold (CEO von Soflyy) die Oxygen Community gekotet hat und Breakdance veröffentlichte.

Man muss kein Aluhutträger, Schwurbler oder Leugner sein, um sich zu fragen, ob Louis nicht dasselbe mit der Breakdance Community vorhat.

Der einzige Unterschied zu Elementor ist ein saubererer Code. In Sachen Performance und Preis kann Breakdance jedoch nicht mit Bricks mithalten.

Optimal ausgelegt auf SEO-Onpage

Bricks und SEO

"All-Inclusive" trifft es wohl am besten. Wer nicht auf Drittanbieter-Plugins wie SEOPress, RankMath, Yoast oder Ähnliches setzen will (wobei ich hier SEOPress empfehlen würde), der kann die hauseigenen Einstellungen nutzen.  Hierzu gehören Titel-Tag, Meta-Beschreibung, Permalink, Keyword-Festlegung, Robots-Einstellung sowie Social-Media-Einstellungen für die Vorschau.

Dass ein Google PageSpeed Insights-Wert von über 90 "out of the box" erreicht wird, muss ich wohl nicht extra erwähnen. Dazu kommt, dass die "Grüne Welle" bei den Ergebnissen für Performance, Barrierefreiheit und Best Practices natürlich weitergeht.

Mit Version 1.11 wurde nochmal ordentlich nachgelegt: Das neue Rating Element unterstützt schema.org Review Markup out of the box. Ein Klick und die Sterne leuchten nicht nur für deine Besucher, sondern auch in den Google Suchergebnissen. Dazu kommen die verbesserten FAQ-Markups für Accordions - SEO quasi auf Autopilot.
Mehr über SEO mit Bricks
seo einstellungen in bricks
Einstellungen für SEO
social media seo einstellungen in bricks
Einstellungen für Social Media
woocommerce template einstellungen
WooCommerce Template Einstellungen

E-Commerce

Bricks und WooCommerce

Anfangs hieß es, Bricks sei im Umgang mit Woocommerce nicht vollständig ausgereift. Zugegeben, das einzige Problem bestand beim Sticky-Header mit der "Notification Bar". Dieses Problem wurde glücklicherweise bereits behoben. Somit ist Bricks jetzt vollständig im Bereich E-Commerce einsetzbar. Der größte Vorteil im Vergleich zu anderen Themes/Page Buildern ist auch hier wieder die Performance.

Das volle Potential deine Kunden auszunehmen, entfaltet sich mit dem Addon "Bricks Ultimate". Dieses wurde speziell für Woocommerce entwickelt und bietet Funktionen wie einen individuellen Warenkorb inklusive Pop-Up im Menü, Sonderbedingungen, spezielle Assets für WooCommerce und vieles mehr.

Mit Version 1.11 kannst du jetzt auch die Produktbilder außerhalb der Produktgalerie nutzen - sei es in Image Gallery oder Carousel. Quasi wie ein Lego-Baukasten - du kannst die Teile nehmen und überall verbauen wo du willst.

Erweiterungen & Kompatibilitäten

Plugins, Integrationen & weitere Resourcen für Bricks

Bricks bietet schon in der Basis-Version unzählige Features. Schon jetzt sucht man viele der vorhandenen Funktionen bei den Mitbewerbern vergebens. Allein die Form-Integration, die es ermöglicht, eingebundene Formulare direkt zu übermitteln und wodurch man sich somit ein weiteres Plugin erspart, ist schon ein Schmankerl.

Wer jedoch, wie bei "Fast & Furious" den NOS-Knopf für den permanenten Schub gedrückt haben möchte, dem empfehle ich folgende Plugins:
bricks extras auszug
Einstellungen von Bricks Extras
bricks extras conditions
Conditions von Bricks Extras

Bricks Extras

Bereits bei Oxygen haben Sridhar Katakan und David Brown ein Plugin (Oxy Extras) entwickelt, welches die Grundfunktionen in höchster Qualität erweiterte. Das Pendant für Bricks ließ, zum Glück, nicht lange auf sich warten.

Meine persönlichen Highlights des Plugins sind:

  • Burger Trigger (für eine geschmeidigere Animation des Burgers)
  • Pro Slider (mit mehr und einzigartigen Style-Optionen)
  • "Back to the Top"-Button( praktischer Button für schnelles Hochscrollen)
  • Dynamic Table (zur Erstellung dynamischer Tabellen)
  • zusätzliche Conditions

Noch unsicher, ob das Plugin das Richtige für dich ist? Kein Problem. Die Entwickler bieten auf einer Sandbox-Seite eine Testumgebung mit ihrem Plugin an.

Besser gehts nicht? Einen hab ich noch ...

Der Support ist wieder einmal hervorragend. Über die offizielle Bricks Extras Facebook-Gruppe erhältst du in kürzester Zeit von den Entwicklern Unterstützung. Sowas gehört gefeiert.

Die Kosten belaufen sich aktuell einmalig auf 139$ für unlimitierte Seiten(Stand 08.23)

Bricks Ultimate

Chinmoy Kumar Paul dürfte einigen aus der Oxygen-Szene ein Begriff sein. Schon damals brachte er mit dem Plugin Oxy Ultimate sinnvolle Erweiterungen für WooCommerce auf den Markt. Doch er wollte sich nicht auf seinen Lorbeeren ausruhen, und voilà, Bricks Ultimate wurde ins Leben gerufen.

Meine persönlichen Highlights des Plugins sind:

  • Add to Cart (eine sinnvolle Erweiterung für die Warenkorbanzeige im Header)
  • Cart Counter (zeigt die Anzahl der Produkte im Warenkorb im Header an)
  • Image Attachment (erweiterte Anzeige von Bilddaten innerhalb einer Abfrage/Schleife)
  • Unzählige nützliche Conditions für die Darstellung von Elementen.

Die Kosten belaufen sich jährlich auf 69$ für 1-5 Seiten. (Stand 08.23)

bricks ultimate woocommerce auszug
Einstellungen von Bricks Ultimate
automatic css auszug
Einstellungen von Automatic CSS

Automatic CSS & Frames

Aus Sympathie gewinnt Kevin Geary (Entwickler von Automatic CSS & Frames) meiner Meinung nach keinen Preis. Schon bei Oxygen war ich kein Fan von ihm, da ich mit seiner präpotenten und für mich manchmal anstrengenden Art nicht zurechtkam.

Doch hier muss ich meine persönliche Abneigung beiseitelegen, denn Automatic CSS und Frames sind essentielle Erweiterungen für Bricks, wenn das Designen erleichtert werden soll. Diese beiden Plugins sind ein echtes Power-Tool zur Reduzierung des Arbeitsaufwands beim Erstellen von Webseiten.

Meine persönlichen Highlights des Plugins sind:

  • Kluges und einzigartiges Klassensystem (Clamp Function, Variablen und vieles mehr)
  • Einfache Verwaltung von Farben, Schriften, Buttons und Abständen
  • Unzählige zusätzliche Einstellungen (Gutenberg-Einstellungen, allgemeine Bricks Builder-Einstellungen und vieles mehr)
  • Nahtlose Integration mit den Layouts/Templates von Frames

Mit Frames wird Automatic CSS erst richtig stark. Frames bietet eine einzigartige, moderne und durchdachte Vorlage mit zahlreichen Layouts. Nicht nur sind sie für jedes Endgerät optimiert, auch bei den Layouts wurde besonders auf Performance, Barrierefreiheit, Best Practices und SEO-Eigenschaften geachtet.

Ein Schnäppchen ist es insgesamt jedoch nicht. Für Automatic CSS muss man 69$ pro Jahr pro Seite bezahlen und für Frames ebenso 69$ pro Jahr (Stand: 08/23). Das gilt jeweils für eine Seite.

Da hätte sich Kevin ruhig mehr kratzen können.

Bricksforge

Wer den Jackpot in Bezug auf Vielfalt unter den Plugins für Bricks sucht, für den führt kein Weg an Bricksforge vorbei. Es bietet eine riesige Erweiterung für Funktionen und Styling der Pro Form, unzählige GSAP-Animationen mittels Timeline und Trigger-Funktionen, einen E-Mail Designer, globale Klassen, diverse Elemente, ...

Das Spiel könnte den ganzen Tag so weitergehen.

Preislich kannst du aktuell (Stand 12.23) aus verschiedenen Modellen wählen. Entweder pro Jahr oder ein Lifetime-Angebot.
Mehr über Bricksforge
bricksforge auszug
Auszug von Bricksforge Einstellungen
brickslabs
Beispiel eines Tutorials von Brickslabs

Brickslabs

Wer auf der Suche nach unzähligen (teilweise auch kostenlosen) Tutorials ist, findet bei Brickslabs meiner Meinung nach die beste Möglichkeit. Sridhar und David, die bereits erfolgreich bei WPDevdesign waren, haben sich als Ziel gesetzt, eine Bibliothek/How-tos für Bricks Builder zu erstellen, um individuelle Lösungen umzusetzen. Preislich kann man zwischen jährlicher und einmaliger Zahlung wählen.

Wichtigsten Fragen und Antworten zu Bricks

FAQ

Bricks Builder ist ein WordPress Theme mit integriertem Page Builder, das sich wie jedes normale WordPress Theme installieren lässt.

Stand 12.23 betragen die Kosten für eine Seite einmalig 99$ und für unlimitierte Seiten einmalig 249$.

Ja, mit Bricks Builder können selbst Anfänger blitzschnelle und einzigartige Webseiten erstellen.

Nein, diese werden nicht zwingend benötigt, sind jedoch hilfreich.

Ja, da es sich um ein Theme und nicht um ein Plugin handelt, sind Konflikte so gut wie ausgeschlossen. Sollten dennoch Inkompatibilitäten auftreten, kann man diese dem Support melden.

Ja, aktuell gibt es Supportmöglichkeiten via E-Mail, im offiziellen Forum sowie in der offiziellen Facebook-Gruppe.

Ja, denn Bricks Builder setzt auf das modernere Framework (Vue.js), während Oxygen auf ein veraltetes Framework (Angular.js) setzt, welches nicht mehr weiterentwickelt wird und das Ende seiner Lebensdauer erreicht hat.

oxygen logo
Back to top
cross