ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Search
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
Lektüre: WPBakery (ehemals Visual Composer): Drag & Drop Website-Erstellung
Aktie
Benachrichtigung Zeig mehr
Neuesten Nachrichten
Gewinner und Verlierer: Das Steam Deck wird zum ersten Mal verkauft, da Microsoft sein KI-Ethikteam fallen lässt
Technische Bewertungen
Strg+Alt+Entf: Laptops sollten mehr Wert auf Personalisierung legen
Technische Bewertungen
Die 8 besten Tools zur Optimierung von Online-Inhalten für WordPress (2023)
Showcase
Schnellladung: Der Snapdragon 7 Plus Gen 2 ist in der Lage, aber werden alle Telefone ihn verwenden?
Technische Bewertungen
Apple MacBook Pro mit M2 Pro erhält einen verlockenden Rabatt
Angebote
Aa
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Aa
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
Search
  • Bloggen
  • WordPress
  • E-Mail Marketing
  • SEO
  • Soziale Netzwerke
  • Mehr
    • Tutorials
    • Shopify
    • Bewertungen
    • Tipps
    • Sicherheit
    • Software und Dienste
    • Verkehrserzeugung
    • Anfängerleitfaden
    • Showcase
Folge uns
  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt
© 2022 Themelocal. Alle Rechte vorbehalten.
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren > Blog > Bewertungen > WPBakery (ehemals Visual Composer): Drag & Drop Website-Erstellung
Bewertungen

WPBakery (ehemals Visual Composer): Drag & Drop Website-Erstellung

Zuletzt aktualisiert: November 18, 2021 12:12 am
ThemeLocal vor 1 Jahr 11 Minuten Mindestlesezeit
Aktie
11 Minuten Mindestlesezeit
Aktie

WordPress ist großartig und die Möglichkeit, Ihre von WordPress betriebene Website anzupassen, ist nur das i-Tüpfelchen. Allerdings sind nicht alle von uns Programmier-Gurus. Verdammt, einige WordPress-Liebhaber wissen nichts über HTML oder CSS. Dies sollte Sie jedoch nicht davon abhalten, Ihr WordPress-Theme anzupassen. Hier kommen Pagebuilder ins Spiel.

Contents
Was ist WPBakery? (ehemals Visual Composer genannt)Wie der WPBakery Visual Builder funktioniert und was er kannReihenSeitenelementeZiehen und loslassenZeilenoptionen: Zeilen formatieren, klonen und löschenFrontend-EditorErweiterungenOptionen für Visual Composer-EinstellungenSehen Sie es in AktionVollständiges WPBakery Visual Builder-NutzungshandbuchWo Sie es bekommen können

Drag & Drop-Seitenersteller sind als Plugins weit verbreitet und in viele beliebte Themes integriert. Sie ermöglichen es Benutzern aller Ebenen, Änderungen am allgemeinen Layout eines Themas vorzunehmen, und es kann das Hinzufügen zusätzlicher Schnörkel (Symbole, Skill-Leisten, Preistabellen usw.) sehr einfach machen. Konkret möchten wir Ihnen unser neues Lieblings-WordPress-Plugin zum Erstellen von Seiten vorstellen – den WPBakery Visual Builder.

Holen Sie sich WPBakery (ehemals Visual Composer) kostenlos! Das WPBakery-Plugin ist kostenlos beim Kauf unserer Gesamtes WordPress-Theme und es enthält einige großartige Erweiterungen für das Plugin zur Verwendung mit dem Thema.

Möchten Sie mehr erfahren? Lesen und befolgen Sie unsere aktualisierte WPBakery-Anleitung! Dieser detailliertere Rundgang zeigt Ihnen die Vor- und Nachteile dieses beliebten Seitenerstellers zusammen mit einem Anwendungsbeispiel.

Was ist WPBakery? (ehemals Visual Composer genannt)

Der WPBakery Visual Builder ist ein fantastisches Plugin, das von WP Bakery entwickelt wurde und Ihrem WordPress-Theme einen Drag & Drop-Seitenersteller hinzufügt. Wir haben es in unser Total Multipurpose WordPress Theme eingefügt, aber Sie können es auch in fast jedem neuen Top-Seller auf Themeforest sehen. Es bietet Ihnen die Werkzeuge, die Sie benötigen, um komplexe Seitenlayouts zu erstellen, ohne eine einzige Codezeile berühren zu müssen.

Wie der WPBakery Visual Builder funktioniert und was er kann

Es ist ein Plugin, also installieren und aktivieren Sie es einfach, um alle seine wunderbaren Funktionen zu nutzen. Nach der Aktivierung gibt Ihnen der WPBakery Visual Builder die Kontrolle über das Layout Ihrer Seiten. Fügen Sie einfach eine neue Seite hinzu und Sie sehen neue Schaltflächen, mit denen Sie zwischen klassischem Modus und Builder-Modus wechseln können, sowie eine Schaltfläche, die Sie zum Live-Frontend-Editor führt.

Visual-Composer-Button

Von hier aus sind die Möglichkeiten nur noch durch Ihre (oder die Ihrer Kunden) Vorstellungskraft begrenzt. Sie können Zeilen, Spalten, Schaltflächen, Text, Bilder und vieles mehr mit allen Optionen des WPBakery Visual Builder hinzufügen. Außerdem besteht die Möglichkeit, Ihre Layouts als Vorlagen zu speichern, um sie immer wieder zu verwenden.

Reihen

Im Builder enthalten sind Seitenerstellungselemente. Sie können diese Elemente als wörtliche Bausteine ​​für Ihre Seite verwenden. Zuerst Eine Zeile hinzufügen. Zeilen ermöglichen das Hinzufügen von Spalten mit einem Klick. Bewegen Sie einfach den Mauszeiger auf die gelbe Absatzregisterkarte in der oberen linken Ecke Ihrer Zeile und wählen Sie ein Layout aus. Die Zeile wird entsprechend dem von Ihnen gewählten Layout automatisch in Spalten unterteilt.

total-add-row

Seitenelemente

total-add-elemente

Der nächste Schritt besteht darin, mit dem Hinzufügen Ihrer Seitenfunktionen zu beginnen. Klicken Sie einfach auf Element hinzufügen , um ein Popup-Menü zu öffnen. Es gibt viele Optionen zum Hinzufügen von Textfeldern, Überschriften, Social Sharing, Bildern und Galerien, Umschaltern oder Registerkarten, Akkordeons, aktuellen Beiträgen (die neben den Blog-Beiträgen auch mit den benutzerdefinierten Beitragstypen Ihres Themas funktionieren), Schaltflächen und sogar Seitenleisten-Widgets.

Außerdem sehen Sie je nach WordPress-Theme und kompatiblen Plugins, die Sie mit dem WPBakery Visual Builder verwenden, mehr oder weniger Seitenelemente. Das obige Beispiel stammt von unserem Gesamtes Drag & Drop WordPress-Theme, also gibt es zusätzliche 30 Page Builder-Elemente, die wir exklusiv für Total erstellt und gestaltet haben. Dazu gehören benutzerdefinierte Trennwände, Symbolfelder, Meilensteine, Karussells und mehr.

Klicken Sie auf ein beliebiges Element, um die Optionen für dieses Element zu öffnen. Unten ist ein Beispiel für die „Optionen“ für unser Icon Box-Modul im Total-Theme. Wie Sie sehen, kann jedes Modul viele Einstellungen und sogar mehrere Registerkarten mit Einstellungen haben.

Icon-Box-Einstellungen

Der Builder unterstützt auch vier fantastische Plugins von Drittanbietern: Layer Slider, Revolution Slider, Gravity Forms und Contact Form 7. Wenn Sie eines dieser Plugins installiert haben, wird automatisch ein Seitenelement für das Thema angezeigt. Wenn Sie sich entscheiden, ein Seitenelement für eines dieser Plugins einzufügen, zeigt WPBakery Visual Builder eine Dropdown-Liste der entsprechenden Schieberegler/Formulare an, die Sie erstellt haben, oder zeigt ein Eingabefeld an, in dem Sie Ihre Schieberegler-ID hinzufügen können. Kein Kopieren und Einfügen von Shortcodes mehr!

Ziehen und loslassen

Visual-Composer-Editor

Zu jedem Zeitpunkt im Designprozess können Sie beliebige Zeilen- oder Seitenelemente per Drag & Drop verschieben, um sie neu anzuordnen. Sie können auch jede Zeile oder jedes Element duplizieren, was das Hinzufügen von sich wiederholenden Inhalten schnell und einfach macht (ideal für ähnliche Spalten, FAQs, Umschalter usw.).

Sobald Sie ein Design erstellt haben, das Ihnen gefällt, können Sie es als Vorlage speichern. Dies ist praktisch, wenn Sie ein benutzerdefiniertes Seitenlayout oder eine Seitenleiste erstellen, die Sie wiederverwenden möchten. Klicken Sie einfach auf die Vorlagen Schaltfläche, geben Sie Ihrem Layout einen Namen und klicken Sie auf Speichern. Wenn Sie Ihre Vorlage verwenden, wird Ihre Seite automatisch mit dem Layout und den Elementen gefüllt, die Sie gespeichert haben.

Zeilenoptionen: Zeilen formatieren, klonen und löschen

In der äußersten linken Ecke jeder Zeile wurden drei zusätzliche Funktionen hinzugefügt, mit denen Sie eine ganze Zeile und ihren gesamten Inhalt klonen oder duplizieren, neue Module hinzufügen, die Spalten bearbeiten können usw. Bewegen Sie einfach den Mauszeiger auf eine Zeile, die Sie bearbeiten möchten um auf diese Einstellungen zuzugreifen:

total-visual-composer-row-settings

Auch hier können die Formatierungsoptionen, die Ihnen zur Verfügung stehen, je nach Thema, das Sie verwenden, unterschiedlich sein. Während einige Theme-Entwickler den WPBakery Visual Builder unverändert lassen, passen viele das Plugin an die Bedürfnisse oder den Stil ihres Themes an.

Frontend-Editor

Der leistungsstarke WPBakery Visual Builder enthält jetzt einen Frontend-Editor, der es einfacher denn je macht, mit dem Erstellen eigener Seiten und Layouts zu beginnen. Die einzige Einschränkung ist, dass noch nicht alle Themes den Frontend-Editor unterstützen. Überprüfen Sie unbedingt die Funktionsliste eines Themes oder wenden Sie sich direkt an den Theme-Entwickler, um festzustellen, ob der Visual Composer-Frontend-Editor mit Ihrem WordPress-Theme kompatibel ist. Unsere Das gesamte WordPress-Theme ist zu 100% mit dem Front-End-Editor kompatibel Wenn Ihr aktuelles Thema nicht dies ist, sollten Sie ein „Upgrade“ auf unser Thema in Betracht ziehen.

Erweiterungen

Das letzte Feature, das ich ansprechen möchte, ist die Erweiterbarkeit des WPBakery Visual Builder. Wenn Sie ein fortgeschrittener Coder oder Theme-Entwickler sind, können Sie Ihre eigenen Shortcodes in das Plugin integrieren. Tatsächlich haben wir unseren eigenen Symple Shortcodes Premium hinzugefügt, um Total-Benutzern zusätzliche Elemente zum Erstellen von Seiten zu bieten. Dies gibt Benutzern noch mehr Möglichkeiten beim Erstellen von Seiten!

Wenn Sie kein Programmierer sind, schauen Sie sich CodeCanyon an und suchen Sie schnell nach WPBakery oder Visual Composer Add-on. Es gibt viele großartige Premium-Plugins, die dem WPBakery Visual Builder zusätzliche Funktionen hinzufügen, und sogar einige gute kostenlose Plugins wie unser Symple Shortcodes-Plugin.

Optionen für Visual Composer-Einstellungen

Ich bezeichne WPBakery immer wieder als Page Builder, aber es funktioniert auch hervorragend mit Beiträgen und benutzerdefinierten Beitragstypen. Alles, was Sie tun müssen, ist die Option zu aktivieren. Navigieren Sie zu Einstellungen > WPBakery. Sie sollten einen ähnlichen Bildschirm sehen (Hinweis – das Plugin hieß früher Visual Composer, also je nach Version, die Sie verwenden, kann Ihre Seitenleiste Visual Composer oder WPBakery sagen):

Visual Composer-Einstellungen

Das Plugin zeigt automatisch die verschiedenen Inhaltstypen an, die in Ihrem WordPress-Theme enthalten sind. Wählen Sie einfach aus, was Sie mit dem WPBakery Page Builder verwenden möchten. Das obige Beispiel stammt aus unserem Total-Theme, weshalb es zusätzliche Optionen für Portfolio, Mitarbeiter und Testimonials (alle benutzerdefinierten Beitragstypen) sowie Foren, Themen, Antworten und Produkte (bezogen auf die von Total unterstützten bbPress- und WooCommerce-Plugins) gibt. .

Sie können dem WPBakery Visual Builder auch beliebige Shortcode-Plugins zuordnen, die Sie bereits auf Ihrer WordPress-Site installiert haben. Klicken Sie auf der Einstellungsseite oben auf die Registerkarte Meine Shortcodes und klicken Sie auf die Schaltfläche zum Zuordnen von Shortcodes. Dies sollte Ihren Composer-Elementen Ihre Shortcodes von Drittanbietern hinzufügen. Einfach!

Sehen Sie es in Aktion

Wie gesagt, wir lieben den WPBakery Visual Builder so sehr, dass wir ihn in unseren Bestseller eingebaut haben Gesamtes WordPress-Theme (kostenlos bei Ihrem Kauf enthalten). Schauen Sie sich die verschiedenen Seiten unserer Live-Demos für das Total Theme an. Die meisten Seiten, die Sie in unseren Live-Demos sehen werden, wurden mit dem WPBakery Visual Builder erstellt! Hinzufügen von Hintergründen, Überschriften, Text, Bildern, Symbolen usw. Es ist alles ein „Stück Kuchen“.

Themendemos insgesamt

Vollständiges WPBakery Visual Builder-Nutzungshandbuch

Wenn Sie das Plugin bereits besitzen und nach einer Anleitung zur Verwendung suchen, werfen Sie einen Blick auf unsere vollständige WPBakery (ehemals Visual Composer)-Anleitung, die Sie Schritt für Schritt durchführt und Ihnen zeigt, wie Sie das Plugin verwenden.

Wo Sie es bekommen können

WPBakery Visual Builder (ehemals Visual Composer) ist auf CodeCanyon verfügbar, wenn Sie es selbst erhalten möchten. Es wurde auch vollständig in unser Premium WordPress Theme Total integriert (zusammen mit zwei anderen Premium-Plugins für einen Gesamtwert von 67 US-Dollar – was mehr ist, als Sie für das Thema bezahlen!).

Gesamt erhalten WPBAKERY VISUAL BUILDER ERHALTEN

Teilen Sie uns unten Ihre Meinung zu dem Plugin mit. Wir sind wirklich beeindruckt von WPBakery Visual Composer und würden uns freuen, Ihre Meinung dazu zu hören!

Verwandter Beitrag

Pixel 7 Feature Drop fügt kostenloses VPN und Clear Calling hinzu

Pixel 6 Price Drop: Sparen Sie viel beim Flaggschiff-Telefon von Google

So beheben Sie weißen Text und fehlende Schaltflächen im WordPress Visual Editor

So deaktivieren Sie die Formatierungsverknüpfungen des Visual Editors in WordPress 4.3

Tipps und Tricks zum WordPress Visual Editor

MARKIERTE: Composer, Drag, Drop, ehemals, Visual, WebsiteErstellung, WPBakery
ThemeLocal November 18, 2021
Teile diesen Artikel
Facebook Twitter Pinterest Whatsapp Whatsapp
Aktie
Was denkst du?
Liebe0
Traurig0
Glücklich0
Schläfrig0
Wütend0
kein Kommentar0
Zwinkern0
Vorheriger Artikel Vermarkten Sie Ihren WooCommerce-Shop mit dem Google Merchant Center
Nächster Artikel So tauschen Sie einen Artikel in Shopify POS um
Hinterlasse einen Kommentar

Schreibe einen Kommentar Antworten abbrechen

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

Berühmter Post

So verwenden Sie Ihren HomePod mini als tragbaren Lautsprecher
Wie man
So verbergen Sie Ihren Online-Status auf WhatsApp
Wie man
Fujifilm Instax Mini 12 im Test
Technische Bewertungen
Apple MacBook Pro mit M2 Pro erhält einen verlockenden Rabatt
Angebote
So kommen Sie mit einem VPN zu günstigeren Flügen
Wie man
So fügen Sie eine SEO-Editor-Rolle in WordPress hinzu
Tutorials

También podría gustarte

Technik

Pixel 7 Feature Drop fügt kostenloses VPN und Clear Calling hinzu

vor 3 Monaten 3 Minuten Mindestlesezeit
Angebote

Pixel 6 Price Drop: Sparen Sie viel beim Flaggschiff-Telefon von Google

vor 9 Monaten 2 Minuten Mindestlesezeit
Tutorials

So beheben Sie weißen Text und fehlende Schaltflächen im WordPress Visual Editor

vor 1 Jahr 3 Minuten Mindestlesezeit
Tutorials

So deaktivieren Sie die Formatierungsverknüpfungen des Visual Editors in WordPress 4.3

vor 1 Jahr 2 Minuten Mindestlesezeit
Tipps

Tipps und Tricks zum WordPress Visual Editor

vor 1 Jahr 9 Minuten Mindestlesezeit
Plugins

So erstellen Sie ein WordPress-Backup mit JetPack (ehemals VaultPress)

vor 1 Jahr 6 Minuten Mindestlesezeit
Tutorials

Erstellen Sie erweiterte Formulare mit dem Visual Form Builder Plugin

vor 1 Jahr 9 Minuten Mindestlesezeit
ThemeLocal - Blog-Tipps, die wie von Zauberhand funktionierenThemeLocal - Blog-Tipps, die wie von Zauberhand funktionieren
Folge uns

© 2022 Themelocal. Alle Rechte vorbehalten.

  • Nutzungsbedingungen
  • Datenschutzerklärung
  • Cookie-Richtlinie
  • Kontakt

Removed from reading list

Rückgängig machen
Welcome Back!

Sign in to your account

Passwort vergessen?