Seitenersteller sind seit einiger Zeit das Gesprächsthema für die WordPress-Community. Diese Tools sind seit langem beliebt, aber mit der Einführung des neuen Block-Editors haben sich viele gefragt, wie relevant sie noch sind.
Der Blockeditor ist zwar eine faszinierende neue Funktion, aber nichts geht über die Page Builder-Plugins, wenn Sie benutzerdefinierte Seiten und Beiträge entwerfen. Das Beaver Builder WordPress-Plugin ist ein perfektes Beispiel für die Vorteile dieser Art von Tool, da es einfach zu bedienen und überraschend leistungsfähig ist.
In diesem Beitrag werden wir uns Beaver Builder genauer ansehen. Wir werden uns die wichtigsten Funktionen und Preise ansehen und Ihnen dann zeigen, wie es in Aktion funktioniert, damit Sie selbst entscheiden können, ob dies die richtige Lösung für die Erstellung von Seiten für Ihre Website ist.
Lassen Sie uns direkt in unseren neuen und verbesserten Leitfaden zur Erstellung von Beaver Build WordPress-Seiten springen!
Warum benötigen Sie möglicherweise einen WordPress-Seitengenerator?
Sofern Sie nicht neu in der Plattform sind, kennen Sie wahrscheinlich den klassischen WordPress-Editor:
Obwohl funktionsfähig, war dies immer ein Basissystem. Fast der gesamte Inhalt wurde einem einzelnen Feld hinzugefügt, einschließlich Text, Medien usw. Das Erstellen einzigartiger Designs und das Hinzufügen cooler Funktionen war möglich, erforderte jedoch häufig Programmierkenntnisse und / oder einige zusätzliche Plugins.
Vor kurzem haben WordPress-Entwickler jedoch eine neue Version des Editors veröffentlicht, der jetzt von Gutenberg unterstützt wird:
Diese Änderung hat lange auf sich warten lassen, ist aber auch nichts besonders Neues. Block Editor ist eine vereinfachte Version eines Seitenerstellers, eine Lösung, die seit einiger Zeit bei WordPress-Benutzern beliebt ist.
Während jeder WordPress-Seitenersteller anders ist, basieren auf einer grundlegenden Ebene fast alle auf demselben grundlegenden Konzept. Sie bieten Ihnen eine Auswahl vorgefertigter Elemente und ermöglichen es Ihnen, Inhalte aus diesen Teilen zu erstellen. Ziel ist es, das Erstellen von Inhalten mit einzigartigen Designs und Funktionen einfacher und intuitiver zu gestalten, auch wenn Sie keine Erfahrung mit Design oder Codierung haben.
Es ist jedoch erwähnenswert, dass der Blockeditor eine sehr eingeschränkte Funktion ist. Sie können damit Posts und Seiten visueller gestalten, bieten jedoch eine kleine Bibliothek mit Blöcken und wenig Unterstützung für komplexe Layouts. Aus diesem Grund sind die anderen Optionen zum Erstellen von Seiten immer noch einen Blick wert, wie das Plugin, das wir im Rest dieses Beitrags diskutieren werden.
Grundlagen des Beaver Builder
Beaver Builder ist eines der beliebtesten Plugins zur Seitenerstellung, und das aus gutem Grund. Es ist für Anfänger leicht zu erlernen, bietet jedoch eine Vielzahl von Optionen zum Spielen. Grundsätzlich handelt es sich um ein Drag & Drop-System zum Erstellen von Posts und Seiten, genau wie bei jedem anderen Seitenersteller. Es bietet jedoch auch viele zusätzliche Funktionen.
Einige der wichtigsten Funktionen dieses Plugins sind:
- Eine große Bibliothek von Inhaltsmodulen, die von grundlegenden Optionen (wie Text- und Bildmodulen) bis zu erweiterten Funktionen (Handlungsaufforderung, Karten, Galeriemodule usw.) reicht.
- Eine benutzerdefinierte Bearbeitungsoberfläche, mit der Sie benutzerdefinierte Seiten, Beiträge und Beitragstypen visuell erstellen und Ihre Änderungen sofort anzeigen können.
- Die Möglichkeit, komplexe mehrspaltige Layouts zu erstellen und Größen, Abstände und mehr anzupassen.
- Vordefinierte Abschnitte und Seitenvorlagen, mit denen Sie den Entwurfsprozess starten können, den Sie nach Bedarf ändern können.
- Die Option zum Erstellen und Speichern eigener Vorlagen zur späteren Verwendung.
- Optionen zum Hinzufügen von benutzerdefiniertem HTML und eigenen CSS-Klassen für fortgeschrittene Benutzer.
Natürlich ist all diese Funktionalität mit Kosten verbunden. Es gibt zwar eine kostenlose Beaver Builder Lite-Version, diese bietet jedoch nur wenige Grundmodule und enthält nicht viele wichtige Funktionen wie Vorlagen und Import- / Exportoptionen. Die Lite-Version ist jedoch nützlich, um diesen Seitenersteller zu testen und festzustellen, ob Ihnen die Funktionsweise gefällt.
Wenn Sie Beaver Builder ernsthaft verwenden möchten, benötigen Sie eine Premium-Lizenz, um auf das vollständige Paket zugreifen zu können. Diese beginnen bei 99 US-Dollar für die Verwendung auf unbegrenzten Websites und ein Jahr Support:
Dieses besondere Werkzeug tut erfordern eine anfängliche Investition. Die anfänglichen Kosten können jedoch in der Zeit gespart und langfristig auf einer effektiveren Website bezahlt werden. Es ist also kein schlechtes Geschäft, wenn es innerhalb Ihres Budgets liegt.
Erste Schritte mit Beaver Builder
Wenn Sie nicht wissen, ob Sie ein neues Plugin für Ihre Website auswählen sollen oder nicht, sollten Sie so viel wie möglich darüber lernen. Wenn es um Seitenersteller geht, umfasst dies, wie sie aussehen, wie sie funktionieren und welche Optionen sie anbieten.
Lassen Sie uns vor diesem Hintergrund sehen, wie es ist, Beaver Builder auszuwählen und damit Beiträge und Seiten zu erstellen. Als erstes müssen Sie natürlich das Plugin installieren und aktivieren.
Außerdem möchten Sie Ihren Lizenzschlüssel aktivieren, wenn Sie die Premium-Version gekauft haben (die wir in diesem Tutorial verwenden werden). So können Sie direkt zur Arbeit gehen.
Schritt 1: Rufen Sie den Beaver Builder Editor auf
Wenn Sie das Plugin installieren, wird in Ihrer Systemsteuerung eine neue Registerkarte "Beaver Builder" angezeigt. Hier werden Ihre benutzerdefinierten Inhalte gespeichert, beispielsweise wenn Sie Ihre eigenen eindeutigen Vorlagen erstellen.
Sie können Inhalte auch mit dem Seitenersteller erstellen, indem Sie auf gehen Beaver Builder> Neu hinzufügen. Alternativ können Sie einfach zu gehen Seiten> Neu hinzufügen (oder das Äquivalent für benutzerdefinierte Beiträge und Beitragstypen). Sie sehen eine neue Option:
Dies bedeutet, dass Sie Ihre Inhalte im Standard-WordPress-Editor oder im Seitenersteller erstellen können. Lassen Sie uns die treffen Starten Sie Beaver Builder Schaltfläche:
Wie Sie sehen, greifen Sie auf eine völlig neue Oberfläche zu. Hier können Sie Inhalte erstellen und genau sehen, wie sie auf der Seite aussehen werden.
Schritt 2: Wählen Sie eine Startvorlage aus
Es ist erwähnenswert, dass Sie keine Vorlagen verwenden müssen, wenn Sie nicht möchten. Sie können Ihre Seiten und Beiträge vollständig von Grund auf neu erstellen und die gewünschten Module hinzufügen. Der einfachste Weg zu lernen ist jedoch, mit einer Vorlage zu beginnen, was wir hier demonstrieren werden.
Wählen Sie im Menü auf der rechten Seite des Editors die Option Vorlagen Klicken Sie oben auf die Registerkarte, und Sie sehen viele Optionen. Klicken Sie einfach auf eine Vorlage oder ziehen Sie sie auf die Seite. Die Vollversion wird angezeigt:
Auf diese Weise erhalten Sie ein erstes Layout sowie Text- und Platzhalterbilder. Glücklicherweise kann jeder Artikel hier nach Belieben ersetzt und geändert werden, sodass Sie etwas Einzigartiges für Ihre Website erstellen können.
Schritt 3: Bearbeiten Sie einzelne Module
Jedes einzelne Element im Beaver Builder-Editor ist ein eigenständiges Modul. Um zu sehen, was wir meinen, können Sie in Ihrer ursprünglichen Vorlage über einen Text, ein Bild oder eine Funktion scrollen. Sie sehen das Modul blau umrandet und wenn Sie darauf klicken, sehen Sie ein neues Menü:
Dies ist das Konfigurationsfeld für dieses Modul. Enthält alle Anpassungsoptionen für den ausgewählten Inhalt. Was genau es enthält, hängt daher von der Art des Inhalts ab, mit dem Sie arbeiten.
Zum Beispiel die Foto Mit dem Modul können Sie ändern, welche Datei verwendet wird, und einen Titel und / oder Link hinzufügen. Sie können auch zu ändern Stil Registerkarte, um die Ausrichtung, den Rand und mehr des Bildes zu ändern:
Die meisten Module haben auch eine Erweitert Registerkarte, auf der Sie Ihre Ränder anpassen, nur auf bestimmten Gerätetypen sichtbar machen, benutzerdefiniertes HTML hinzufügen usw. können.
Wie Sie sehen, ist das Anpassen Ihrer Beaver Builder-Module sehr einfach. Es wird ein wenig Erfahrung erfordern, sich mit den Optionen der einzelnen Modultypen vertraut zu machen. Sobald Sie dies jedoch tun, werden Sie in kürzester Zeit Ihre eigenen Inhalte hinzufügen.
Schritt 4: Passen Sie die Organisation und das Design Ihrer Inhalte an
Sie können nicht nur Änderungen an einzelnen Modulen vornehmen, sondern auch Ihre Seite als Ganzes anpassen. Eine Möglichkeit hierfür ist das Hinzufügen und Entfernen von Modulen. Um ein Modul hinzuzufügen, wählen Sie einfach eines aus dem Haupteditor-Menü aus und ziehen Sie es an seine Stelle auf der Seite:
Auf der anderen Seite können Sie Module entfernen, indem Sie die Taste drücken X. Das erscheint, wenn Sie mit der Maus darüber fahren. Sie können Module auch nach oben und unten oder von einer Seite zur anderen ziehen, um sie nach Belieben neu anzuordnen.
Sie können auch das allgemeine Layout Ihrer Seite ändern. Um ein Beispiel dafür in Aktion zu sehen, bewegen Sie den Mauszeiger über ein Modul und drücken Sie Spalte bearbeiten> Spalteneinstellungen::
Hier finden Sie Optionen für alle Module in der jeweiligen Spalte. Sie können beispielsweise die Hintergrundfarbe und den Spaltenabstand ändern und sogar einen Rahmen hinzufügen.
Bewegen Sie nun den Mauszeiger über den unteren Rand der Seite und wählen Sie Zeileneinstellungen in der oberen rechten Ecke:
Sie sehen ein ähnliches Menü, diesmal gelten die Optionen jedoch für die entsprechende Modulzeile. Sie können die Zeile auf feste oder volle Breite einstellen, Farben anpassen und viele der gleichen Änderungen vornehmen, die für Spalten verfügbar sind.
Wählen Sie abschließend das Haupteditor-Menü erneut aus und navigieren Sie zu Zeilen Registerkarte:
Hier können Sie Ihrer Seite neue Zeilen und Spalten hinzufügen und so Ihr Layout drastisch ändern. Außerdem ist dies der erste Ort, an den Sie gehen möchten, wenn Sie eine Seite oder einen Beitrag von Grund auf neu erstellen. Sie können zuerst das Design Ihrer Inhalte bestimmen und dann Module hinzufügen, wo immer Sie möchten.
Schritt 5: Erweitern Sie den Page Builder-Funktionsumfang (optional).
Es ist erwähnenswert, dass es in Beaver Builder viele andere Funktionen und Optionen gibt – wir haben hier nur die Oberfläche zerkratzt. Wir haben jedoch die Schlüsselfunktionen gesehen, die Sie verstehen müssen, um loszulegen. Dann ist der praktische Ansatz der beste Weg, um die Saiten zu lernen.
Bevor wir zum Schluss kommen, sollten wir jedoch beachten, dass es einige Möglichkeiten gibt, wie Sie mehr aus diesem speziellen Seitenersteller herausholen können. Erstens gibt es ein offizielles Beaver Builder-Thema, das mit den beiden obersten Lizenzstufen kostenlos erhältlich ist:
Sie können Beaver Builder mit dem gewünschten Thema verwenden. Dieser wurde jedoch von Grund auf neu erstellt, um in Verbindung mit dem Seitengenerator zu funktionieren. Es bietet ein grundlegendes Framework, das Sie für viele verschiedene Arten und Stile von Websites konfigurieren können.
Es gibt auch ein optionales Add-On, den Beaver Themer:
Mit diesem Add-On können Sie den Drag & Drop-Seitenersteller von Beaver Builder auch für Kopf- und Fußzeilen Ihrer Site, Archivseiten, 404- und Suchseiten und mehr verwenden. Auf diese Weise können Sie fast Ihre gesamte Website mit demselben System gestalten.
Mit einem Preis von 147 US-Dollar passt es möglicherweise nicht in alle Budgets, ist jedoch eine nützliche Ergänzung für eine Website, die angeblich Geld verdient, oder für Entwickler und Designer, die an mehreren Websites arbeiten.
Die Auswahl eines Seitenerstellers für Ihre Website ist eine große Verpflichtung. Wenn Sie in Zukunft ändern, wie Sie Inhalte erstellen und gestalten, kann dies zu Kompatibilitätsproblemen führen. Beginnen Sie daher am besten mit einem Tool, von dem Sie wissen, dass Sie es auf lange Sicht gerne verwenden werden.
Glücklicherweise ist Beaver Builder eine gute Wahl für Anfänger und Fortgeschrittene. Es ist auch einfach zu starten, wie Sie oben gesehen haben.
Haben Sie jemals Beaver Builder verwendet und welche Erfahrungen haben Sie gemacht? Teilen Sie mit uns im Kommentarbereich unten!
