Springe zum Hauptinhalt

So erstellen Sie Layouts mit benutzerdefinierten Seiten auf Wordpress Beaver Builder

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Möchten Sie lernen, wie Sie benutzerdefinierte Layouts in WordPress erstellen? Mit Beaver Builder können Sie Ihre eigenen Layouts erstellen, ohne Code schreiben zu müssen. In diesem Tutorial lernen wir Beaver Builder kennen und zeigen Ihnen, wie Sie mit diesem Plugin benutzerdefinierte WordPress-Layouts erstellen.

Beaver Builder Layout-Plugin

Warum und wann Sie benutzerdefinierte Layouts benötigen

Viele Premium-WordPress-Themes haben Layouts für verschiedene Bereiche einer Website. Es gibt jedoch Situationen, in denen ein integriertes Layout möglicherweise nicht Ihren Anforderungen entspricht.

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

Dies ist wo Beaver Builder Nimm am Spiel teil . Es ist ein Plugin für das Drag & Drop-Seitendesign in WordPress. Es hilft Ihnen, Ihr eigenes benutzerdefiniertes Layout zu erstellen, ohne Code zu schreiben.

Biber Builder Zusammenfassung

Beaver Builder ist sehr einfach zu bedienen und für Anfänger geeignet. Gleichzeitig bietet es erstaunliche Funktionen, um Seiten mit einem professionellen Aussehen zu erstellen.

Es funktioniert mit allen WordPress-Themes und verfügt über unzählige Module, die Sie einfach auf Ihrer Seite verwenden können (per Drag & Drop). Sie können jedes gewünschte Layout erstellen und nach Belieben konfigurieren.

In diesem Beaver Builder-Tutorial zeigen wir Ihnen, wie Sie damit benutzerdefinierte Layouts in WordPress erstellen.

Lassen Sie uns beginnen.

Setup Builder Beaver

Sie müssen zuerst das Plugin kaufen Beaver Builder. Es ist ein kostenpflichtiges Plugin ab 99 US-Dollar für unbegrenzte Websites.

Dann müssen Sie das Plugin installieren und zu aktivieren.

Gehen Sie nach der Aktivierung zur Seite Einstellungen »Builder-Seite um Ihren Lizenzschlüssel einzugeben.

Beaver Lizenz Wordpress-Plugin

Nach Eingabe Ihres Lizenzschlüssels können Sie nun Ihre Layouts erstellen.

Erstellen Sie mit Beaver Builder Ihr erstes benutzerdefiniertes Layout

Erstellen Sie einfach eine neue Seite in WordPress, indem Sie fortfahren Seiten »Neu hinzufügen. Sie werden eine neue Registerkarte "Page Builder" im WordPress-Editor bemerken.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Wordpress-Plugin Biber Seiteneditor

Klick auf das 'Page Builder'zum werfen " Beaver Builder". Wenn Sie Beaver Builder zum ersten Mal verwenden, wird ein Begrüßungsfenster angezeigt, in dem Sie eine Führung erhalten.

Zu diesem Zeitpunkt können Sie auf die Schaltfläche 'Nein Bitte überspringen Sie den Schritt'. Danach müssen Sie auf die Schaltfläche klicken Vorlagen im oberen Menü.

Beaver Template WodPress Plugin

Beaver Builder bietet professionell gestaltete Vorlagen, mit denen Sie sofort loslegen können.

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

Wählen Sie ein Layout Beaver Wordpress-Plugin

Wenn Sie ein Layout auswählen, lädt Beaver Builder es in das Vorschaufenster. Bewegen Sie die Maus über ein Objekt und Beaver Builder hebt es hervor.

Sie können einfach auf das Schraubenschlüsselsymbol eines markierten Elements klicken, um es zu bearbeiten.

Layout 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 Rand usw. ändern.

Sie können auch auf ein Element in der Live-Vorschau klicken und es über die Seite ziehen.

Die Beaver Builder-Layouts sind in Reihen angeordnet. Sie können die Zeilen durch Ziehen und Ablegen neu anordnen. Sie können auch eine neue Zeile löschen oder hinzufügen.

Klicken Sie einfach auf den Button Row-LayoutWählen Sie dann die Anzahl der Spalten aus, die in Ihrer Zeile enthalten sein sollen.

Zeile hinzufügen Beaver Wordpress Plugin

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

Sie können Ihren Zeilen Elemente hinzufügen, indem Sie einfache oder erweiterte Module und Widgets verwenden. Mit diesen Modulen können Sie die am häufigsten verwendeten Elemente wie Schaltflächen, Titel, Texte, Bilder, Diashows, Audios, Videos usw. hinzufügen.

Wählen Sie einfach ein Element 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 es später auf anderen Seiten wiederzuverwenden. Klicken Sie auf die Schaltfläche " Speichern als " beim Ändern einer Zeile oder eines Moduls.

Wie das Modul speichern

Klicken Sie auf die Schaltfläche Abgeschlossen Wenn Sie mit der Bearbeitung Ihrer Seite fertig sind. Beaver Builder zeigt ein Popup mit Schaltflächen für " veröffentlichen "Oder" Speichern Sie die Seite als Entwurf".

WordPress Beaver Plugin Dialogfenster

Sie können ein gesamtes Layout auch für andere Seiten Ihrer WordPress-Site wiederverwenden. Öffnen Sie einfach die Seite mit dem Seiten-Designer und klicken Sie dann in der oberen Leiste auf die Schaltfläche Extras.

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

Speichern Sie ein Layout Beaver Wordpress-Plugin

Verwalten Sie Layoutvorlagen in Beaver Builder

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

Beaver Builder speichert von Benutzern 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 »Builder-Seite und klicken Sie auf die Registerkarte Vorlagen.

Aktivieren Sie einfach das Kontrollkästchen neben der Option 'Aktivieren Admin Vorlagenund klicken Sie auf Speichern Sie die Vorlageneinstellungen.

Beaver eine Tabelle Layout Wordpress Rand speichern

Sie werden feststellen, dass ein neuer Menüpunkt aufgerufen wird Vorlagen wird in Ihrem WordPress-Dashboard angezeigt. Alle Layouts, die Sie als Vorlagen speichern, werden auf dieser Seite angezeigt.

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

Besuchen Sie die Seite Extras »Exportieren und wählen Sie Vorlagen. Klicken Sie auf die Schaltfläche Laden Sie die Exportdatei herunter Und WordPress sendet eine XML-Datei, die Sie herunterladen können.

Export-Vorlagen Wordpress

Stellen Sie nun eine Verbindung zu der WordPress-Site her, auf der Sie die Vorlagen importieren möchten. Mach weiter Einstellungen »Importieren und klicke auf WordPress.

Sie werden aufgefordert, das Importer-Plugin herunterzuladen und zu installieren. Danach können Sie einfach Ihre templates.xml-Datei herunterladen und importieren.

Das ist alles! Wir hoffen, dieses Tutorial hat Ihnen geholfen, benutzerdefinierte WordPress-Layouts mit Beaver Builder zu erstellen. Wenn Sie Kommentare oder Vorschläge haben, teilen Sie uns dies bitte im entsprechenden Abschnitt mit.

Dieser Artikel enthält Kommentare 0

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
2 Aktien
Aktie
tweet
Registrieren2