So verwenden Sie den Visual Composer Website Builder mit …

Hinweis: Der folgende Artikel hilft Ihnen dabei: So verwenden Sie den Visual Composer Website Builder mit …

So verwenden Sie den Visual Composer Website Builder mit ...

Visual Composer ist ein ReactJS-basierter Drag-and-Drop-Website-Builder für WordPress, der eine breite Palette an Funktionen bietet, sodass Entwickler und Designer ihre Websites mit voller kreativer Freiheit von Grund auf erstellen können.

Der Visual Composer-Seitenersteller bietet technisch nicht versierten Benutzern die volle Kontrolle, da keine Programmierkenntnisse erforderlich sind. Aber es bietet auch eine Anpassung über API für professionelle Webentwickler.

In diesem Artikel erhalten Sie einen Überblick über die kostenlosen und Premium-Versionen von Visual Composer Website Builder für WordPress. Sie erhalten Einblicke in die Benutzeroberfläche, Funktionen und Aktivierung, sodass Sie entscheiden können, ob der Visual Composer-Seitenersteller für Sie geeignet ist.

Warum sollten Sie sich für den Website-Builder von Visual Composer entscheiden?

Visual Composer für WordPress-Websites bietet über 500 Inhaltselemente und vorgefertigte Vorlagen, mit denen Sie eine vollständige Website erstellen können, einschließlich Kopf- und Fußzeilen sowie Seitenleisten. Und wenn Sie zusätzliche Optionen benötigen, unterstützt der Editor die beliebtesten Plugins im offiziellen Repository (und steigend). Es ist auch mit jedem WordPress-Theme kompatibel.

Was die Software betrifft, sorgen die modernen Technologien, die in Visual Composer für WordPress verwendet werden, dafür, dass Sie eine bessere Website-Leistung, bessere SEO und schneller ladende Seiten erhalten, wodurch sichergestellt wird, dass Ihre Website einen höheren Rang erhält, mehr Verkehr erhält und die Konversionsraten erhöht.

Interessanter ist, dass der Visual Composer Website Builder der nächsten Generation vom selben Team erstellt wurde wie WPBakery Page Builder (Shortcode-basierter Drag-and-Drop-Builder) – der ursprüngliche Website-Builder mit bis heute über 4,3 Millionen aktiven Installationen. Bei beiden handelt es sich um unabhängige Produkte, die sich in Leistung, Funktionalität und den von diesen Plugins angebotenen Features unterscheiden.

Funktionen des Visual Composer Website Builder

Visual Composer Hub

Die Cloud ist sowohl für die kostenlose als auch für die Premium-Version verfügbar. Hier finden Sie alle Inhaltselemente, Vorlagen sowie Add-ons und Integrationen. Durch einfaches Herunterladen können Sie sie Ihrer Inhaltsbibliothek hinzufügen.

Das Beste daran sind die regelmäßigen Updates, die wöchentlich neue Funktionen und Tools einführen und so die Möglichkeiten zur Verbesserung des Benutzererlebnisses erweitern.

Rollenmanager

Das Role Manager-Add-on kann Ihnen Zeit sparen, indem es Ihre Website vor menschlichen Fehlern schützt, die durch mangelnde Kompetenz der Benutzer bei der Verwaltung Ihrer Website verursacht werden. Dies gibt Ihnen die vollständige Kontrolle über Benutzerberechtigungen innerhalb Ihrer WordPress-Site, indem Sie den Zugriff auf verschiedene Funktionen, Optionen und Rechte für jede Benutzerrolle anpassen.

Lesen:  Verwenden Sie Chunkbase, um die besten Minecraft-Samen zu finden

Noch wichtiger ist, dass der Rollenmanager über eine Elementsperroption verfügt. Mit dieser Option können Sie sowohl die Editor-Funktionalität als auch den Inhalt für die von Ihnen festgelegten Benutzerrollen steuern. Und natürlich ist es mit Plugins wie Yoast SEO und WooCommerce kompatibel und bietet zusätzliche Rollen.

Seitendesign-Optionen

Die Seitendesign-Option ist eine der leistungsstärksten Funktionen des Visual Composer WordPress-Plugins. Bietet eine Reihe anpassbarer Parameter für Ränder, Ränder, Polsterung und Radius (bekannt als „Zwiebelkontrollen“)sowie mehrere Optionen zum Gestalten des Hintergrunds nicht nur von Zeilen, sondern ganzer Beiträge und Seiten Ihrer Website.

Gestalten Sie Ihre Seite, indem Sie zunächst aus verschiedenen Hintergrunddesignoptionen wählen, wie Parallaxeneffekten, Animationen, Videohintergrund, Bild-Diashows oder CSS-Verlaufsüberlagerung.

Einblicke in Visual Composer

Das Visual Composer Insights-Tool analysiert Ihre Inhalte und bietet Ihnen intelligente Szenarien, die Ihnen beim Entwerfen besserer Websites beim Erstellen helfen.

Mit Insights-Tipps können Sie die Leistung Ihrer Website, Ihr SEO-Ranking und die allgemeine Benutzererfahrung verbessern.

Sich anpassendes Design

Die Reaktionsfähigkeit für verschiedene Gerätetypen ist ein bestätigtes zentrales Web-Vital. Aus diesem Grund verfügt Visual Composer über integrierte automatische Anpassungen, um sicherzustellen, dass Ihre Website beim Erstellen für Desktops, Tablets und Mobilgeräte geeignet ist. Wenn Sie möchten, können Sie die Reaktionseinstellungen auch für jedes Gerät individuell anpassen.

Seitendesign-Optionen unterstützen auch Responsive-Design-Einstellungen. Hintergründe, Abstände, Ränder und Animationen können ebenfalls angepasst werden, um sie ganz nach Ihren Vorstellungen an ein bestimmtes Gerät anzupassen.

Visual Composer Website Builder: Vor- und Nachteile

Vorteile:

  • Einfache Schnittstelle im Frontend-Editor;
  • Große Mengen an Inhaltselementen, Vorlagen und Designoptionen, um jede Ihrer wildesten Ideen oder die Ihres Kunden umzusetzen;
  • Bester Preis für Entwickler mit 1000 Sites sowie ein freundlicher Preis für Einzel- und 3-Site-Lizenzen;
  • Automatische Optimierung für hohe Leistung, Geschwindigkeit und SEO;
  • Live-Bearbeitung mit der Möglichkeit, Aktionen rückgängig zu machen und wiederherzustellen;
  • Theme-Builder-Optionen zum Erstellen benutzerdefinierter Layouts;
  • Regelmäßige Updates und erstklassiger Support.

Nachteile:

  • Eine Lernkurve, wie Sie sie auch bei der Umstellung auf jedes neue Plugin erleben würden.

Inkompatibilitäten, mit denen Benutzer mit Visual Composer Website Builder konfrontiert sind

Im Folgenden finden Sie eine Liste der am häufigsten gemeldeten Probleme mit Visual Composer:

  • Aktivierungsproblem: In den meisten Fällen melden Benutzer, dass das Aktivierungslimit erreicht ist. Dies liegt daran, dass der Client über eine aktive Lizenz in einer anderen Domäne verfügt oder versucht, diese auf der Staging-Site zu aktivieren, die über eine andere Domäne verfügt. Um dieses Problem zu beheben, können Benutzer auf gehen Mein Visual Composer Um ihre Lizenzen zu verwalten, deaktivieren Sie ungenutzte Lizenzen, damit sie an anderer Stelle aktiviert werden können.
  • Ein Problem beim Speichern einer Seite: In diesem Fall erhalten Benutzer beim Speichern einer Seite ein rotes statt eines grünen Häkchens, was bedeutet, dass das Speicherlimit erreicht wurde. Dies kann aufgrund eines JavaScrip-Fehlers passieren, der durch ein anderes Plugin verursacht wird. Für alle Fälle empfiehlt es sich, die Seite von Zeit zu Zeit zu speichern. Um dieses Problem zu beheben, müssen Benutzer die Seitenrevisionen überprüfen. Wenn viele Revisionen gespeichert sind, empfehlen wir, diese zu löschen. Wir empfehlen außerdem, das Speicherlimit und die maximale Beitragsgröße zu aktualisieren.
  • Ein Problem beim Ändern der Zahlungsmethoden: Dies betrifft Benutzer, die die mit dem Konto verknüpfte Karte für zukünftige Verlängerungszahlungen ändern möchten. In diesem Fall empfehlen wir den Benutzern, diese Schritte zu befolgen. In Fällen, in denen das Plugin vor dem 22. Januar 2020 gekauft wurde, erhält der Kunde eine E-Mail, wenn die Karte eine Zahlung nicht verarbeiten kann, und kann dann den Link in der E-Mail verwenden, um die Karte zu aktualisieren.
Lesen:  So starten Sie eine Website für eine Bekleidungslinie für Ihre Marke

Preise für den Visual Composer Website Builder

Visual Composer-Seitenersteller für WordPress bietet kostenlose und Premium-Angebote. Die kostenlose Version bietet den Drag-and-Drop-Editor, über 50 Elemente und Vorlagen sowie Designoptionen zur Gestaltung einer einfachen, aber voll funktionsfähigen Website.

Die Premium-Lizenzen bieten die Vollversion von Visual Composer für eine einzelne (49 $/Jahr) oder 3 Websites (99 $/Jahr), die übrigens ein risikofreies Erlebnis für 15 Tage bieten, wenn Sie sich für die Premium-Lizenz entscheiden!

Mit dem besten Angebot für Entwickler und Agenturen mit bis zu 1.000 Websites für 349 $/Jahr mit vollständigem Zugriff auf alle Funktionen und Add-ons von Visual Composer, um schnell und einfach eine Website zu erstellen.

System-/Hosting-Anforderungen

Visual Composer wurde für WordPress entwickelt und ist daher auf die gleichen Anforderungen ausgerichtet.

Stellen Sie zunächst sicher, dass Ihr WordPress-Hosting erfolgt (wir empfehlen DreamHost) mit Visual Composer kompatibel ist, überprüfen Sie die Systemstatus unter Visual Composer Dashboard-Einstellungen.

Serveranforderungen

  • Empfohlenes PHP 7.2 oder höher;
  • MySQL-Version 5.6 oder höher (Sie können WordPress auch auf MariaDB 10.0 oder höher ausführen);
  • HTTPS-UnterstützungT (obligatorisch für gute SEO).

Anforderungen an die PHP-Erweiterung

Anforderungen festlegen

  • Der Ordner wp-content/uploads ist beschreibbar (Weitere Informationen finden Sie unter WP-Kodex);
  • Das Speicherlimit in php.ini ist auf „memory_limit = 256M“ eingestellt;
  • Die maximale Ausführungszeit in php.ini ist auf max_execution_time = 90 eingestellt

Browser- und Gerätezugänglichkeit

  • Visual Composer unterstützt alle aktuellen Versionen der wichtigsten Browser (Wir empfehlen, sie stets auf dem neuesten Stand zu halten);
  • Der Editor unterstützt außerdem alle gängigen Geräte, einschließlich der Option, Ihre Website auf Mobilgeräten, Tablets, Laptops und Desktops zu bearbeiten.

So installieren Sie Visual Composer mit DreamHost

Nachdem Sie nun alles über die Vorteile der Verwendung eines Website-Builders wissen, hat sich Visual Composer mit DreamHost zusammengetan, um seinen Benutzern ein tolles Bundle-Angebot dafür anzubieten kostenloser Website-Builder plus Hosting.

Wenn Sie bereits DreamHost-Kunde sind, klicken Sie hier Anmeldung und geben Sie die Zugangsdaten für Ihr Konto ein. Wenn Sie ein neuer Benutzer sind, können Sie sich auch für ein neues Konto anmelden.

Sie können auch starten Visueller Komponist von ihrer offiziellen Website oder dem offiziellen WordPress-Plugin-Repository oder innerhalb der WordPress-Administratorseite.

Um die Installation abzuschließen und das Plugin zu aktivieren, folgen Sie den Anweisungen Anweisungen. Sobald der Vorgang abgeschlossen ist, können Sie mit der Erstellung Ihrer Website beginnen!

Upgrade auf eine Premium Visual Composer-Lizenz

Wie oben erwähnt, bietet die Premium-Version von Visual Composer unzählige Funktionen, von Inhaltselementen und vorgefertigten Vorlagen bis hin zu Designoptionen und Add-ons zum Erstellen einer vollständigen Website.

Obwohl die kostenlose Version an sich großartig ist, empfehlen wir dringend, das volle Premium-Erlebnis ohne Einschränkungen auszuprobieren. Weitere Informationen zu den Vorteilen eines Upgrades finden Sie unter das kostenlose vs. Premium Rezension.

Premium-Funktionen

  • Theme Builder;
  • Popup-Builder;
  • Globale Vorlagen;
  • Wartungsmodus;
  • Premium-Support;
  • Add-on exportieren/importieren;
  • Kompatibilitätselemente;
  • Unsplash Stock Image Library und viele mehr.

So führen Sie ein Upgrade auf Visual Composer Premium durch

  1. Gehen Sie zu Ihrem my.visualcomposer.com-Konto und melden Sie sich an.
  2. Bewegen Sie den Mauszeiger über „Lizenzen“ und klicken Sie im Abschnitt „Upgrades“ auf „Upgrade“.
  3. Wählen Sie Ihre neue Lizenz und klicken Sie auf „Lizenz aktualisieren“.
  4. Schließen Sie Ihre Bestellung ab, indem Sie das Bestellformular ausfüllen, und schon sind Sie fertig!
Lesen:  Verwendung von WordPress als E-Commerce-Plattform

So verwenden Sie den Visual Composer Website Builder (praktisch)

In diesen exemplarischen Video-Tutorials zeigen wir Ihnen, wie Sie mit dem Visual Composer-Editor navigieren, um die Website Ihrer Träume zu erstellen.

Um mit dem Bauen zu beginnen, ist der erste Schritt das Lernen die Schnittstelle in weniger als 3 Minuten:

Der nächste Schritt ist einer mit höherer Bedeutung, weil der Visual Composer Hub ist dein bester Freund. Schließlich enthält es alle Funktionen des Frontend-Editors:

Fügen Sie einfach Elemente aus dem Hub hinzu, bearbeiten Sie sie und ordnen Sie das Layout mit dem an Drag-and-Drop Funktion, wie dieses Video erklärt:

Um mehr über die zu erfahren Elementsteuerelementeschauen Sie sich dieses kurze Video an:

Wenn Sie mit dem Schreiben von Inhalten beginnen, profitieren Sie vom integrierten TinyMCEditor Texteditormit Zugriff auf alle Standard- und Google-Schriftarten sowie mehr Bearbeitungsoptionen als der ursprüngliche Texteditor:

Zu guter Letzt sollten Sie sich mit dem Verständnis der Möglichkeiten auseinandersetzen Empfänglichkeit Und Gestaltungsmöglichkeiten zu bieten haben:

Endlich, speichern (Tun Sie es von Zeit zu Zeit, um sicherzustellen, dass Sie keinen Fortschritt verlieren.) Und veröffentlichen deine Seite:

Visual Composer Website Builder-Leistung auf DreamHost

Tatsache ist: Niemand mag langsam ladende Websites, nicht einmal Google. Die Ladegeschwindigkeit ist also einer der wesentlichen Faktoren einer Website und ein wichtiger SEO-Rankingfaktor. Ich zeige Ihnen die Leistung der WordPress-Site, die ich mit Visual Composer erstellt und auf dem wahrscheinlich schnellsten WordPress-Hosting-Stack gehostet habe, den es gibt. DreamHost gibt eine Verfügbarkeit der Website von 99 % an, daher ist es an der Zeit, diese Behauptung zu überprüfen, indem Sie die Website mit verschiedenen Tools testen.

Ressourcen, die wir verwendet haben

Name Spezifikation
DreamHost-Server Vultr – Hochfrequenz
Standort des Rechenzentrums Seattle
RAM 2 GB
SSD-Festplatte 64 GB
Bandbreitenübertragung 2 TB
Prozessor 1 Kern
Betriebssystem Debian 9
NGINX 1.19
Lack 6.0.7
Apache 2.4.25
Datenbank MariaDB 10.1
PHP 7.3

GTMetrix-Leistungsanalyse

URL: https://gtmetrix.com/reports/wordpress-643363-2096364.cloudwaysapps.com/PhpcRxMj/

  • Leistung: 100%
  • Struktur: 96 %
  • LCP: 569 ms
  • TBT: 0ms
  • CLS: 0

Pingdom-Leistungsanalyse

URL: https://tools.pingdom.com/#5ecfa5794e000000

  • Leistungsgrad: 87
  • Seitengröße: 968,4 KB
  • Ladezeit: 295 ms
  • Anfragen: 33

PageSpeed ​​Insight-Leistungsanalyse

  • Gesamtnote: 99
  • FCP: 0,4s
  • Geschwindigkeitsindex: 1,9s
  • LCP: 0,9s
  • TTI: 0,4s
  • TBT: 0ms
  • CLS: 0

(Beachten Sie, dass wir von DreamHost verwaltetes WordPress-Hosting mit dedizierten Servern und integrierten Cache-Plugins verwendet haben.)

Visual Composer Website Builder + DreamHost-Benutzerbewertungen

Zusammenfassung

Forbes hat Visual Composer aufgrund seiner Designfreiheit, leistungsstarken Funktionen und Benutzerfreundlichkeit als eines der unverzichtbaren WordPress-Plugins für Ihre Unternehmenswebsite aufgeführt.

Jetzt können Sie auch eine erstklassige Website wie TEDx, Martini, BBDO und Tausende mehr erstellen #MadeInVCund Ihrer Kreativität sind keine Grenzen gesetzt.

Um noch heute eine schnelle und hochrangige Website zu erstellen, beginnen Sie mit der kostenlosen Version von Visual Composer und dem Starter-Theme auf verifiziertem, von WordPress verwaltetem Cloud-Hosting von DreamHost. Schauen Sie sich das DreamHost-Webinar zur Suche nach dem schnellsten WordPress an.

Sie nutzen Visual Composer bereits? Hinterlassen Sie eine Bewertung Hier. 🙂

×

Holen Sie sich unseren Newsletter
Seien Sie der Erste, der die neuesten Updates und Tutorials erhält.

Vielen Dank, dass Sie uns abonniert haben!