Bricks Builder 2024: Der aufstrebende Star unter den WordPress Pagebuildern

Teilen:
Bricks Builder 1.4 Visual Site Builder for WordPress

Update 05.02.2024:

Ich habe auch an der Umstellung von Oxygen Builder auf Bricks Builder für unsere Agentur-Website gearbeitet und wir haben es geschafft, sie fertigzustellen.

Ja! Die Website, auf der Sie sich befinden, ist jetzt mit Bricks Builder erstellt.
Hier sind einige Google Core Web Vital Ergebnisse! Viel Spaß beim Lesen!

In der ständig wachsenden Welt von WordPress Pagebuildern gibt es einen Namen, der in letzter Zeit viel Aufmerksamkeit erregt hat: Bricks Builder. Dieser Artikel bietet einen umfassenden Überblick über diesen aufstrebenden Star unter den Pagebuildern und beleuchtet seine Stärken, Funktionen und wie er sich gegenüber den etablierten Giganten wie Elementor behauptet.

Was ist Bricks Builder und seine Rolle im Webdesign?

Software wie Bricks Builder hat das Potenzial, das Webdesign zu revolutionieren, denn sie bietet eine benutzerfreundliche Umgebung, in der qualitativ hochwertige Websites erstellt werden können, ohne dass tiefgreifende Kenntnisse der Computerprogrammierung erforderlich sind.

Websites können wesentlich schneller und effizienter entwickelt werden, was sowohl Zeit als auch Geld für Designer und Entwickler spart. Bricks Builder enthält auch eine Bibliothek mit vorgefertigten Blöcken oder Komponenten, die an bestimmte Projekte angepasst und anschließend anderweitig verwendet werden können.

Nun, wir werden durch die Bricks Builder gehen und versuchen, Ihnen und Ausblick auf die Dinge sind.

Schnittstelle und Design

Bricks Builder ist ein sauberes, einfaches und geradliniges Layout. Die Drag-and-Drop-Schnittstelle der Plattform macht es auch technisch nicht versierten Nutzern leicht, ihre eigenen Websites zu erstellen und zu ändern.

Auf die Design-Tools der Plattform kann über eine praktische Seitenleiste zugegriffen werden, die bequem vergrößert oder verkleinert werden kann. Die voreingestellten Blöcke und Teile in Bricks Builder sind ein bemerkenswertes Merkmal. Sie können diese professionell erstellten Blöcke und Komponenten als Grundlage für Ihre eigenen, einzigartigen Website-Designs verwenden.

Es gibt eine große Bibliothek von vorgefertigten Blöcken und Komponenten, wie z. B. Menüs, Seitenleisten, Kontaktformulare, Bildergalerien und vieles mehr. Die Benutzer können das Aussehen dieser Bausteine und Komponenten an das Logo und das Farbschema ihres Unternehmens anpassen. Farbwähler, Schriftartenmenüs und Rasterwerkzeuge sind nur einige der vielen Personalisierungsfunktionen, die in Bricks Builder verfügbar sind.

Die Vorschaufunktion in Bricks Builder ermöglicht es den Nutzern zu sehen, wie ihre Website auf verschiedenen Bildschirmgrößen aussehen wird, bevor sie veröffentlicht wird, z. B. auf einem Telefon, einem Tablet oder einem Desktop-PC. Eine Website, die auf allen Geräten gut aussieht, ist wichtig, um Ihren Besuchern ein gutes Erlebnis zu bieten. Was die Benutzeroberfläche betrifft, so ist Bricks Builder ein Kinderspiel.

Die Navigation in der Seitenleiste und die Drag-and-Drop-Benutzeroberfläche der Plattform machen es einfach, die gewünschten Funktionen und Werkzeuge für die Erstellung und Bearbeitung von Inhalten zu finden. Die Plattform bietet außerdem eine Reihe von Tutorials und Tooltips, die den Benutzern den Einstieg und die Navigation durch die Benutzeroberfläche erleichtern. Sie können buchstäblich alles bearbeiten, wenn Sie auf der gleichen Seite bleiben.
Bricks Builder Responsive Editor

Anpassungsfähigkeit

Was die meisten Nutzer heute schätzen, ist die Möglichkeit, Dinge nach eigenem Gutdünken zu verändern. Vor allem, weil es noch keine so große Themenbibliothek gibt, ist die Möglichkeit, Dinge zu erstellen und sie nach Belieben zu ändern, während man am selben Ort bleibt, eine ziemlich große Sache. Vor allem, wenn man sich entscheidet, die Schriftarten, den Stil der Schaltflächen oder die Kopfzeile zu ändern, gilt das nicht nur für eine Seite, sondern für die gesamte Website.

Es gibt mehr als 50 Plus-Elemente, die Sie mit diesem Theme + Builder ändern können. Nachfolgend sind einige von ihnen aufgelistet

  • Farben: Die Benutzer können aus einer großen Farbpalette auswählen oder ihre eigenen Farbschemata erstellen, um ihr Unternehmen besser zu repräsentieren.
  • Schriftarten: Bricks Builder bietet eine Vielzahl von Schriftarten für die Verwendung auf der gesamten Website. Darüber hinaus haben Benutzer die Möglichkeit, ihre eigenen persönlichen Schriftarten zu importieren.
  • Abstände und Auffüllungen: Die Nutzer haben die Kontrolle über das Layout ihrer Website, indem sie entscheiden, wie die Inhalte angeordnet und ausgerichtet werden. Sie können auch Auffüllungen erstellen.
  • Hintergrund: Die Plattform unterstützt die Einbindung von benutzerdefinierten Hintergrundbildern und -mustern auf verschiedenen Seiten einer Website.
  • Schaltflächen: Größe, Farbe und Form können vom Benutzer angepasst werden, um die perfekte Schaltfläche zu erstellen. Die Änderungen gelten für alle Schaltflächen auf Ihrer Website, damit alles gleich aussieht.
  • Formulare: Die Benutzer haben die Möglichkeit, das Erscheinungsbild von Formularen und den dazugehörigen Feldern, Schaltflächen und Fehlermeldungen zu ändern.
  • Menü: Das Navigationsmenü kann vom Benutzer in Bezug auf Größe, Farbe und Schriftart geändert werden.
  • Kopfzeilen und Fußzeilen: Bricks Builder bietet Vorlagen für beide, die Sie an den Stil Ihrer Website anpassen können.

Dies sind nur eine Handvoll der zahlreichen anpassbaren Funktionen, die in Bricks Builder verfügbar sind. Dank der Anpassungsfähigkeit der Plattform und der umfangreichen Personalisierungsmöglichkeiten ist es ein Kinderspiel, den Stil und das Erscheinungsbild Ihrer Marke in eine Website einzubinden.

SEO-Optimierung und Geschwindigkeit

Bricks Builder legt großen Wert auf Suchmaschinenoptimierung und seine Funktionen und Möglichkeiten sind darauf ausgerichtet, den Nutzern zu helfen, die Sichtbarkeit ihrer Website in den Suchergebnissen zu erhöhen.

Um ihre Platzierung in den Suchmaschinenergebnissen zu verbessern, können die Nutzer Aspekte der Plattform wie Meta-Tags, Seitentitel und Seitenbeschreibungen optimieren. Bricks Builder bietet auch Tools zur Verbesserung der Ladezeit, der Mobilfreundlichkeit und der Sicherheit, die sich alle auf die Suchmaschinenergebnisse auswirken.

 

Bricks Builder

Elementor PRO

Divi-Theme

Visual Composer

Pagespeed mobil

98

75

64

58

Pingdom-Ergebnis

98

79

82

79

HTTP-Anfragen

6

34

23

36

Größe der Seite

0,19 MB

1,7 MB

1,5 MB

1,1 MB

Thema

Bricks 1.0

Hallo 2.3.1

Divi 4.7.4

Astra 3.0.2

Einer der wenigen Gründe, warum Bricks so schnell sein soll, ist die Tatsache, dass es auf VueJS 3 läuft und seine Leistung erstaunlich ist. Dies ist zum Teil auf den leichtgewichtigen Code und das optimierte Design der Plattform zurückzuführen.

Darüber hinaus bietet Bricks Builder den Nutzern die Möglichkeit, die Geschwindigkeit ihrer Website durch Funktionen wie Bildoptimierung und Lazy Loading weiter zu optimieren, wodurch die Ladezeiten der Seite noch weiter verbessert werden können. Bricks verwendet Smart Lazy Asset Loader, deaktivieren Sie Standard-WP-Skripte und ausgewählte Schriftart laden.

Persönliche Erfahrungen mit Bricks builder

Ich habe im Laufe der Jahre viele verschiedene WordPress-Seitenerstellungsprogramme verwendet: WPBakery, Elementor, LiveCanvas, Oxygen Builder usw. Alle diese Builder hatten ihre Vor- und Nachteile.

Obwohl ich die Funktionen der anderen Builder schätze, lege ich aus SEO-Gründen immer mehr Wert auf Leistung und Codequalität. Deshalb bin ich 2018 zum ersten Mal zu Oxygen Builder gewechselt und stelle derzeit alle meine bestehenden Projekte auf Bricks Builder um.

Wie hilft Ihnen Bricks Builder beim Betrieb Ihres E-Commerce-Shops?

Mit dem spezialisierten WooCommerce Builder von Bricks Builder können Kunden wunderschöne Online-Shops erstellen, ohne jemals eine Zeile Code anzufassen. Benutzer können ihre eigenen einzigartigen Produktseiten, Kassenseiten und Warenkorbseiten mithilfe der Drag-and-Drop-Schnittstelle der Funktion erstellen.

Die Flexibilität, die Bricks Builder für WooCommerce bietet, ist eines seiner Hauptargumente. Kunden können das Erscheinungsbild ihres Online-Shops auf verschiedene Weise anpassen, einschließlich Seitenlayout, Schriftart, Farbschema und mehr.

Benutzer haben noch mehr Spielraum, wie ihr Online-Shop aussieht und funktioniert, weil der WooCommerce Builder benutzerdefinierte CSS und JavaScript unterstützt. Die Verwendung von Bricks Builder für WooCommerce hat auch den zusätzlichen Vorteil, dass er vollständig mit dem Rest der Bricks Builder Suite kompatibel ist.

Dies ermöglicht es Kunden, ihre gesamte Online-Präsenz zu erstellen, von der Homepage bis zum Warenkorb, ohne die Plattform zu verlassen. Dies vereinfacht den Prozess der Gestaltung einer Website und eines Online-Shops und spart Zeit für Benutzer, die sonst zwischen verschiedenen Programmen wie dem Theme und dem Builder separat wechseln müssten.

Zusätzlich zu seinen Design-Funktionen bietet Bricks Builder auch fortschrittliche E-Commerce-Funktionen, einschließlich der Möglichkeit, Produkte, Bestellungen und Kunden direkt über das WordPress-Dashboard zu verwalten.

Benutzer können die Statistiken ihres Shops leicht überwachen und bei Bedarf Anpassungen vornehmen. Sie finden die Einstellungen für WooCommerce in Ihrem WordPress-Dashboard unter „Bricks > Einstellungen > WooCommerce“.

Bricks Builder ist seine Kompatibilität mit dem Gutenberg-Editor

Diese Funktion ist sehr hilfreich für Nutzer, die zuvor Webseiten mit Gutenberg erstellt haben und diese mit dem Bricks Builder Editor weiter bearbeiten möchten. Außerdem ermöglicht sie die nahtlose Einbindung von mit Gutenberg erstelltem Material in mit Bricks Builder erstellte Designs.

Aufgrund dieser Kompatibilität können Benutzer mühelos zwischen den Editoren wechseln und ihren Arbeitsablauf beschleunigen, was es zu einem großartigen Werkzeug für Personen macht, die beim Entwerfen von Webseiten Wert auf Flexibilität und Anpassung legen.

Verschiedene Integrationen für Bricks Builder

Bricks Builder macht es seinen Kunden einfach, zusätzliche Funktionen in ihre Websites einzubauen, indem es mit einer Vielzahl von anderen Tools und Diensten integriert wird. Zu den wichtigsten gehören:

  1. WooCommerce: Mit dem spezialisierten WooCommerce-Builder von Bricks Builder können Sie Ihren eigenen Einkaufswagen, Ihre Kasse und Ihre Produktseiten erstellen.
    Bricks 1.4 - WooCommerce Builder: Cart & Checkout, Optimized HTML, No  jQuery - YouTube
  2. Google Analytics: Die Kompatibilität von Bricks Builder mit Google Analytics bedeutet, dass die Nutzer die Statistiken ihrer Website überwachen und mehr über die Gewohnheiten ihres Publikums erfahren können.
  3. Zapier: Benutzer können Bricks Builder mit über 3.000 anderen Apps mit Zapier integrieren, um Prozesse zu rationalisieren.
  4. Yoast SEO ist ein beliebtes WordPress-Plugin, das Benutzern bei der Optimierung ihrer Website für Suchmaschinen hilft, und Bricks Builder ist damit kompatibel.
  5. Lottie-Animationen: Leichtgewichtige und skalierbare Vektoranimationen, bekannt als Lottie-Animationen, können verwendet werden, um Webseiten visuell ansprechender zu gestalten, und Bricks Builder unterstützt sie.
  6. Advanced Custom Fields (ACF) und Toolset werden beide von Bricks Builder unterstützt, so dass Benutzer ihre eigenen Beitragstypen, Taxonomien und Felder erstellen können.
  7. Google Maps: Das benutzerfreundliche Google Maps-Element macht es einfach, Google Maps in eine Website zu integrieren.

Mit Hilfe dieser Add-ons können die Nutzer die Nützlichkeit und Lebensqualität ihrer Website erhöhen. Darüber hinaus ermöglicht die anpassungsfähige API von Bricks Builder Programmierern, einzigartige Verbindungen zu externen Ressourcen herzustellen.

Einige andere Merkmale

Bricks Builder verfügt über eine Reihe weiterer nützlicher Funktionen, eine davon ist die Echtzeit-Vorschau-Funktion. Diese Funktion ermöglicht es den Nutzern, innerhalb einer Sekunde zwischen dem Erstellungsmodus und dem Vorschaumodus zu wechseln, sodass sie sehen können, wie die Seite aussieht, während sie Änderungen daran vornehmen.

Darüber hinaus haben die Benutzer die Möglichkeit, Designkomponenten visuell zu verändern, indem sie Aktionen wie die Größenänderung von Spalten, die Anpassung von Rändern und Abständen und die Verwendung verschiedener Kopier-/Einfügestile durchführen. Dies macht es einfach, ein konsistentes und ästhetisch ansprechendes Design zu erstellen.

Bricks Builder verfügt auch über Hover-Stile, mit denen Benutzer Elemente mit Hover-Stilen für Besucher ihrer Websites bearbeiten können. Außerdem enthält die Plattform eine integrierte Suchleiste, die die Suche nach bestimmten Werkzeugen innerhalb des Bearbeitungsfensters erleichtert.

Die Strukturansicht zeigt dem Benutzer eine umfassende Struktur der Seite mit allen Blöcken. In dieser Ansicht können die Benutzer dann ganz einfach Teile der Seite verschieben. Darüber hinaus ermöglicht die Seitenverwaltungsfunktion den Nutzern, zwischen den vielen Seiten ihrer Website direkt im Bricks-Editor zu navigieren, ohne dass sie auf das administrative Dashboard von WordPress zugreifen müssen.

Bricks Builder bietet Tastenkombinationen für gängige Operationen wie Speichern, Vorschau, Umschalten der Reaktionsfähigkeit, Rückgängigmachen und Wiederherstellen, neben anderen Operationen. Die Plattform ist vollständig übersetzbar und unterstützt auch RTL-Sprachen, die von rechts nach links geschrieben werden, einschließlich Arabisch, Urdu und Hebräisch, unter anderem.
direction

Der Benutzer kann Fotos auch direkt im Editor mit benutzerdefinierten CSS-Filtern wie Farbton, Helligkeit, Kontrast, Invertierung, Deckkraft, Sättigung usw. verändern. Farbverläufe mit bis zu sechs verschiedenen Farben können vom Benutzer auf Kopfzeilen, Hintergründe und andere Komponenten angewendet werden.

Bricks Builder ist auch mit Bildern und Symbolen kompatibel, die mit skalierbaren Vektorgrafiken (SVG) erstellt wurden.

Gibt es etwas, was Sie tun können, wenn Sie ein notwendiges Element nicht finden können?

Do It Yourself. Dieses Unternehmen hat Erfolg, wo andere in der Branche versagt haben. Die Entwickler dieser Software haben es so gestaltet, dass jeder, vom absoluten Anfänger bis zum erfahrenen Entwickler, sie mit Leichtigkeit nutzen kann.

Nehmen wir an, Sie haben überall gesucht und können das Element, das Sie brauchen, nicht finden. Wenn Sie die Grundlagen von PHP, HTML, CSS und JavaScript kennen, ist es ein Kinderspiel, ein einzigartiges Element zu erstellen, das auf allen Ihren Websites verwendet werden kann.

Die Entwickler von Plugins haben sich diese vorteilhafte Einfachheit bei der Erstellung neuer Elemente bereits zunutze gemacht.
bricks builder make your own elements

In jedem Guten steckt auch ein Schlechtes – Ein Blick auf die Nachteile

Trotz der Tatsache, dass Bricks Builder ein sehr kompetenter und benutzerfreundlicher Website-Baukasten ist, gibt es ein paar mögliche Nachteile bei der Nutzung dieser Plattform:

  • Bricks Builder wird nicht mit einer großen Auswahl an vorgefertigten Themenoptionen geliefert, was ein Nachteil für Kunden sein kann, die eine größere Gestaltungsfreiheit wünschen, ohne bei Null anfangen zu müssen. Bricks Builder wird nicht mit einer großen Auswahl an vorgefertigten Theme-Optionen geliefert.
  • Die Preise von Bricks Builder sind mit denen anderer Website-Baukästen vergleichbar. Dennoch ist Bricks Builder für Nutzer mit einem begrenzten Budget, die einen völlig kostenlosen Website-Baukasten suchen, möglicherweise nicht die beste Wahl.
  • Bricks Builder ist benutzerfreundlich, aber es gibt eine Lernkurve für neue Benutzer, insbesondere für diejenigen, die nicht mit WordPress oder der Erstellung von Websites im Allgemeinen vertraut sind. Dies gilt vor allem für Benutzer, die noch keine Erfahrung mit einem dieser Programme haben.

Public Roadmap – Ein Blick in die Zukunft

Die Bricks Builder Roadmap beschreibt, was das Entwicklerteam in den nächsten Versionen der Software hinzufügen möchte. Der WooCommerce-Builder, das Bricks-Theme, ein Formular-Builder, ein globales Stylesheet und dynamische Inhalte sind nur einige der Dinge, die in Arbeit sind.

Das Team hofft außerdem, neue Funktionen hinzuzufügen und bestehende zu verbessern, z. B. Interaktionen mit externen Diensten, verbesserte Leistung und weitere Personalisierungseinstellungen. Die Roadmap zeigt das Engagement des Teams, Bricks Builder im Laufe der Zeit kontinuierlich zu verbessern und gibt den Nutzern einen Einblick in die zukünftige Ausrichtung des Produkts.

Sie können auch Ihre Meinung zu den geplanten und in Arbeit befindlichen Dingen äußern, indem Sie ein Upvoting abgeben.

Wie hoch sind die Kosten?

Es ist erwähnenswert, dass Bricks Builder nicht auf Abonnementbasis arbeitet, sondern eine einmalige Pauschalgebühr für die unbegrenzte Nutzung berechnet. Damit entfällt für die Verbraucher die Notwendigkeit, wiederkehrende Zahlungen auf monatlicher oder jährlicher Basis zu leisten.

Darüber hinaus ist der gesamte Funktionsumfang des Builders in den beiden Stufen Starter und Ultimate enthalten, so dass sich die Kunden keine Sorgen über Einschränkungen machen müssen. Der Unterschied ist, dass Sie es für nur 1 Website im Starter-Paket erhalten, während für 1000 Websites in der ultimativen.

Sogar ihre Rückerstattungspolitik ist erstaunlich. Sehen Sie es sich einfach an.

Installation und Aktivierung

Wir geben Ihnen eine kurze Anleitung zur Installation und Aktivierung von Bricks Builder. Sie müssen zunächst die neueste Version von Bricks von Ihrem Konto herunterladen.

Wählen Sie dann Erscheinungsbild > Themes und klicken Sie auf das Symbol Neu hinzufügen auf dem WordPress-Dashboard. Wählen Sie auf dem folgenden Bildschirm Ihre Bricks aus, indem Sie auf die Option Theme hochladen klicken. Installieren Sie das WordPress-Theme mithilfe der Zip-Datei.

bricks builder theme

Wenn die Installation des Themes abgeschlossen ist, wird in Ihrem WordPress-Dashboard ein neuer Menüpunkt namens Bricks angezeigt, der Sie daran erinnert, Ihre Bricks-Lizenz zu aktivieren, damit Sie das Theme nutzen können.

License Bricks Builder

Klicken Sie im Dashboard auf den Link Lizenz aktivieren. Dies führt Sie zu dem Fenster, in dem Sie Ihre Lizenz aktivieren. Kopieren Sie Ihren Lizenzschlüssel aus Ihrem Bricks-Konto und fügen Sie ihn in den Lizenzierungsbereich ein. Wählen Sie dann Lizenz aktivieren. Ihre Lizenz ist nun aktiviert.

Um alles zusammenzufassen,

Die Möglichkeiten zur Personalisierung und Ästhetik, die Bricks Builder bietet, sind unvergleichlich. Seine Drag-and-Drop-Schnittstelle, Integrationen und andere wichtige Funktionen machen es für Benutzer aller Erfahrungsstufen einfach, schöne Websites zu erstellen, und Benutzer können ihre bestehenden Inhalte aufgrund der Gutenberg-Kompatibilität leicht in die Bricks-Umgebung migrieren.

Die Kosten für Bricks Builder sind jedoch das, was es wirklich auszeichnet. Bricks Builder ist für einen einmaligen Preis von $59 für die Nutzung auf einer einzigen Website oder für $149 für die Nutzung auf bis zu tausend Websites erhältlich.

Häufig gestellte Fragen

Bricks Builder ist einzigartig. Mit seinem leistungsstarken visuellen Editor können Benutzer komplexe Layouts ohne Programmierkenntnisse erstellen. Website-Designer lieben die Vielseitigkeit der Schnittstelle. Bricks Builder fügt häufig neue Funktionen und Verbindungen hinzu, ohne dass Websites dadurch verzögert werden. Die umfangreichen Funktionen von Bricks Builder, eine große Anzahl von Integrationen und die einfach zu bedienende Oberfläche machen es zu einem großartigen WordPress-Website-Builder.

Der Builder läuft auf VueJS 3, und in Bezug auf die Leistung, sieht Bricks gut aus. Die Code-Ausgabe von Bricks ist sauber. Und während der Bearbeitung lädt Bricks schnell, und es fühlt sich sehr reaktionsschnell an, was es einfach macht, Seiten zu entwerfen und zu erstellen.

Bricks Builder eignet sich für eine Vielzahl von Benutzern. Anfänger werden die einfache Benutzeroberfläche und die Vielzahl von Vorlagen zu schätzen wissen, die den Einstieg erleichtern. Erfahrene Entwickler und Designer werden die Flexibilität und Tiefe der Anpassungsmöglichkeiten lieben, die es bietet.

Bricks Builder ist ein moderner, visueller Drag-and-Drop-Pagebuilder für WordPress. Es ist eine relativ neue Ergänzung in der Welt der Pagebuilder, aber es hat schnell an Anerkennung und Popularität gewonnen. Mit einem Fokus auf Geschwindigkeit, Flexibilität und Benutzerfreundlichkeit zielt Bricks darauf ab, den Prozess der Website-Erstellung sowohl für Anfänger als auch für Profis zu revolutionieren.

Teilen: