Erstellen von benutzerdefinierten WordPress-Layouts mit Beaver Builder

Möchten Sie lernen, wie Sie in WordPress benutzerdefinierte Seitenlayouts erstellen? Mit Beaver Builder können Sie Ihre eigenen Seitenlayouts erstellen, ohne Code schreiben zu müssen. In diesem Artikel werden wir Beaver Builder überprüfen und zeigen, wie Sie in WordPress mit Beaver Builder benutzerdefinierte Seitenlayouts erstellen.

Warum und wann Sie benutzerdefinierte Seitenlayouts benötigen

Viele Premium-WordPress-Themes verfügen über einsatzbereite Seitenlayouts für verschiedene Bereiche einer Website. Manchmal kann jedoch ein integriertes Layout nicht Ihren Anforderungen entsprechen.

Sie können in WordPress benutzerdefinierte Seitenvorlagen erstellen, indem Sie ein untergeordnetes Design erstellen und dann Ihre eigenen Seitenvorlagen hinzufügen. Dazu benötigen Sie jedoch Kenntnisse in PHP, HTML und CSS.

Hier kommt Beaver Builder ins Spiel. Es ist ein Drag-and-Drop-Builder für WordPress. Sie können damit Ihre eigenen benutzerdefinierten Seitenlayouts erstellen, ohne Code schreiben zu müssen.

Beaver Builder Review

Beaver Builder ist sehr einfach zu bedienen und Anfängerfreundlich. Gleichzeitig ist es mit unglaublichen Funktionen ausgestattet, um professionell aussehende Seiten zu erstellen.

Es funktioniert mit allen WordPress-Themes und verfügt über eine Vielzahl von Modulen, die Sie einfach per Drag & Drop auf Ihre Seite ziehen können. Sie können ein beliebiges Layout erstellen und es nach Ihren Vorstellungen einrichten.

In dieser Beaver Builder-Überprüfung zeigen wir Ihnen, wie Sie mit Beaver Builder benutzerdefinierte Seitenlayouts in WordPress erstellen.

Lass uns anfangen.

Beaver Builder Plugin einrichten

Zuerst müssen Sie das Beaver Builder-Plugin erwerben. Es ist ein kostenpflichtiges Plugin mit Preisen ab 99 US-Dollar für unbegrenzte Websites.

Als Nächstes müssen Sie das Beaver Builder-Plugin installieren und aktivieren. Weitere Informationen finden Sie in unserer schrittweisen Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie besuchen Einstellungen »Seitenersteller Seite, um Ihren Lizenzschlüssel einzugeben.

Nach der Eingabe Ihres Lizenzschlüssels können Sie jetzt schöne Seitenlayouts erstellen.

Erstellen Sie Ihr erstes benutzerdefiniertes Seitenlayout mit Beaver Builder

Erstellen Sie einfach eine neue Seite in WordPress, indem Sie besuchen Seiten »Neu hinzufügen. Sie werden im WordPress-Editor eine neue Registerkarte für den Seitenersteller sehen.

Klicken Sie auf die Registerkarte "Page Builder", um den Beaver Builder zu starten.

Wenn Sie Beaver Builder zum ersten Mal verwenden, wird ein Popup-Fenster angezeigt, in dem Sie eine Führung erhalten.

Zu diesem Zeitpunkt können Sie auf die Schaltfläche Nein Danke klicken, um die Tour zu überspringen. Seitdem führen wir Sie durch die verschiedenen Funktionen in diesem Handbuch, damit Sie die Tour nicht benötigen.

Danach müssen Sie auf die Schaltfläche klicken Vorlagen Schaltfläche im oberen Menü.

Beaver Builder enthält einige professionell gestaltete Vorlagen, damit Sie sofort loslegen können.

Keine Sorge, Sie können die Vorlage beliebig anpassen. Es ist nur ein schneller Weg, um mit einem Layout zu beginnen.

Wenn Sie ein Layout auswählen, lädt Beaver Builder es in das Vorschaufenster. Fahren Sie mit der Maus zu einem Objekt, und Beaver Builder hebt es hervor.

Sie können einfach auf das Schlüsselsymbol auf einem hervorgehobenen Element klicken, um es zu bearbeiten.

Beaver Builder zeigt ein Popup mit verschiedenen Einstellungen an, die Sie bearbeiten können. Sie können den Text, die Farbe, den Hintergrund, die Schriftart, den Abstand, den Rand usw. ändern.

Sie können auch einfach auf ein Element in der Live-Vorschau klicken und es mit Drag & Drop auf der Seite verschieben.

Die Layouts von Beaver Builder basieren auf Zeilen. Sie können Zeilen durch Ziehen und Ablegen neu anordnen. Sie können auch eine neue Zeile entfernen oder hinzufügen.

Klicken Sie einfach auf die Zeilenlayouts Menü und wählen Sie die Anzahl der Spalten in Ihrer Zeile.

Beaver Builder fügt die Zeile der Live-Vorschau Ihrer Website hinzu.

Sie können Ihrer Zeile Elemente hinzufügen, indem Sie grundlegende oder erweiterte Module und Widgets verwenden. Mit diesen Modulen können Sie die am häufigsten verwendeten Elemente wie Schaltflächen, Überschriften, Text, Bilder, Diashows, Audio, Video usw. hinzufügen.

Wählen Sie einfach ein Objekt aus und ziehen Sie es in die gerade hinzugefügte Zeile. Klicken Sie auf ein Element, um dessen Eigenschaften zu bearbeiten.

Sie können auch eine Zeile oder ein Modul speichern, um sie später auf anderen Seiten wiederzuverwenden. Klicke auf Speichern als während der Bearbeitung einer Zeile oder eines Moduls.

Klicken Sie auf die Schaltfläche Fertig, wenn Sie mit der Bearbeitung Ihrer Seite fertig sind. Beaver Builder zeigt ein Popup mit Schaltflächen zum Veröffentlichen oder Speichern Ihrer Seite als Entwurf.

Sie können ein gesamtes Seitenlayout auch für andere Seiten Ihrer WordPress-Site verwenden. Öffnen Sie einfach die Seite mit Page Builder und klicken Sie in der oberen Leiste auf die Schaltfläche Tools.

Beaver Builder zeigt Ihnen ein Popup. Sie können die Seite als Vorlage speichern oder eine doppelte Seite mit demselben Layout schnell erstellen.

Seitenlayoutvorlagen in Beaver Builder verwalten

Jede Beaver Builder-Lizenz berechtigt Sie zur Verwendung auf unbegrenzten Websites. Aber wie verschieben Sie Ihre Seitenvorlagen von einer WordPress-Site zu einer anderen?

Beaver Builder speichert vom Benutzer erstellte Vorlagen in einem benutzerdefinierten Beitragstyp namens Vorlagen. Es ist standardmäßig ausgeblendet, aber Sie können es sichtbar machen, indem Sie zu gehen Einstellungen »Seitenersteller und klicken Sie auf die Registerkarte Vorlagen.

Aktivieren Sie einfach das Kontrollkästchen neben der Option "Vorlagen-Admin aktivieren" und klicken Sie auf die Schaltfläche zum Speichern der Vorlageneinstellungen.

Sie werden bemerken, dass ein neuer Menüpunkt mit der Bezeichnung "Vorlagen" in Ihrer WordPress-Verwaltungsleiste angezeigt wird. Alle Seitenlayouts, die Sie als Vorlage speichern, werden auf dieser Seite angezeigt.

Da es sich um einen benutzerdefinierten Beitragstyp handelt, können Sie Ihre Beaver Builder-Vorlagen mithilfe der integrierten Exportfunktion in WordPress problemlos exportieren.

Besuch Werkzeuge »Exportieren Seite und wählen Sie Vorlagen. Klicken Sie auf die Schaltfläche "Exportdatei herunterladen", und WordPress sendet eine XML-Datei zum Herunterladen.

Melden Sie sich jetzt bei der WordPress-Site an, auf der Sie die Vorlagen importieren möchten. Besuch Einstellungen »Importieren Seite und klicken Sie auf WordPress.

Sie werden aufgefordert, das WordPress-Importer-Plugin herunterzuladen und zu installieren. Danach können Sie Ihre Vorlagen-XML-Datei einfach hochladen und importieren.

Wir hoffen, dass Ihnen dieser Artikel geholfen hat, mit Beaver Builder benutzerdefinierte Seitenlayouts in WordPress zu erstellen. Möglicherweise möchten Sie auch unser Handbuch zum Ausblenden nicht benötigter Elemente in WordPress Admin mit Adminimize anzeigen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unsere Video-Tutorials für unseren YouTube-Kanal für WordPress. Sie finden uns auch auf Twitter und Facebook.