Tipps zum Einstieg in den WPBakery Page Builder

WPBakery Page Builder ist der beliebteste WordPress-Seitenersteller, der weltweit über 2 Millionen Websites betreibt, und eines der meistverkauften Plugins im Jahr 2018. Dieser Drag & Drop-Frontend- und Backend-Editor, früher bekannt als Visual Composer Page Builder, verfügt über eine Vielzahl von Funktionen, mit denen Sie ganz einfach jedes gewünschte Layout erstellen können.

In diesem ausführlichen Artikel zum WPBakery Page Builder erfahren Sie Folgendes:

Vorteile und Funktionalitäten des WPBakery-Plugins

Abgesehen davon, dass ihm Millionen auf der ganzen Welt vertrauen, bietet dieses Plugin ein breites Spektrum an professionellen Optionen. Das Tolle ist, dass Sie je nach Bedarf auf den Frontend-Editor oder den Backend-Editor zugreifen können. Das bedeutet, dass Sie Ihre bevorzugte Ansicht auswählen können – entweder können Sie die Elemente mit dem Backend-Schaltplaneditor verwalten oder Ihre Ergebnisse live sehen.

Große Reaktionsfähigkeit

Wenn Sie möchten, dass Ihre Website auf jedem Gerätetyp und jeder Bildschirmgröße gut aussieht, hilft Ihnen WPBakery bei der einfachen Verwaltung. Damit haben Sie die volle Kontrolle über die Reaktionsfähigkeit. Dies bedeutet im Grunde, dass dieses Plugin mit allem ausgestattet ist, was zum Erstellen einer responsiven Website erforderlich ist. WPBakery Page Builder Responsive Preview ist für schnelle und praktische Anpassungen verfügbar.

Shortcode-Mapper

In einem Fall, in dem Sie Shortcodes von Drittanbietern zu Ihrer Website hinzufügen müssen und nicht codieren können oder wollen, bietet WPBakery Page Builder Shortcode Mapper an. So können Sie Parameter, Werte und Beschreibungen mühelos bearbeiten.

Funktioniert mit jedem Thema

Ein weiterer erstaunlicher Vorteil der Verwendung dieses Plugins ist, dass es mit jedem WordPress-Theme funktioniert. Im Gegensatz zu Seitenerstellern, die für bestimmte Themen erstellt wurden, funktioniert WPBakery Page Builder perfekt mit jedem Thementyp und jedem Designtyp.

Unterstützung für benutzerdefinierte Beitragstypen

Wenn Sie eine WordPress-Site betreiben, sind Sie wahrscheinlich mit der Tatsache vertraut, dass Sie benutzerdefinierte Beitragstypen erstellen können. Sie können dies entweder manuell oder mit Hilfe eines Plugins tun. Das Gute am WPBakery Page Builder ist, dass er mit jedem Beitragstyp funktioniert, sogar mit benutzerdefinierten. Darüber hinaus können Sie das Aussehen jedes Elements, einschließlich Ränder, Ränder und Hintergrund, mit nur wenigen Klicks steuern. Sie können auch die Farben nach Belieben einstellen.

Mehrsprachigkeit und WooCommerce-Unterstützung

Sie können sich Ihr Geschäft ohne einen von WooCommerce betriebenen E-Shop nicht vorstellen? Kein Problem. Installieren Sie zuerst das WooCommerce-Plugin und verwalten Sie dann die Optionen nach Ihren Bedürfnissen. Alle WooCommerce-Plugins sind im Elementmenü von WPBakery Page Builder verfügbar, sodass Sie sie optimal nutzen können. Außerdem ist WPBakery Page Builder mit dem WPML-Plugin kompatibel, sodass Sie eine Website in jeder gewünschten Sprache ausführen können.

Video- und Parallaxenhintergrund

Der Parallax-Effekt ist eine großartige Möglichkeit, den Inhalt Ihrer Website spielerischer und unterhaltsamer zu gestalten. Wenn Sie also erwägen, es zu Ihren Geschichten hinzuzufügen, ist die gute Nachricht, dass Sie den WPBakery Page Builder-Zeilen und -Spalten ganz einfach einen Parallaxenhintergrund hinzufügen können. Kombinieren Sie für das beste Ergebnis und einen fesselnden Website-Look Video- und Parallax-Hintergrund, um erweiterte Layouts zu erstellen. Fügen Sie einfach YouTube-Videos in Zeilenhintergründe ein und überraschen Sie Website-Besucher mit ansprechenden Effekten.

Installation des WPBakery-Plugins

Wenn Sie WPBakery Page Builder speziell für WordPress verwenden möchten, müssen Sie es zunächst installieren. Obwohl das WPBakery-Plugin nicht direkt über das WordPress-Plugin-Verzeichnis installiert werden kann, ist dies mit nur wenigen Klicks problemlos möglich.

Tatsächlich funktioniert dieser Installationsprozess für alle Premium-Plugins, die nicht auf den kostenlosen Plugin-Versionen aufbauen, gleich. In diesem Fall erhalten Sie nach dem Kauf des gewünschten Premium-Plugins eine Zip-Datei mit allem, was Sie für eine erfolgreiche, stressfreie Installation benötigen. Sie müssen nichts über die Struktur von zip und seine Elemente wissen – alles, was Sie tun müssen, ist, es zu Ihrer WordPress-Website hinzuzufügen. Befolgen Sie diese einfachen Schritte, um das WordPress-Plugin mühelos zu installieren.

1. Klicken Sie in Ihrem WordPress-Dashboard auf Plugins > Neu hinzufügen.
2. Klicken Sie auf die Schaltfläche Link hochladen (sie befindet sich in der oberen linken Ecke).
3. Wählen Sie nun die ZIP-Datei aus – finden Sie sie über die Schaltfläche, mit der Sie sie auf Ihrem Computer lokalisieren können (sie befindet sich in dem Archiv, das Sie nach dem Kauf heruntergeladen haben).
4. Klicken Sie auf die Schaltfläche Jetzt installieren.
5. Warten Sie, bis das Plugin auf Ihren Server hochgeladen ist.
6. Klicken Sie abschließend auf die Schaltfläche Plugin aktivieren, um mit der Aktivierung fortzufahren.

So aktivieren Sie den WPBakery Page Builder

Die meisten Premium-Plugins (und auch Themes) erfordern eine Art Aktivierung. Dies geschieht normalerweise mit einer Art Code. Die Aktivierung stellt sicher, dass das kostenpflichtige Plugin nur einmal verwendet wird. Dieser Schritt schützt die Autoren und ihre harte Arbeit. Dank diesem Schritt sind exklusive Features und Funktionalitäten nur kostenpflichtigen Plugin-Versionen vorbehalten. Mit anderen Worten, Personen, die ein Premium-Plugin kaufen, können es nur für ihre persönlichen Bedürfnisse verwenden – niemand sonst kann das Plugin aktivieren.

Gemäß der Aktivierung ist es so einfach wie es nur geht. Nachdem Sie das Plugin installiert haben, gehen Sie zum WPBakery Page Builder, der auf Ihrem Admin-Dashboard abgelegt ist. Klicken Sie nun auf Allgemeine Einstellungen.

Hier finden Sie die Schaltfläche Produktlizenz. Nachdem Sie auf WPBakery Page Builder aktivieren geklickt haben, werden Sie zum WPBakery Support Portal weitergeleitet.

Beim Kauf der Lizenz haben Sie auch Ihr Konto erstellt. Jetzt ist es an der Zeit, sich mit den erforderlichen Daten bei diesem Konto anzumelden.

Jeder Einkauf über Ihr Konto wird dokumentiert. Wenn Sie mehrere Lizenzen kaufen müssen (wenn Sie dieses Plugin für verschiedene Websites verwenden müssen), wird jede Lizenz in Ihrem Konto angezeigt. Wenn Sie einen WPBakery-Seitenersteller nur für eine Website benötigen, erwerben Sie die Lizenz natürlich einmal. Wenn Sie mehrere Lizenzen erworben haben, werden diese in einem Dropdown-Menü aufgelistet (siehe Abbildung unten). Sie können nur die Lizenzen aktivieren, die noch nicht aktiviert wurden. Einfach gesagt: eine Lizenz – eine Aktivierung.

Klicken Sie abschließend auf Aktivieren, um mit der Verwendung des Plugins zu beginnen.

WPBakery Grundeinstellungen

WPBakery Page Builder bringt viele nützliche Funktionen mit. Die meisten Benutzer verwenden die automatischen Einstellungen, aber falls Sie spezielle Anforderungen haben, können Sie die Funktionen weiter anpassen.

Wie wir bereits erwähnt haben, finden Sie bei der Installation des WPBakery-Plugins die WPBakery Page Builder-Option in Ihrem Admin-Dashboard. Hier finden Sie unter verschiedenen Wannen unterschiedliche Einstellmöglichkeiten.

Wir empfehlen Ihnen, den Gutenberg-Editor zu deaktivieren, bevor Sie den WPBakery-Seitenersteller verwenden. Gehen Sie zu Allgemeine Einstellungen, suchen Sie den Abschnitt Gutenberg-Editor deaktivieren und markieren Sie Deaktivieren.

Der Gutemberg-Editor wird standardmäßig aktiviert, nachdem Sie eine neue Seite erstellt oder in WordPress gepostet haben. Stellen Sie also sicher, dass Sie dies deaktivieren , wenn Sie keine Zeit verlieren und den Editortyp jedes Mal ändern möchten. Wenn Sie Gutenberg deaktivieren, können Sie ganz einfach andere Einstellungen ohne Ablenkung anpassen.

Gehen Sie vor allem anderen zum Rollen-Manager. Hier können Sie festlegen, welche Benutzerrollen auf Ihre WPBakery-Einstellungen zugreifen, Vorlagen hinzufügen usw.

Vergessen Sie als Nächstes nicht, den WPBakery-Editor für Beiträge zu aktivieren. Nach der Installation ist der WPBakery-Editor nur noch auf Ihren Seiten verfügbar. Aber Sie werden es wahrscheinlich auf Ihren Posts und Produktseiten haben wollen, besonders wenn Sie einen Online-Shop betreiben. Gehen Sie zum Feld Beitragstyp und klicken Sie auf Benutzerdefiniert. Dadurch können Sie den Editor jederzeit aktivieren.

So verwenden Sie WPBakery Page Builder für WordPress

WPBakery Page Builder ist einfach zu bedienen. Es bietet sowohl einen Frontend- als auch einen Backend-Editor. Der Frontend-Editor gilt als intuitiver und benutzerfreundlicher. Es ermöglicht Ihnen, den Inhalt, den Sie hinzufügen, sofort zu sehen. Der Backend-Editor ist ebenfalls einfach. Einige Benutzer denken sogar, dass der Backend-Editor die einfachere Option ist. Wählen Sie, was für Sie am besten funktioniert, je nach Ihren Vorlieben.

Einige Premium-WordPress-Designs, die den WPBakery-Seitenersteller unterstützen, bieten möglicherweise nur einen Backend- oder Frontend-Editor. Der Grund dafür ist einfach. Ihre Autoren denken oft, dass ein Lektor genug ist. Da sie dazu neigen, spezielle Funktionen für diesen Seitenersteller zu entwickeln, können sie einen bestimmten Editortyp (Frontend oder Backend) direkt im Code blockieren.

Schauen wir uns nun diesen WordPress-Editor genauer an. Dank dieses Editors können Sie einfach WPBakery-Elemente hinzufügen. Das gleiche Prinzip wird im Gutenberg-Seitenersteller verwendet, aber hier können Sie verschiedene Gutenberg-Blöcke hinzufügen.

Wenn Sie einen Frontend-Editor bevorzugen, können Sie ein neues Element hinzufügen, indem Sie auf ein + in der linken oberen Ecke klicken. Sie können auch auf die Schaltfläche Element hinzufügen klicken.

Wenn Sie sich jedoch für einen Backend-Editor entscheiden, ist das Hinzufügen von Elementen fast identisch.

Nachdem Sie auf das Element Hinzufügen geklickt haben, werden alle verfügbaren Elemente angezeigt. Unser Rat ist, zuerst die Zeile hinzuzufügen. Wenn Sie versuchen, zuerst ein anderes Element hinzuzufügen, wird die Zeile automatisch angezeigt und dieses Element wird innerhalb der Zeile platziert. Charakteristisch für den WPBakery Page Builder ist das Zeilenprinzip. Je nach Bedarf können Sie die gesamte Seite in einer Zeile erstellen oder separate Elemente in verschiedenen Zeilen hinzufügen. Mit dem zweiten Ansatz können Sie Ihre Seite viel einfacher organisieren. Deshalb raten wir Ihnen, es immer zu verwenden.

Aber warum müssen Sie Ihre Inhalte in Zeilen platzieren? Der Grund dafür ist einfach. Die Zeile behandelt eine bestimmte Gruppe von Elementen als eine, ganze Einheit. Wenn Sie also in Zukunft etwas ändern müssen, ist es einfacher, dies über Rows zu tun. Charakteristisch für Row ist auch die Tatsache, dass es zwei Arten von Einstellungen gibt – Allgemeine und Gestaltungsoptionen. Gehen Sie zunächst diese Optionen durch, um mehr über alle Möglichkeiten zu erfahren, die Ihnen gegeben wurden. Auf diese Weise lernen Sie, wie Sie Row an Ihre Bedürfnisse anpassen können.

Eine weitere wichtige Option, auf die Sie achten sollten, ist die Anzahl der Spalten. Mit dem Seitenersteller WPBakery können Sie Zeilen auf viele Arten in Spalten aufteilen.

Nachdem Sie eine bestimmte Spaltenreihenfolge ausgewählt haben, können Sie Elemente in jeder Spalte separat hinzufügen.

Um dies besser zu veranschaulichen, werfen wir einen Blick auf dieses Beispiel unten. Wie viele Zeilen und Spalten sehen Sie hier? Was ist der beste Weg, um eine solche Gruppe zu erstellen? Mal schauen.

Dieses Beispiel ist ziemlich einfach. Es ist offensichtlich, dass wir nur zwei Zeilen haben – die erste hat eine Spalte mit einem Textelement (Überschrift) und die zweite besteht aus drei Spalten (Bild und zwei Textelemente).

Wenn Sie einen bestimmten WordPress-Builder beherrschen möchten, ist es im Allgemeinen am besten, ihn zu testen. Fügen Sie einfach verschiedene Elemente hinzu und sehen Sie sich das Ergebnis an, nachdem Sie sie der Seite hinzugefügt haben. Jedes Element hat spezifische Einstellungen, daher ist die praktische Arbeit der beste Weg, um alles zu lernen, was Sie verwenden möchten. Selbst wenn Sie einen Fehler machen, können Sie ihn leicht ändern, also haben Sie keine Angst zu experimentieren und zu testen.

Ein weiteres wichtiges Element, das Sie nicht überspringen sollten, ist ein Separator-Element.

Dieses Element ist entscheidend für Ihr Design, da es zum Anpassen des Abstands zwischen zwei Elementen verwendet wird. Unten sehen Sie die erste Spalte ohne Trennzeichen und die anderen beiden, wo das Trennzeichen verwendet wird. Der Unterschied ist offensichtlich.

WPBakery-Vorlagen

WPBakery-Vorlagen, die gleichen wie Elementor-Vorlagen, ermöglichen es uns, die Seite einfach zu erstellen. Nachdem Sie eine Vorlage ausgewählt haben, können Sie je nach Bedarf deren Inhalt ändern oder Elemente löschen/hinzufügen.

In diesem Feld finden Sie alle verfügbaren Vorlagen. Außerdem können Sie viele verschiedene Vorlagen auf derselben Seite verwenden.

Toll ist auch die Option, mit der Sie Ihre Seiten oder Zeilen als Vorlagen speichern können. Wenn Sie diese Abschnitte später verwenden möchten, haben Sie sie an einem Ort bereit. Wenn Ihre Seite aus sich wiederholenden Elementen besteht, müssen Sie sie nicht jedes Mal neu erstellen – finden Sie sie einfach in Ihrer Vorlagenbibliothek.

Um die gesamte Seite zu speichern (nachdem Sie den Inhalt hinzugefügt haben), klicken Sie auf das Feld in der oberen linken Ecke des Editors, benennen Sie es und klicken Sie auf die Schaltfläche Vorlage speichern.

Alle gespeicherten Vorlagen werden in der Bibliothek „Meine Vorlagen ” angezeigt. Hier können Sie die WPBakery-Vorlage auswählen, die Sie verwenden möchten, oder die nicht mehr benötigte löschen.

Wenn Sie Zeilenvorlagen speichern möchten, ist der Vorgang identisch. Jede Vorlage, die Sie speichern, kann später verwendet werden und ist in der Bibliothek verfügbar.

Lass es uns einwickeln

WPBakery Page Builder ist dank seiner Benutzerfreundlichkeit, leistungsstarken Optionen und sauberen Benutzeroberfläche einer der beliebtesten WordPress-Editoren . Wenn Sie vorhaben, es zu verwenden, haben Sie keine Angst, es zu testen und aus Erfahrungen zu lernen. Dieser Editor basiert auf dem Prinzip von Rows und sobald Sie ihre Regeln beherrschen, können Sie jedes Website-Element erstellen. Ich hoffe, unser WPBakery Page Builder-Tutorial war hilfreich. Viel Erfolg beim Seitenaufbau!