Bricks Builder im Test: Ist es ein besserer Website-Baukasten als Elementor?

Fragen Sie sich, warum Elementor und Bricks so starke Konkurrenten in der WordPress-Entwicklung ? Trotz ihrer Unterschiede haben sie eines gemeinsam: Sie revolutionieren die Website-Erstellung. Dieser Test des Bricks-Website-Builders konzentriert sich auf die Nutzerbasis und die umfangreichen Funktionen und zeigt auf, wie der schlanke Code und die nahtlose WordPress-Integration von Bricks diejenigen ansprechen, die Wert auf Geschwindigkeit und Performance legen .

Interessanterweise hebt sich Bricks durch seinen Fokus auf den WordPress-Blockeditor von anderen Anbietern ab, während Elementors breiteres Funktionsspektrum vielfältige Bedürfnisse abdeckt. Das Verständnis dieser Nuancen offenbart die komplexe Dynamik dieser Wettbewerbslandschaft, in der jede Plattform um die Vorherrschaft im Bereich der Page-Builder ringt.

Lesen wir weiter.

Über Bricks Builder

Sie möchten eine stylische Website erstellen, benötigen dafür aber Programmierkenntnisse? Dann ist Bricks Builder genau das Richtige für Sie! Mit diesem benutzerfreundlichen Tool erstellen Sie im Handumdrehen Websites auf WordPress.

Bricks Builder wurde am 16. März 2021 entwickelt, um die Website-Erstellung zu vereinfachen. Anders als andere Tools ist Bricks kein einfaches Plugin für Ihre WordPress-Website – es ist ein eigenständiges Theme! Nach der Installation können Sie sofort loslegen – zusätzliche Plugins sind nicht erforderlich.

Das Tolle an Bricks ist, dass es auf Offenheit, Geschwindigkeit und Anpassbarkeit ausgelegt ist. So können Sie Ihre Website ganz unkompliziert nach Ihren Wünschen gestalten. Besonders hervorzuheben ist die öffentliche Roadmap von Bricks. Sie ist wie eine Schatzkarte, die Ihnen zeigt, was Bricks als Nächstes plant. Sie können sogar über Funktionen abstimmen, die Sie sich wünschen!

Wie funktioniert es also? Zuerst installieren Sie das Bricks-Theme und gegebenenfalls ein Child-Theme. Dann können Sie mit dem Bauen beginnen. Bricks bietet Ihnen eine Reihe fantastischer Funktionen:

• Drag-and-Drop-Builder: Schluss mit dem Programmieren – einfach Elemente per Drag & Drop zusammenstellen und den besten Builder für Ihre Marke .
• Vorlagenbibliothek: Brauchen Sie Inspiration? Sehen Sie sich vorgefertigte Vorlagen für Seiten und Blöcke an, die von anderen Benutzern erstellt wurden.
• Website-Baukasten: Hier geschieht die Magie. Sie können benutzerdefinierte Designdateien erstellen, einschließlich Kopf- und Fußzeilen und mehr, ohne eine einzige Zeile Code zu bearbeiten.
• Vorlagenbedingungen: Im Gegensatz zu Elementor können Sie die auf Ihrer Website verwendeten Designs und Vorlagen selbst steuern.
• Globale Farben: Sorgen Sie für ein professionelles Erscheinungsbild Ihrer Website, indem Sie durchgängig einheitliche Farben verwenden.
• Dynamische Daten: Peppen Sie Ihre Inhalte auf, indem Sie Daten aus WordPress einbinden, wie z. B. Beitragstitel und Beitragsbilder.
• Benutzerdefinierte Seitenleisten: Machen Sie Ihre Website einzigartig, indem Sie benutzerdefinierte Seitenleisten an beliebigen Stellen hinzufügen.
• Benutzerdefinierter Code: Für den Fall, dass Sie eine etwas zusätzliche Anpassung benötigen, können Sie ganz einfach Ihren eigenen Code hinzufügen.

Eine detaillierte Funktionsanalyse von Bricks Builder

Bricks verspricht Einfachheit, Geschwindigkeit und Anpassbarkeit. Das Verständnis des gesamten Funktionsumfangs von Bricks gewährleistet fundierte Entscheidungen und maximiert das Potenzial für die Schaffung ansprechender Online-Erlebnisse. 

In dieser Bewertung gehen wir auf die verschiedenen Funktionen von Bricks Builder ein und untersuchen seine Stärken sowie mögliche Verbesserungsbereiche, um Anwender bei der Erstellung von WordPress-Websites .

Design & Schnittstelle

Bricks Builder bietet ein nahtloses, vollständig visuelles Website-Bearbeitungserlebnis und vereint alle Bearbeitungsfunktionen auf einem einzigen Bildschirm. Ob Kopfzeile, Fußzeile oder Seiteninhalt – alles lässt sich bequem an einem Ort bearbeiten.

Bricks bietet zudem Breakpoints für Desktop-Computer, Tablets (vertikal und horizontal) und Mobilgeräte und gewährleistet so vollständig responsive Designs . Dynamische Daten von Plugins wie ACF ( Advanced Custom Fields ), Pods und Meta Box lassen sich nahtlos integrieren. Nutzer können damit individuelle Layouts für verschiedene Zwecke erstellen, beispielsweise für Immobilienanzeigen, Blog-Designs oder Portfolios.

Darüber hinaus verfügt der Editor über eine integrierte Unterstützung für den Dunkelmodus , ermöglicht es den Benutzern, die automatische Speicherfunktion nach ihren Vorlieben ein- und auszuschalten, und erlaubt die individuelle Anpassung der Position des Builder-Panels an beliebiger Stelle auf dem Bildschirm.

Innerhalb des Editors können Benutzer mit nur einem Klick auf das Bricks Academy-Hilfecenter zugreifen und erhalten so sofortige Hilfe und Anleitung.

Insgesamt verbessert das benutzerfreundliche und intuitive Design des Bricks-Editors das Erlebnis beim Erstellen von Websites.

Lernen: Figma zu WordPress

Profi-Tipp: Nutzen Sie die integrierten SEO-Einstellungen von Bricks, um Seiten-/Beitragstitel, Permalinks, Meta-Beschreibungen, Keywords und Social-Media-Vorschauen bequem direkt im Editor zu bearbeiten. Dadurch entfällt die Notwendigkeit zusätzlicher SEO-Plugins wie Yoast .

Anpassbarkeit

Bricks bietet eine vielfältige Auswahl von über 50 Designelementen, mit denen Nutzer mühelos vollständig responsive Layouts erstellen können. Diese vielseitigen Bausteine ​​ermöglichen die individuelle Anpassung verschiedener Bereiche einer WordPress-Website, darunter Header , Footer, Beiträge, Seiten, Archive, Suchseiten, 404-Seiten, benutzerdefinierte Beitragstypen und vieles mehr. Bricks fungiert im Wesentlichen als umfassender Theme-Builder und bietet volle Kontrolle über jeden Aspekt des Website-Designs.

Darüber hinaus können Benutzer Designstile verwenden, um ein einheitliches Branding auf ihrer gesamten Website zu etablieren und aufrechtzuerhalten, das Elemente wie Farben, Layout, Links, Typografie und mehr umfasst.

Zu den in Bricks verfügbaren Designelementen gehören unter anderem Text, Überschriften, Schaltflächen, Bilder, Videos, Symbole, Trennlinien, Symbolkästen, Listen, Formulare, Karten, Registerkarten, Akkordeons, Benachrichtigungen, Zähler, Countdown-Timer, Preistabellen, Tortendiagramme, Audioplayer, Karussells, Teammitgliederbereiche, HTML-Codebereiche, Testimonials, Schieberegler, Bildergalerien, Seitenleisten, Suchleisten und Shortcodes.

Zusätzlich zur umfangreichen Bibliothek vordefinierter Designelemente können Benutzer mit HTML , CSS und PHP , wodurch maßgeschneiderte Lösungen für spezifische Designanforderungen möglich sind.

Bricks bietet Entwicklern zudem eine Dokumentation, die die Erweiterung der Funktionen durch benutzerdefinierte Elemente erleichtert. Dies ermöglicht es Drittanbietern, zusätzliche Designelementpakete zu entwickeln und so das Bricks-Ökosystem innerhalb der WordPress-Community zu bereichern.

Profi-Tipp: Entdecken Sie die Unsplash-Integration von Bricks, die Ihnen direkten Zugriff auf die riesige Unsplash-Bibliothek mit über 1 Million hochwertigen Fotos innerhalb der Benutzeroberfläche des Seiteneditors ermöglicht und so die nahtlose Integration ansprechender Bilder in Ihr Website-Design erleichtert.

Weiterlesen: Gutenberg 14.8 überarbeitet die Benutzeroberfläche des Website-Editors und fügt ein Stylebook hinzu.

Vorlagenbibliothek

Ähnlich wie andere Page-Builder bietet auch Bricks eine Vorlagenbibliothek an.

In Bricks finden Sie eine Vielzahl vorgefertigter Vorlagen , die Sie mit nur einem Klick in Ihre Seiten importieren können. Diese Vorlagen sind in folgende Kategorien unterteilt: Kopfzeilen, Fußzeilen, Inhaltslayouts, Abschnitte, Archivseiten, Suchergebnisseiten und 404- Fehlerseiten.

Darüber hinaus können Sie eigene Vorlagen erstellen und diese für die Verwendung auf anderen Websites exportieren. Bricks bietet mit den „Remote-Vorlagen“ eine einzigartige Funktion, mit der Sie Vorlagen von jeder anderen Bricks-basierten Website, auf die Sie Zugriff haben, durchsuchen und einfügen können. Diese Funktion ermöglicht eine nahtlose Zusammenarbeit und den einfachen Austausch von Vorlagen über mehrere Projekte hinweg.

Weiterführende Informationen : Entwicklung individueller WordPress-Themes

Leistung

Bricks basiert auf VueJS 3 und bietet eine robuste Performance in verschiedenen Metriken.

Der von Bricks generierte Code ist bemerkenswert sauber. Bricks zeichnet sich durch schnelle Ladezeiten und Reaktionsfähigkeit während der Bearbeitung aus und ermöglicht so ein reibungsloses Design- und Seitenerstellungserlebnis.

Lernen Sie: Wesentliche Säulen der Website-Performance

Um ein schnelles Laden der Seiten zu gewährleisten, setzt Bricks verschiedene Strategien ein:

• Smart Lazy Asset Loader lädt Bilder und Videos selektiv, sobald sie im Browserfenster des Besuchers sichtbar werden.
• Deaktivierung von Standard-WP-Skripten wie Emojis, Einbettungen und Dash-Icons.
• Die Option „Ausgewählte Schriftarten laden“ lädt nur die Schriftarten, die auf einer bestimmten Seite verwendet werden.

Entwicklung

Wie bereits erwähnt, verfolgt Bricks einen vollständig transparenten Entwicklungsansatz, der es den Nutzern ermöglicht, sich aktiv an Diskussionen zu beteiligen und dazu beizutragen.

Nutzer können Funktionswünsche über das Bricks-Ideenboard einreichen. Genehmigte Vorschläge werden in die öffentliche Roadmap aufgenommen. Die Priorisierung basiert auf der Anzahl der erhaltenen Stimmen für jede Idee. So wird sichergestellt, dass die Entwicklungsarbeit eng an den Nutzerpräferenzen ausgerichtet ist und nicht nur die Annahmen des Unternehmens widerspiegelt. 

Lesen Sie: Vorteile der White-Label-WordPress-Entwicklung für Agenturen

Dieser nutzerzentrierte Ansatz unterstreicht das Engagement von Bricks, den sich wandelnden Bedürfnissen und Wünschen seiner Nutzerbasis gerecht zu werden.

Zusätzliche Funktionen

Bricks integriert sich nahtlos in Gutenberg und ermöglicht so die mühelose Konvertierung bestehender Gutenberg-Daten in Bricks-Daten und umgekehrt. Diese Kompatibilität gewährleistet einen reibungslosen Übergang für Nutzer, die bereits Seiten mit Gutenberg erstellt haben, da sie diese nahtlos im Bricks-Editor weiterbearbeiten können. Besonders für Freelancer und Agenturinhaber ist diese Funktion von Vorteil: Sie ermöglicht das Seitendesign in Bricks, während Kunden die Inhaltsbearbeitung ausschließlich über den Gutenberg-Editor vornehmen können.

Mehr entdecken : Die besten KI-Tools zur Content-Erstellung für WordPress

Hier sind einige weitere Funktionen dieses Seitenerstellers:

• Echtzeit-Vorschau: Wechseln Sie mühelos zwischen Editor- und Vorschaumodus, um das Seitenlayout zu visualisieren.
• Visuelle Blockgestaltung: Passen Sie Designelemente visuell an, einschließlich Spaltengröße, Ränder, Abstände und Kopier-/Einfüge-Stile.
• Hover-Zustandsstile: Verbessern Sie Elemente mit Hover-Stilen, um die Besucherinteraktion zu steigern.
• Suchbare Steuerelemente: Nutzen Sie die integrierte Suchleiste, um gezielt Werkzeuge im Bearbeitungsbereich zu finden.
• Strukturansicht: Erhalten Sie einen umfassenden Überblick über die Seitenstruktur mit allen aufgelisteten Blöcken, was das Verschieben von Seitenelementen erleichtert.
• Seitenverwaltung: Wechseln Sie nahtlos zwischen verschiedenen Seiten der Website innerhalb des Bricks-Editors, ohne zum WordPress-Admin-Dashboard navigieren zu müssen.
• Tastenkombinationen: Greifen Sie auf wichtige Tastenkombinationen für Aktionen wie Speichern, Vorschau, Ein-/Ausschalten der Reaktionsfähigkeit, Rückgängig/Wiederherstellen und mehr zu.
• Vollständig übersetzbar & RTL: Bricks kann in jede beliebige Sprache übersetzt werden und unterstützt RTL-Sprachen (von rechts nach links) wie Arabisch, Urdu und Hebräisch.
• Farbverläufe & Überlagerungen: Wenden Sie Farbverläufe mit bis zu sechs Farben auf Überschriften, Hintergründe und andere Elemente an, um die visuelle Wirkung zu verstärken.
• Bildbearbeitung: Sie können Bilder direkt im Editor mithilfe von benutzerdefinierten CSS-Filtern bearbeiten, z. B. für Farbton, Helligkeit, Kontrast, Deckkraft und Sättigung.

Siehe auch: Wie entfernt man ungenutztes CSS in WordPress?

• SVG-Unterstützung: Bricks unterstützt skalierbare Vektorgrafiken (SVG) und Symbole für vielseitige Gestaltungsmöglichkeiten.

Weiterlesen: Einführung in Bildformate der nächsten Generation

Der Page Builder beinhaltet außerdem einen WooCommerce-Builder, mit dem sich umfassende Onlineshops innerhalb einer WordPress-Website erstellen lassen . Obwohl dieser noch nicht voll funktionsfähig ist, werden zukünftige Updates schon bald die visuelle Gestaltung kompletter Onlineshops ermöglichen.

Preisgestaltung

Mit der Veröffentlichung von Bricks 1.0 wird ein zeitlich begrenztes Angebot bereitgestellt, das den Zugriff auf lebenslange Lizenzen inklusive lebenslanger Updates und Support ermöglicht.

Es stehen zwei Lizenzierungsoptionen zur Verfügung:

• Starter : Dieses Paket kostet 59 US-Dollar und gewährt Zugang zu einer Website.
• Ultimate : Dieses Paket kostet 149 US-Dollar und bietet Zugriff auf 1.000 Websites.

Beide Pakete beinhalten lebenslange Updates, fortlaufenden technischen Support, Zugriff auf Community-Vorlagen, die WooCommerce Builder-Funktion und eine Bibliothek mit über 50 Designelementen.

Zusätzlich profitieren Käufer von einer bedingungslosen Geld-zurück-Garantie, die Rückerstattungen bis zur Version 1.0 des Page-Builders ermöglicht. Kunden erhalten vor jedem Versionsupdate eine E-Mail-Benachrichtigung und haben somit ausreichend Zeit, Bricks gründlich zu testen und seine Eignung für ihre Website-Erstellungsanforderungen zu beurteilen.

Einblick: Bricks bietet mit seiner lebenslangen Lizenz ein unschlagbares Preis-Leistungs-Verhältnis im Vergleich zu den Jahresabonnements von Mitbewerbern wie Elementor und Beaver Builder . Sichern Sie sich jetzt das aktuelle Angebot für eine lebenslange Lizenz und erhalten Sie Zugriff auf alle Bricks-Funktionen zum Vorteilspreis. Es besteht die Möglichkeit, dass der Preis um ca. 40 % steigt oder auf ein Jahresabonnement umgestellt wird.

Mehr entdecken : Die besten WordPress-Supportforen

Bricks Builder im Test: Das Urteil

Im Duell zwischen Elementor und Bricks Builder geht es darum, das richtige Gleichgewicht zwischen Benutzerfreundlichkeit und Funktionalität zu finden.

Obwohl beide leistungsstarke Page-Builder sind, mit denen sich qualitativ hochwertige Websites ohne Programmierkenntnisse erstellen lassen, geht Elementor dank seiner Benutzerfreundlichkeit, der umfangreichen Anpassungsmöglichkeiten und des hervorragenden Supports als klarer Sieger hervor.

Bricks ist zwar vielversprechend, befindet sich aber noch in der Entwicklungsphase und könnte insbesondere für Anfänger, die nach leistungsstarken Funktionen suchen, eine steilere Lernkurve mit sich bringen.

Elementor hingegen legt Wert auf Leistung und Flexibilität. Es bietet nicht nur eine Vielzahl an Anpassungsmöglichkeiten, sondern auch eine umfangreiche Bibliothek vorgefertigter Vorlagen, nahtlose Theme-Kompatibilität und Zugriff auf eine breite Palette von Add-ons zur Funktionserweiterung.

Mit Plugins wie „The Plus Addons for Elementor“ können Nutzer die Funktionen von Elementor um über 120 hochwertige Widgets erweitern. Diese ermöglichen es, mit Anpassungen zu experimentieren und einzigartige Elemente wie Preistabellen, Google Maps und benutzerdefinierte Loop-Designs hinzuzufügen. Darüber hinaus bietet Elementor eine kostenlose Version an, mit der Nutzer die Funktionen des Plugins bequem testen können, bevor sie sich für die Premium-Version entscheiden.

Zusammenfassend lässt sich sagen, dass Elementor aufgrund seiner herausragenden Benutzerfreundlichkeit, seines umfangreichen Funktionsumfangs und seiner Vielseitigkeit die überlegene Wahl darstellt und somit die bevorzugte Option für Benutzer ist, die auf einfache Weise professionelle Websites erstellen möchten.

Häufig gestellte Fragen