So erstellen Sie eine Website oder ein Blog im Jahr 2020 - Kostenlose und einfache Anleitung zum Erstellen einer Website

Was macht es und ist es gut?

Beaver Themer ist das neueste WordPress-Produkt der Hersteller von Beaver Builder. Nach der Erstellung eines der besten WordPress-Plugins zum Erstellen von Seiten, Beaver Builder, haben dieselben Leute ein Tool veröffentlicht, mit dem Sie jeden Aspekt Ihrer WordPress-Website anpassen können, nicht nur Beiträge und Seiten!

Kurz gesagt, mit Beaver Themer können Sie mit der Kopf- und Fußzeile und fast jedem anderen Bereich Ihrer WordPress-Website kreativ werden. In diesem Testbericht zu Beaver Themer sehen wir uns an, was dieses neue Beaver Builder-Plugin leisten kann.

Tauchen wir ein in …

Was kann Beaver Themer tun?

Das Beaver Builder-Plugin wurde erstellt, damit jeder Benutzer benutzerdefinierte Layouts für seine WordPress-Beiträge und -Seiten über eine vordere Drag & Drop-Benutzeroberfläche erstellen kann. Nach der Installation des Beaver Themer-Plugins zusammen mit Beaver Builder können Sie die umgebenden Bereiche Ihrer Website anpassen, einschließlich Kopf- und Fußzeilenbereiche sowie Themenvorlagen.

Beaver Themer Review Bild zeigt die Hauptkomponenten

In diesem Beaver Themer-Test werden die Hauptkomponenten dieses WordPress-Website-Builders untersucht und bewertet.

(Zum Vergrößern anklicken)

Ohne ein Tool wie Beaver Themer besteht die einzige Möglichkeit, diese Bereiche Ihrer WordPress-Website anzupassen, darin, die PHP-Vorlagendateien zu bearbeiten, aus denen Ihr WordPress-Theme besteht. Wenn Sie kein Programmierer oder Programmierer sind, sind alle Einstellungen außer den kleinsten außerhalb Ihrer Reichweite.

Mit Beaver Themer können Nicht-Programmierer diese Bereiche ihrer Website anpassen, während Entwickler dieses Tool verwenden können, um viel schneller und effizienter als zuvor zu arbeiten.

Zusammenfassend ist Beaver Themer ein Tool, mit dem Sie alle Aspekte Ihrer WordPress-Website, nicht nur die Veröffentlichung und den Seiteninhalt, über eine intuitive Drag-and-Drop-Benutzeroberfläche anpassen können. In unserem Beaver Themer-Test werden wir genau untersuchen, was dieses WordPress-Webdesign-Tool kann und wie einfach es zu verwenden ist.

Kompatibilität mit WordPress-Themes

Bevor wir uns mit den vollen Funktionen dieses Tools befassen, sollten Sie sich ansehen, welche WordPress-Themes mit Beaver Themer kompatibel sind. Gemäß der Dokumentation sollten einige Funktionen von Beaver Themer, z. B. die Möglichkeit, benutzerdefinierte Layouts für Ihre Archivseiten, eindeutige Inhalte und die 404 Seiten Ihrer Website zu erstellen, mit den meisten WordPress-Themen funktionieren.

Um jedoch benutzerdefinierte Kopf- und Fußzeilen für Ihre Website zu erstellen, muss Ihr WordPress-Design auf eine bestimmte Weise erstellt worden sein. die Liste der Themen, die vollständig mit Beaver Builder kompatibel sind Es ist kurz, wobei das Genesis-Framework die bekannteste Option ist.

Wenn Sie also das volle Potenzial von Beaver Themer nutzen möchten, müssen Sie ein untergeordnetes Thema für das Genesis-Framework oder das Beaver Builder-Thema (verfügbar mit einigen Versionen von Beaver Builder) für Ihre Website auswählen. Andernfalls könnten Sie einige der besten Funktionen dieses Website-Builders verpassen.

Das Beaver Themer-Erlebnis und die Benutzeroberfläche

Beaver Themer verwendet dieselbe Drag & Drop-Benutzeroberfläche wie das Beaver Builder-Plugin, das wir kürzlich in einem Test ausführlich behandelt haben. Über diese Oberfläche erhalten Sie eine WYSIWYG-Ansicht Ihrer Inhalte, während Sie arbeiten. Wenn Sie ein benutzerdefiniertes Layout erstellen, werden Zeilen und Spalten verwendet, um die Struktur Ihrer Seite zu erstellen.

Zeilen- und Spaltenlayout

Ein Beispiel für ein Beaver Themer-Design, das aus Spalten und Zeilen besteht.

(Zum Vergrößern anklicken)

Sie können dann alle Beaver Builder- und Beaver Themer-Module per Drag & Drop in Ihre Layouts ziehen, bevor Sie sie über die Modulsteuerelemente anpassen.

Design mit Modulen in

Ein Beispiel für ein Zeilen- und Spaltenlayout mit Modulen.

(Zum Vergrößern anklicken)

Die vollständige Liste der Module ist sehr beeindruckend, einschließlich Call-to-Action-Schaltflächen, Inhaltsregler, Karten, Post-Karussells, Testimonials und mehr. Die Einstellungen und Anpassungssteuerelemente sind gleichermaßen beeindruckend.

Konfigurationen für ein Modul

Nur einige der Konfigurations- und Anpassungsoptionen für eine Zeile.

(Zum Vergrößern anklicken)

Sie können auch jedes Ihrer aktiven WordPress-Widgets, einschließlich Plugins von Drittanbietern, in Ihre Layouts ziehen und dort ablegen.

Fügen Sie Ihren Designs Widgets hinzu

Jedes der auf Ihrer Site aktiven Widgets (einschließlich Plugins von Drittanbietern) kann in Ihren Designs verwendet werden.

(Zum Vergrößern anklicken)

Da jeder Aspekt Ihrer Seite über eine visuelle Oberfläche angepasst werden kann, können Sie mit diesem Tool einige wirklich einzigartige Designs erstellen.

Beaver Themer Premade Einlegesohle

Nur eine der vielen Arten von Seitenlayouts, die Sie mit Beaver Builder und Beaver Themer erstellen können.

(Zum Vergrößern anklicken)

Die Beaver Builder-Benutzeroberfläche wurde sehr gut angenommen und ist eine der einfachsten Möglichkeiten, um benutzerdefinierte Seitenlayouts in WordPress zu erstellen. Mit Beaver Themer wurde die Reichweite des Seitenerstellers auf andere Bereiche Ihrer Website ausgedehnt, über Beiträge und Seiten hinaus. Beaver Builder enthält außerdem 30 hochwertige, vollständig bearbeitbare Vorlagen, mit denen Sie loslegen und Zeit sparen können.

Erstellen Sie benutzerdefinierte Kopf- und Fußzeilen

Beaver Themer Header-Einstellungen

Einstellungen für einen benutzerdefinierten Beaver Themer-Website-Header.

(Zum Vergrößern anklicken)

Eine der Hauptfunktionen von Beaver Themer ist die Möglichkeit, benutzerdefinierte Kopf- und Fußzeilen für Ihre WordPress-Website zu erstellen. Darüber hinaus können Sie mehrere Kopf- und Fußzeilen erstellen und sie verschiedenen Teilen Ihrer Website zuweisen. Sie können auch auswählen, welche Benutzer die einzelnen Kopf- oder Fußzeilen sehen sollen, z. B. registrierte Benutzer oder Benutzer mit einer bestimmten Rolle.

Regeln für die Headeranzeige

Mit Beaver Themer haben Sie eine gute Kontrolle darüber, wann Ihre Designs angezeigt werden und wann nicht.

(Zum Vergrößern anklicken)

Mit dieser Funktion können Sie eine Kopfzeile für Ihre Startseite, dann zusätzliche Überschriften für Beiträge in bestimmten Kategorien und eine benutzerdefinierte Kopfzeile für eine bestimmte Seite Ihrer Website entwerfen. Sie können auch einen benutzerdefinierten Header für Benutzer erstellen, die nicht angemeldet sind, und sie auffordern, sich für Ihr Mitgliedschaftsprogramm anzumelden.

Sobald Sie mit dem Erstellen eines benutzerdefinierten Headers in der Beaver Themer Builder-Oberfläche beginnen, können Sie jedes der Beaver Builder-Module in Ihr Layout ziehen und dort ablegen und dann dessen Inhalt anpassen.

Bearbeiten eines Headers mit Beaver Themer

Bearbeiten eines benutzerdefinierten Website-Headers in der Benutzeroberfläche des Drag & Drop-Builders von Beaver Themer.

(Zum Vergrößern anklicken)

Zusätzliche Zeilen, Spalten, Textbereiche, Bilder, Schaltflächen oder Menüs sind nur einige der Elemente, die Sie Ihrem benutzerdefinierten Header hinzufügen können.

Fügen Sie einem benutzerdefinierten Header eine Aktionsschaltfläche zum Aufrufen hinzu

Verwendung des Call-to-Action-Moduls zur Bewerbung eines Angebots im Header-Bereich der Website.

(Zum Vergrößern anklicken)

Sie können dann das Erscheinungsbild des gesamten Kopfbereichs anpassen oder die einzelnen Zeilen, Spalten und Module ändern, aus denen Ihr Layout besteht.

Stellen Sie die Kopfzeilenfarben ein

Mit Beaver Themer haben Sie eine gute Kontrolle über die Darstellungseinstellungen Ihrer Designs.

(Zum Vergrößern anklicken)

Sobald Sie Ihre Arbeit beendet haben, können Sie Ihr Design speichern und veröffentlichen, um Ihren Besuchern Ihr neues Design zu zeigen. Mit derselben Funktionalität können Sie benutzerdefinierte Fußzeilen für Ihre WordPress-Website erstellen.

Erstellen Sie benutzerdefinierte Themenbereiche

Eine weitere leistungsstarke Möglichkeit, mit Beaver Themer eine benutzerdefinierte WordPress-Website zu erstellen, ist die Funktion für thematische Teile. Dank dieser Funktionalität können Sie benutzerdefinierte Teile erstellen, z. B. einen Aufruf zum Handeln, ein optionales Formular oder ein anderes Element, und diese dann so konfigurieren, dass sie gemäß Ihren Spezifikationen in Ihren Inhalt eingefügt werden. Ein Beispiel könnte ein Call-to-Action-Banner sein, das nach dem Inhalt des Beitrags in allen Beiträgen einer bestimmten Kategorie angezeigt wird.

Erstellen Sie ein Designteil

Mit Designteilen können Sie Inhalte erstellen, die an verschiedenen Stellen in Ihre Website eingefügt werden können.

(Zum Vergrößern anklicken)

Nachdem Sie einen neuen Teil des Themas erstellt haben, können Sie auswählen, wo es auf Ihrer Seite angezeigt werden soll. Die Positionsoptionen sind beeindruckend, sogar vor oder nach dem Beitrags- und Seiteninhalt, vor und nach den Kopf- und Fußzeilenbereichen, um die Widgetbereiche herum und mehr.

Wählen Sie aus, wo ein Teil eingefügt werden soll

Über die Teileeinstellungen können Sie die Position oder Stelle auf der Seite auswählen, an der das Themateil angezeigt wird.

(Zum Vergrößern anklicken)

Sie können nicht nur auswählen, wo auf der Seite das Teil eingefügt werden soll, sondern auch festlegen, wo auf Ihrer Site das Teil angezeigt werden soll. Auch hier ist das Setup umfangreich und umfasst Optionen wie die Platzierung auf bestimmten Posts und Seiten, Posts und Auslagerungsdateien, Posts eines bestimmten Autors, bestimmten WooCommerce-Produkten, bestimmten Produktkategorien oder Ihrer gesamten Website. Sie können auch Ausschlussregeln erstellen, um zu definieren, wo der benutzerdefinierte Designteil nicht angezeigt wird.

Stellen Sie fest, wo auf der Site das Teil verwendet werden soll

Sie können auch den Ort oder die Stelle auswählen, an dem der Themenbereich auf Ihrer Site angezeigt wird.

(Zum Vergrößern anklicken)

Nachdem Sie den Ort und die Position definiert haben, können Sie den Generator starten und Ihr benutzerdefiniertes Thema erstellen.

Erstellen Sie ein benutzerdefiniertes Designteil

Mit der Funktion für Themenbereiche können Sie eine benutzerdefinierte Handlungsaufforderung erstellen, die am Ende aller Ihrer Seiten angezeigt wird.

(Zum Vergrößern anklicken)

Mit allen Beaver Builder-Modulen, die Ihnen zur Verfügung stehen, sollten Sie in der Lage sein, nahezu alle Arten von Themen zu erstellen, die Sie gemäß Ihren Einstellungen in Ihren Inhalt einfügen können.

Erstellen Sie benutzerdefinierte Layouts für einzelne Seiten und Archivseiten

Mit Beaver Themer können Sie auch benutzerdefinierte Layouts erstellen, um einzelne Inhalte und Archivseiten anzuzeigen. Sie können beispielsweise ein benutzerdefiniertes Layout erstellen, um alle Beiträge in einer bestimmten Kategorie in Ihrem Blog anzuzeigen. Alternativ können Sie ein benutzerdefiniertes Design erstellen, das für bestimmte Seiten Ihrer Website gilt, z. B. Ihre Verkaufsseiten.

Wenn Sie sich jemals gewünscht haben, mehr Kontrolle darüber zu haben, wie Blog-Post-Listen auf Ihrer Website angezeigt werden, bietet Ihnen Beaver Themer eine einfache Möglichkeit, benutzerdefinierte Post-Archivseiten zu gestalten.

Einstellungen für die Fotodatei

Dieses benutzerdefinierte Layout gilt für die Anzeige der Liste aller Beiträge in der Kategorie Fotografie.

(Zum Vergrößern anklicken)

Nachdem Sie das benutzerdefinierte Layout erstellt und definiert haben, wann es verwendet werden soll, können Sie es im Generator entwerfen.

Gestaltung der Archivseite

Erstellen Sie ein benutzerdefiniertes Dateilayout, um eine Liste der Blog-Beiträge in einem Raster anzuzeigen.

(Zum Vergrößern anklicken)

Die Beaver Themer Builder-Oberfläche gibt Ihnen viel Kontrolle darüber, wie Beiträge angezeigt werden. In den Einstellungen wird festgelegt, wie viele Beiträge angezeigt werden sollen, welche Art von Layout verwendet werden soll und vieles mehr. Sie können ganz einfach auswählen, welche Inhalte aus Posts angezeigt werden sollen, z. B. das ausgewählte Bild, der Postauszug, der Autorenname oder das Postdatum. Das Ändern von Farben, Rändern und anderen Anzeigeeigenschaften ist ebenfalls einfach.

Einstellungen, für die Beiträge angezeigt werden

Mit Beaver Themer können Sie fast jeden Aspekt der Anzeige von Posts auf der Archivseite steuern.

(Zum Vergrößern anklicken)

Wenn ein Besucher nun alle Beiträge in der Fotokategorie anzeigt, wird das benutzerdefinierte Layout auf die Inhaltsdatei angewendet.

Beispiel für das Design einer veröffentlichten Datei.

Das benutzerdefinierte Dateilayout wird verwendet, um alle Beiträge in einer bestimmten Kategorie anzuzeigen.

(Zum Vergrößern anklicken)

Neben dem Entwerfen benutzerdefinierter Layouts für Beitragslisten können Sie auch benutzerdefinierte Layouts für einzelne Beiträge und Seiten erstellen.

Die Funktion für Themenlayouts ist eine leistungsstarke Komponente von Beaver Themer: Die Möglichkeit, benutzerdefinierte Layouts für einzelne Seiten und Beiträge sowie für Archivseiten zu erstellen, eröffnet eine Welt kreativer Möglichkeiten. Durch die Kombination der intuitiven Benutzeroberfläche des Generators mit leistungsstarken Anzeigeeinstellungen können Sie definieren, wie die einzelnen Inhalte und Bereiche auf Ihrer Website dargestellt werden.

Feldverbindungen

Dank der Field Connections-Funktion Ihres Beaver Themer können Sie Elemente in Ihren Designs problemlos mit Inhalten verbinden, die an anderer Stelle auf Ihrer Website gespeichert sind. Wenn Sie beispielsweise ein benutzerdefiniertes Layout für die Anzeige einzelner Beiträge erstellen, können Sie das Hintergrundbild für die Kopfzeilenanzeige so einstellen, dass das ausgewählte Bild des angezeigten Inhalts verwendet wird.

Verwenden Sie Feldanschlüsse

Bei Verwendung von Feldverbindern wird das ausgewählte Bild des angezeigten Beitrags als Hintergrundbild für diese Zeile verwendet.

(Zum Vergrößern anklicken)

Wenn Sie Ihrem Layout ein textbasiertes Modul hinzugefügt haben, können Sie alternativ Feldkonnektoren verwenden, um Textinhalte aus verschiedenen Quellen anzuzeigen. Zu den Optionen gehört das Extrahieren von Textinhalten aus dem Feld "Post-Titel", "Post-Auszug" und sogar aus benutzerdefinierten Feldern.

Importieren Sie Text aus einem bestimmten Feld

Feldkonnektoren erleichtern das Hinzufügen dynamischer Inhalte zu Ihren Layouts, die basierend auf den angezeigten Inhalten aktualisiert werden.

(Zum Vergrößern anklicken)

Erstellen Sie wiederverwendbare Elemente

Um Ihren Workflow zu beschleunigen, können Sie mit Beaver Themer ganz einfach eine Bibliothek mit wiederverwendbaren Elementen erstellen. Sie können Vorlagen erstellen, die als Ausgangspunkt für die Erstellung neuer benutzerdefinierter Layouts in der Generatoroberfläche verwendet werden können.

Speichern Sie ein Modul zur Wiederverwendung

Mit Beaver Themer können Sie Module, Zeilen und Vorlagen speichern, die Sie zur Wiederverwendung auf Ihrer Site erstellt haben.

(Zum Vergrößern anklicken)

Sie können auch alle Ihre Zeilen oder Module speichern und sie dann auf Ihrer Site wiederverwenden. Wenn Sie ein Element in Ihrer Bibliothek speichern und es in ein globales Element umwandeln, können Sie es mehreren Seiten hinzufügen, aber an einer Stelle bearbeiten, wobei die Änderungen an jede Instanz dieses Elements gesendet werden.

Bibliothek gespeicherter Module

Sobald Sie ein Modul oder eine Zeile gespeichert haben, können Sie es per Drag & Drop auf Ihre Layouts auf Ihrer Website ziehen.

(Zum Vergrößern anklicken)

Preisinformationen zu Beaver Themer

Da Beaver Themer ein Plugin für das Beaver Builder-Plugin für den Seitenersteller ist, müssen Sie beide Produkte erwerben, um den Theme Builder verwenden zu können. Leider funktioniert Beaver Themer nicht mit der kostenlosen Lite-Version von Beaver Builder Page Creator.

Die Preisoptionen für Beaver Builder- und Themer-Produkte lauten wie folgt:

  • Beaver Builder Page Builder Plugin: ab 99 US-Dollar.
  • Beaver Builder Themer Plugin: $ 149.
  • Gesamtpreis: ab 248 USD.

Wie bereits in diesem Test erwähnt, funktioniert dieses Tool am besten mit einem vollständig kompatiblen WordPress-Theme. Genesis-Themen sind eine Option, während Beaver Builder WordPress-Thema eine andere ist. Für den Zugriff auf das Beaver Builder-Thema muss die Pro-Lizenz für 199 USD oder die Agentur für Beaver Builder für 399 USD erworben werden, wodurch sich der Preis für Beaver Builder und Beaver Themer auf 348 USD oder 548 USD erhöht.

Die gute Nachricht ist, dass Ihr Kauf von Beaver Themer die Nutzung auf einer unbegrenzten Anzahl von Websites abdeckt.

Letzte Gedanken

Damit ist unsere Überprüfung von Beaver Themer abgeschlossen. Wie Sie sehen können, gibt Ihnen dieses Tool viel mehr Kontrolle über Ihre WordPress-Website als fast jedes andere heute verfügbare Plugin für den Seitenersteller.

Durch die Möglichkeit, benutzerdefinierte Kopf- und Fußzeilen für Ihre Website sowie benutzerdefinierte Vorlagen für die Seiten und Dateien Ihrer Blogposts zu erstellen, können Sie eine exklusive WordPress-Website erstellen.

Wenn Sie eine benutzerdefinierte Website erstellen und das Beaver Builder-Thema oder eines der folgenden Themen kaufen und verwenden möchten vollständig unterstützte OptionenDie Kombination Beaver Builder und Beaver Themer wird dringend empfohlen. Wenn Sie jedoch kein vollständig kompatibles Design verwenden, ist es nicht so einfach, Beaver Themer zu empfehlen. Stattdessen liegt es an Ihnen, zu entscheiden, ob die leicht eingeschränkte Funktionalität dieses Tool zu einer wertvollen Investition für Ihre Website macht.

Wenn Sie diesen Website-Builder selbst ausprobieren möchten, können Sie das ausprobieren Beaver Themer Online-Demo.