Möchten Sie lernen, wie Sie benutzerdefinierte Seitenlayouts in WordPress 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 Ihnen zeigen, wie Sie mit Beaver Builder benutzerdefinierte Seitenlayouts in WordPress erstellen.
Warum und wann Sie benutzerdefinierte Seitenlayouts benötigen
Viele Premium-WordPress-Themes werden mit gebrauchsfertigen Seitenlayouts für verschiedene Abschnitte einer Website geliefert. Es kann jedoch vorkommen, dass ein integriertes Layout nicht Ihren Anforderungen entspricht.
Sie können benutzerdefinierte Seitenvorlagen in WordPress erstellen, indem Sie ein untergeordnetes Thema erstellen und dann Ihre eigenen Seitenvorlagen hinzufügen. Sie benötigen jedoch einige Kenntnisse in PHP, HTML und CSS, damit dies funktioniert.
Hier kommt Beaver Builder ins Spiel. Es ist ein Drag-and-Drop-Plugin zum Erstellen von Seiten für WordPress. Es hilft Ihnen, Ihre eigenen benutzerdefinierten Seitenlayouts zu erstellen, ohne Code schreiben zu müssen.
Biber Builder Bewertung
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 hat jede Menge Module, die Sie einfach per Drag & Drop auf Ihre Seite ziehen können. Sie können jedes gewünschte Layout erstellen und so einrichten, wie Sie es sich vorgestellt haben.
In diesem Beaver Builder-Test 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 kaufen. 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 Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.
Nach der Aktivierung müssen Sie besuchen Einstellungen » Page Builder Seite, um Ihren Lizenzschlüssel einzugeben.
Nachdem Sie Ihren Lizenzschlüssel eingegeben haben, können Sie nun 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 einen neuen Page Builder-Tab im WordPress-Editor bemerken.
Klicken Sie auf die Registerkarte ‚Page Builder‘, um den Beaver Builder zu starten.
Wenn Sie Beaver Builder zum ersten Mal verwenden, wird ein Willkommens-Popup mit einer geführten Tour angezeigt.
Zu diesem Zeitpunkt können Sie auf die Schaltfläche Nein danke klicken, um die Tour zu überspringen. Da wir Sie in diesem Handbuch durch verschiedene Funktionen führen, benötigen Sie die Tour nicht.
Danach müssen Sie auf 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 nach Belieben 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 Element und Beaver Builder wird es markieren.
Sie können einfach auf das Schraubenschlüsselsymbol eines markierten Elements klicken, um es zu bearbeiten.
Beaver Builder zeigt ein Popup mit verschiedenen Einstellungen an, die Sie bearbeiten können. Sie können Text, Farbe, Hintergrund, Schriftart, Auffüllung, Rand usw. ändern.
Sie können auch einfach auf ein Element in der Live-Vorschau klicken und es per Drag & Drop auf der Seite verschieben.
Die Beaver Builder-Layouts basieren auf Zeilen. Sie können Zeilen per Drag & Drop neu anordnen. Sie können auch eine neue Zeile entfernen oder hinzufügen.
Klicken Sie einfach auf die Zeilenlayouts Menü und wählen Sie dann die Anzahl der Spalten aus, die Sie in Ihrer Zeile haben möchten.
Beaver Builder fügt die Zeile der Live-Vorschau auf Ihrer Site hinzu.
Sie können Ihrer Zeile Elemente hinzufügen, indem Sie die grundlegenden oder erweiterten 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 Element aus und ziehen Sie es in die gerade hinzugefügte Zeile. Klicken Sie auf ein Element, um seine 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 Sie eine Zeile oder ein Modul bearbeiten.
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 an.
Sie können auch ein komplettes Seitenlayout für andere Seiten Ihrer WordPress-Site wiederverwenden. Öffnen Sie einfach die Seite mit dem Page Builder und klicken Sie dann auf die Schaltfläche Tools in der oberen Leiste.
Beaver Builder zeigt Ihnen ein Popup an. Sie können die Seite als Vorlage speichern oder schnell eine doppelte Seite mit demselben Layout erstellen.
Verwalten von Seitenlayout-Vorlagen in Beaver Builder
Jede Beaver Builder-Lizenz berechtigt Sie zur Nutzung auf unbegrenzten Websites. Aber wie verschieben Sie Ihre Seitenvorlagen von einer WordPress-Site auf eine andere?
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 » Page Builder und klicken Sie auf die Registerkarte Vorlagen.
Aktivieren Sie einfach das Kontrollkästchen neben der Option „Vorlagenverwaltung aktivieren“ und klicken Sie auf die Schaltfläche Vorlageneinstellungen speichern.
Sie werden feststellen, dass in Ihrer WordPress-Administrationsleiste ein neues Menüelement mit der Bezeichnung Vorlagen 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 Ihnen eine XML-Datei zum Herunterladen.
Melden Sie sich nun 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 einfach Ihre Vorlagen-XML-Datei hochladen und importieren.
Das ist alles, wir hoffen, dieser Artikel hat Ihnen geholfen, benutzerdefinierte Seitenlayouts in WordPress mit Beaver Builder zu erstellen. Vielleicht möchten Sie auch unsere Anleitung zum Ausblenden unnötiger Elemente vor dem WordPress-Administrator mit Adminimize lesen.