in

Visual Composer Anleitung – WordPress gestallten mit dem VC

Visual Composer Anleitung

Visual Composer Anleitung. Eine Anleitung für Visual Composer dem beliebten WordPress Drag & Drop Page Builder.

Das großartige an WordPress ist seine Flexibilität. Jeder, auch ohne jegliche Programmier- Kenntnisse, kann unter WordPress Webseiten jeglicher Art nach seinen Bedürfnissen erstellen. Dabei spielen die zahlreichen Erweiterungen (Plugins) eine nicht unwesentliche Rolle. In diesem Artikel werden wir uns eine dieser Erweiterungen genauer ansehen – denn Visual Composer von WP Bakery.

Was ist der Visual Composer

Der Visual Composer ist ein Drag & Drop Seiten Ersteller, klingt ein wenig holperig üblich ist der englische Begriff – Drag & Drop Page Builder. Mit einem Drag and Drop Page Builder für WordPress können verschiedene Inhaltselemente durch ziehen und los lassen, beliebig verschoben und um-platziert werden. Diese Inhaltselemente werden durch Mausklicks erstellt und über die Auswahl in Dropdown Menüs auf Farbe, Schrift, Größe u.s.w. Visuell aufbereitet und individuell gestaltet.

Es gibt auf dem Markt verschiedene solcher Drag &Drop Page Builder für WordPress. Beim Visual Composer handelt es sich jedoch um den beliebtesten und meisten genutzten seiner Art. Seit seiner Veröffentlichung im Mai 2011 wurde er mehr als 182’000 Mal gekauft. Genutzt wird er aber von weitaus mehr Leuten. Der Visual Composer ist nämlich oft Bestandsteil von Premium Themes.

Denn Visual Composer kaufen und installieren

Beim Visual Composer handelt es sich um eine kostenpflichtige Erweiterung für WordPress. Sie kann für 49.- Dollar auf codecanyon.net erworben werden.

Visual Composer downloaden und instalieren

Ist die Datei von codecanyon.net auf denn Rechner geladen kann sie installiert werden. Die Installation des Visual Composers funktioniert gleich wie die Installation eines jeden anderen WordPress Plugins. Es gibt verschiedene Wege um ein Plugin zu installieren.

So installiert man den Visual Composer

Video Anleitung zum installieren eines WordPress Plugins. Drei verschiedene Möglichkeiten!

Falls du nicht weiß wie das vonstatten geht – kannst du dir das folgende Video anschauen. Ansonsten geht es weiter mit dem nächsten Punkt mit der Visual Composer Anleitung.

Visual Composer als Theme Bestandteil

Oben haben wir eine der zwei möglichen Varianten, den Visual Composer zu nutzen, gesehen. Eine weitere ist, der Kauf eines Themes, welches den Visual Composer bereits beinhaltet. Je nachdem ob ihr den Composer auf eurem bestehenden Theme nutzen wollt oder sowieso ein neues Theme kaufen möchtet, könnt ihr euch zwischen der Einen oder anderen Variante entscheiden.

Erster Schritt – Einstellungen im Visual Composer

Nach der erfolgreichen Installation des Plugins kann man theoretisch gleich los legen. Erstellt man jetzt einen neuen Beitrag oder bearbeitet einen bestehenden, erscheint oben ein blauer Button mit dem Text „Backend Editor„ daneben meist einer mit folgendem Text „Frontend Editor“.

Was also bedeutet, dass es zwei Möglichkeiten gibt einen Artikel mit dem VC zu bearbeiten. Nämlich direkt im Backend der WordPress-Installation oder eben im Frontend.

Der Role Manager im VC – denn Visual Composer für Seiten, Beiträge und Custom Post Types freischalten.

Linkerseits eures WordPress Dashboard ist nun eine neuer Reiter mit dem Titel Visual Composer zu sehen. Mit einem Klick auf diesen gelangt man zu den Einstellungen.

Stellt sicher das unter „Role Manager“ —„Post types“ das Häkchen für alle Post Typen gesetzt ist unter welchen ihr den VC zu nutzen wünscht. Im Normalfall ist er nur für Seiten freigeschaltet. Um den VC auch in Beiträgen zu verwenden musst Du von „Pages only“, im Dropdown-Menü unter Beitragstypen auf „Individuell“ wechseln. Unterhalb noch ein Häkchen bei „Post“ setzen.

Wenn dein Theme weitere Post Type hat, so sollten auch diese an besagter Stelle auftauchen und könnten ebenfalls ausgewählt werden.

Seiten und Posts mit dem VC bearbeiten

Eine Seite oder einen Beitrag mit dem VC erstellen

Nun kannst Du eine Seite oder einen Beitrag mit dem VC erstellen oder eine/einen bestehenden Bearbeiten. Wenn Du im Menüpunkt „Seiten“ – „Erstellen″ wählst, siehst Du nun zwischen Titel und Editor die beiden Buttons des VC`s.

Wenn Du auf „Backend Editor„ klickst kannst Du nun die Seite mit dem VC erstellen bzw. bearbeiten.

Mit dem Visual Composer eine Seite erstellen.

Nachdem der VC aktiviert wurde kann nun mit dem gestalten der Seite begonnen werden. Vor erst findet man eine leere Seite vor. Drei Möglichkeiten mit dem Aufbau der Seite zu beginne stehen nun zur Wahl:

  1. Hinzufügen von Elementen (Add Element)
  2. Hinzufügen eines Textblockes ( Add Text Block)
  3. Ein Template auswählen (Add Template)

Erste Schritte beim erstellen einer Seite mit dem VC.

Aus 52 Page Builder Elementen auswählen!

Der Visual Composer verfügt (zum Zeitpunkt der Artikel Erstellung) über 52 Standard Page Builder Elemente. Wählt man wie im vorherigen Abschnitt aufgezeigt „Add Element“ bekommt man eine Ansicht über alle 52 Elemente, welche zur Verfügung stehen. Von dort kannst Du Dein erstes Element auswählen und der Seite hinzufügen.

Visual Composer Anleitung - Die Elemente

Add your submission

Image Video Audio Text Embed

This field is required

Drop Image Here

or

You don't have javascript enabled. Media upload is not possible.

Get image from URL

Maximum upload file size: 2 MB.

Processing...

This field is required

Drop Video Here

or

You don't have javascript enabled. Media upload is not possible.

e.g.: https://www.youtube.com/watch?v=WwoKkq685Hk

Add

Supported Services:

Maximum upload file size: 10 MB.

Processing...

This field is required

Drop Audio Here

or

You don't have javascript enabled. Media upload is not possible.

e.g.: https://soundcloud.com/community/fellowship-wrapup

Add

Supported Services:

Maximum upload file size: 5 MB.

Processing...

This field is required

e.g.: https://www.youtube.com/watch?v=WwoKkq685Hk

Supported Services:

Processing...

Schreibe einen Kommentar

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

Hexapro – Business WordPress Theme

Plugin installieren in WordPress