{"id":87770,"date":"2022-05-03T08:42:48","date_gmt":"2022-05-03T06:42:48","guid":{"rendered":"https:\/\/rmarketingdigital.com\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress\/"},"modified":"2021-01-11T03:54:03","modified_gmt":"2021-01-11T06:54:03","slug":"ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2","status":"publish","type":"post","link":"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/","title":{"rendered":"Ultimate Visual Composer Drag &amp; Drop-Handbuch zur Erstellung von Seiten f\u00fcr WordPress"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_86 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Inhaltsverzeichnis umschalten\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Umschalten<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewbox=\"0 0 24 24\" version=\"1.2\" baseprofile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Meet-The-Visual-Composer\" >Lernen Sie den Visual Composer kennen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Installing-The-Visual-Composer\" >Installieren des Visual Composer<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Option-1-Purchase-Your-Own-Copy-To-Use-On-Your-WordPress-Site\" >Option 1: Kaufen Sie Ihre eigene Kopie zur Verwendung auf Ihrer WordPress-Site<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Option-2-Visual-Composer-Was-Bundled-With-Your-WordPress-Theme\" >Option 2: Visual Composer wurde mit Ihrem WordPress-Theme geb\u00fcndelt<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Getting-Started-With-The-Visual-Composer-Page-Builder\" >Erste Schritte mit dem Visual Composer Page Builder<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Page-Builder-Elements\" >Page Builder-Elemente<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Visual-Composer-Extensions\" >Visual Composer-Erweiterungen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Backend-Frontend-Editing\" >Backend- und Frontend-Bearbeitung<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Adding-Editing-Page-Elements\" >Seitenelemente hinzuf\u00fcgen und bearbeiten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Popular-Compatible-Plugins\" >Beliebte kompatible Plugins<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Advanced-Options-For-The-Visual-Composer\" >Erweiterte Optionen f\u00fcr den Visual Composer<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultimate-visual-composer-drag-drop-page-builder-guide-for-wordpress-2\/#Wrapping-Up\" >Einpacken<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<div class=\"container-med\">\n<div class=\"entry atype\">\n<p>Der Visual Composer hat sich zu einem der meistverkauften Plugins zum Erstellen von Seiten f\u00fcr WordPress entwickelt. Seit seiner Ver\u00f6ffentlichung im Mai 2011 ist das Plugin mit mehr als 150.000 Kunden (und das sind nicht die Hunderttausende von Benutzern, die eine mit einem Thema geb\u00fcndelte Kopie erhalten haben), mehr als 200 Add-Ons und Erweiterungen und Hunderten von positiven Bewertungen explodiert das Netz.<\/p>\n<p>Wenn Sie noch keine eigene Kopie des Plugins besitzen, haben Sie es m\u00f6glicherweise in der Vergangenheit mit einem Premium-WordPress-Thema geb\u00fcndelt gesehen, oder Sie sind irgendwo im Web auf eine alte Visual Composer-Anleitung gesto\u00dfen. Seit der ersten Ver\u00f6ffentlichung von Visual Composer hat sich viel ge\u00e4ndert. Wir wollten Sie durch alle fantastischen Funktionen dieses leistungsstarken Plugins f\u00fchren.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Meet-The-Visual-Composer\"><\/span>Lernen Sie den Visual Composer kennen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><img alt='Visual-Composer2-1758463' class=\"alignnone size-full wp-image-34344\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer2-1758463.jpg' width=\"1200\" height=\"710\"><\/p>\n<p>Wenn Sie nicht vertraut sind, ist der Visual Composer ein Drag &amp; Drop-Plugin f\u00fcr den Seitenersteller f\u00fcr WordPress. Dieses praktische Dandy-Plugin erleichtert das Erstellen von benutzerdefinierten WordPress-Artikeln und -Seiten. Es sind keine Codierungskenntnisse erforderlich. Installieren Sie einfach das Plugin und Sie k\u00f6nnen mit der Erstellung Ihrer Artikel und Seiten beginnen. Es ist auch kompatibel mit den meisten kostenlosen und vielen Premium-Themen sowie vollst\u00e4ndig kompatibel mit beliebten Plugins wie Contact Form 7, Slider Revolution und vielen anderen (auf die wir sp\u00e4ter noch eingehen werden).<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Installing-The-Visual-Composer\"><\/span>Installieren des Visual Composer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Bevor Sie Ihre eigenen Seiten erstellen k\u00f6nnen, m\u00fcssen Sie den Visual Composer herunterladen und installieren. Es gibt zwei M\u00f6glichkeiten, eine Kopie des Plugins zu sichern: entweder <strong>Kauf<\/strong> Ihre eigene Kopie <em>oder<\/em> kaufe ein <strong>Premium-Thema<\/strong> mit dem Plugin enthalten. Das <span style=\"text-decoration: underline;\">Plugin funktioniert genauso<\/span> Unabh\u00e4ngig davon, welche Route Sie w\u00e4hlen, besteht der einzige Unterschied zwischen diesen beiden Methoden darin, wie Sie sie installieren.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Option-1-Purchase-Your-Own-Copy-To-Use-On-Your-WordPress-Site\"><\/span>Option 1: Kaufen Sie Ihre eigene Kopie zur Verwendung auf Ihrer WordPress-Site<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Die erste M\u00f6glichkeit, eine Kopie des Visual Composer in die H\u00e4nde zu bekommen, besteht darin, das Plugin selbst zu erwerben. Gehen Sie einfach zu CodeCanyon, legen Sie eine Kopie des Visual Composer in Ihren Warenkorb (wir empfehlen, den zus\u00e4tzlichen Support hinzuzuf\u00fcgen, damit Sie ein ganzes Jahr lang Unterst\u00fctzung vom Plugin-Autor erhalten) und schlie\u00dfen Sie Ihren Kauf ab.<\/p>\n<p><img alt='Kauf-Visual-Composer-2934775' class=\"alignnone size-full wp-image-37991\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/purchase-visual-composer-2934775.jpg' width=\"1100\" height=\"750\"><\/p>\n<p>Navigieren Sie als N\u00e4chstes zu Ihrer Downloadseite. Klicken Sie auf die gr\u00fcne Schaltfl\u00e4che Herunterladen neben dem soeben gekauften Visual Composer-Plugin und w\u00e4hlen Sie Nur installierbare WordPress-Datei aus.<\/p>\n<p><img alt='download-visual-composer-9882071' class=\"alignnone size-full wp-image-37992\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/download-visual-composer-9882071.jpg' width=\"1100\" height=\"630\"><\/p>\n<p>Melden Sie sich jetzt in Ihrem WordPress-Admin-Bereich an und navigieren Sie zu <em>Plugins&gt; Neu hinzuf\u00fcgen<\/em>. Klicke auf das <em>Plugin hochladen<\/em> Schaltfl\u00e4che am oberen Bildschirmrand.<\/p>\n<p><img alt='Upload-Plugin-1926156' class=\"alignnone size-full wp-image-37993\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/upload-plugin-1926156.jpg' width=\"1110\" height=\"540\"><\/p>\n<p>W\u00e4hlen Sie die Visual Composer-Zip-Datei aus, die Sie von CodeCanyon heruntergeladen haben. Dann klicken Sie einfach, um das Plugin zu installieren und zu aktivieren.<\/p>\n<p>Da Sie das Plugin gekauft haben, m\u00fcssen Sie auch Ihren Lizenzcode hinzuf\u00fcgen, um den Aktivierungsprozess abzuschlie\u00dfen. Klicken Sie einfach auf den Link oben auf Ihrem Bildschirm und dann auf die riesige blaue Schaltfl\u00e4che, um <em>Aktivieren Sie Ihre Kopie<\/em> von Visual Composer.<\/p>\n<p><img alt='Klicken Sie hier, um den Visual Composer-5879417 zu aktivieren' class=\"alignnone size-full wp-image-37994\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/click-to-activate-visual-composer-5879417.jpg' width=\"1110\" height=\"510\"><\/p>\n<p>Dadurch wird ein Portal ge\u00f6ffnet, \u00fcber das WPBakery Ihren Kauf \u00fcberpr\u00fcfen kann. Klicken Sie auf das gro\u00dfe Gr\u00fcn <em>Genehmigen<\/em> Taste. Keine Sorge, Sie erteilen WPBakery nur die Erlaubnis, zu best\u00e4tigen, dass Ihr Benutzername \/ Ihre E-Mail-Adresse tats\u00e4chlich eine Kopie des Visual Composer gekauft hat.<\/p>\n<p><img alt='Activate-via-Envato-4690753' class=\"alignnone size-full wp-image-37995\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/activate-via-envato-4690753.jpg' width=\"1200\" height=\"1000\"><\/p>\n<p>Befolgen Sie einfach die Anweisungen, um die Aktivierung abzuschlie\u00dfen, und kehren Sie zu Ihrem WordPress-Administrationsbereich zur\u00fcck. Jetzt k\u00f6nnen Sie mit dem Bau beginnen!<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Option-2-Visual-Composer-Was-Bundled-With-Your-WordPress-Theme\"><\/span>Option 2: Visual Composer wurde mit Ihrem WordPress-Theme geb\u00fcndelt<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wenn Sie ein Thema mit der in Visual Composer enthaltenen Installation gekauft haben, ist die Installation unterschiedlich und kann auch je nach Autor variieren. Wir zeigen Ihnen, wie Sie das Plugin installieren, wenn Sie ein R Marketing Digital-Thema wie Total verwenden (und es sollte mit den meisten anderen Premium-Themen ziemlich \u00e4hnlich sein).<\/p>\n<p>Zuerst m\u00fcssen Sie Ihr WordPress-Theme herunterladen und installieren. Wenn Sie Ihr Thema bei Themeforest gekauft haben, entspricht dies dem Herunterladen des Visual Composer. Melden Sie sich in Ihrem Themeforest-Konto an und rufen Sie Ihre Downloadseite auf. Suchen Sie dann Ihr Thema, klicken Sie auf den Download-Button und w\u00e4hlen Sie nur die installierbare WordPress-Datei aus.<\/p>\n<p><img alt='download-total-theme-4578495' class=\"alignnone size-full wp-image-37997\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/download-total-theme-4578495.jpg' width=\"1100\" height=\"630\"><\/p>\n<p>Melden Sie sich als N\u00e4chstes bei Ihrer WordPress-Installation an und klicken Sie auf <em>Darstellung&gt; Themen&gt; Neu hinzuf\u00fcgen<\/em>. Dann klicken Sie auf die <em>Thema hochladen <\/em>Option oben auf der Seite. Sie m\u00fcssen die heruntergeladene Zip-Datei \u00f6ffnen, um die installierbare WordPress-Datei zu finden. Dies liegt daran, dass das Total-Design mit zus\u00e4tzlichen Funktionen wie Premium-Plugins, Beispieldaten und PSD-Dateien geb\u00fcndelt ist.<\/p>\n<p><img alt='install-total-8093367' class=\"alignnone size-full wp-image-37998\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/install-total-8093367.png' width=\"850\" height=\"300\"><\/p>\n<p>Sobald Sie die Datei gefunden haben, k\u00f6nnen Sie das Thema hochladen, installieren und aktivieren. Nach der Aktivierung werden Sie von Total dazu aufgefordert <em>Installieren Sie die empfohlenen Plugins<\/em> - einschlie\u00dflich des Visual Composer.<\/p>\n<p><img alt='enable-total-2328449' class=\"alignnone size-full wp-image-38002\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/activate-total-2328449.jpg' width=\"1025\" height=\"650\"><\/p>\n<p>Klicken Sie einfach auf den Link zu <em>Beginnen Sie mit der Installation der Plugins<\/em>. W\u00e4hlen <em>Installieren<\/em> \u00dcberpr\u00fcfen Sie in der Dropdown-Liste &quot;Massenaktionen&quot; alle Plugins, die Sie installieren m\u00f6chten, und klicken Sie dann auf <em>Anwenden<\/em>.<\/p>\n<p><img alt='Install-empfohlene Plugins-3898279' class=\"alignnone size-full wp-image-38003\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/install-recommended-plugins-3898279.jpg' width=\"1040\" height=\"625\"><\/p>\n<p>Das ist alles was du tun musst! Sie m\u00fcssen den Visual Composer nicht \u00fcber Envato aktivieren. Weil Sie ein Thema anstelle Ihrer eigenen Kopie des Plugins gekauft haben <span style=\"text-decoration: underline;\">Sie m\u00fcssen keinen Lizenzcode \u00fcberpr\u00fcfen<\/span> und Sie haben keinen Zugriff auf Plugin-Updates, bis diese Ihnen vom Autor des Themas zur Verf\u00fcgung gestellt werden.<\/p>\n<p><img alt='optionale-vc-aktivierung-3581623' class=\"alignnone size-full wp-image-38004\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/optional-vc-activation-3581623.jpg' width=\"1000\" height=\"620\"><\/p>\n<p>Wenn Sie eine eigene Kopie erwerben m\u00f6chten, um Updates schneller zu erhalten, k\u00f6nnen Sie dies nat\u00fcrlich tun, aber es ist nicht erforderlich, den Visual Composer f\u00fcr Ihr Thema zu verwenden. Mit diesem k\u00f6nnen Sie fortfahren, das Plugin tats\u00e4chlich zu verwenden.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Getting-Started-With-The-Visual-Composer-Page-Builder\"><\/span>Erste Schritte mit dem Visual Composer Page Builder<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Nachdem Sie Visual Composer installiert haben, k\u00f6nnen Sie mit den Plugin-Einstellungen beginnen. In Ihrem WordPress-Admin-Bereich sollte jetzt eine Visual Composer-Option angezeigt werden. Klicken Sie darauf, um Ihre Einstellungsseite zu \u00f6ffnen.<\/p>\n<p><img alt='vc-general-settings-7715745' class=\"alignnone size-full wp-image-38011\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-general-settings-7715745.jpg' width=\"1085\" height=\"805\"><\/p>\n<p>Das <strong>Allgemeine Einstellungen<\/strong> Die Registerkarte enth\u00e4lt einfache Optionen zum Aktivieren \/ Deaktivieren des Stapelns von reaktionsf\u00e4higen Elementen auf kleinen Bildschirmen (sodass aus einer Standardzeile mit drei Spalten drei einzelne Spaltenzeilen werden k\u00f6nnen, w\u00e4hrend die Zeile mit drei Spalten auf Mobilger\u00e4ten verkleinert wird). W\u00e4hlen Sie eine Google-Schriftartenuntermenge und eine Schaltfl\u00e4che zum Ausruhen aus zum Wiedereinschalten der Visual Composer-F\u00fchrungen.<\/p>\n<p><img alt='vc-role-manager-2201025' class=\"alignnone size-full wp-image-38012\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-role-manager-2201025.jpg' width=\"1090\" height=\"1500\"><\/p>\n<p>Wenn Ihre Website mehrere Benutzerrollen verwendet, wird der Visual Composer verwendet <strong>Rollenmanager<\/strong> wird sicherlich n\u00fctzlich sein. Auf dieser Einstellungsseite k\u00f6nnen Sie den Benutzerzugriff auf verschiedene Visual Composer-Funktionen basierend auf der Rolle einschr\u00e4nken. Auf diese Weise k\u00f6nnen Sie Administratoren den Zugriff auf alle Funktionen erm\u00f6glichen und gleichzeitig die Editoren auf Blogseiten und die Mitwirkenden auf nichts beschr\u00e4nken.<\/p>\n<p>Wir haben dies bereits w\u00e4hrend der Installation erw\u00e4hnt, aber die\u00a0<strong>Produktlizenz<\/strong>\u00a0Auf der Registerkarte k\u00f6nnen Sie Ihren Lizenzcode \u00fcberpr\u00fcfen, wenn Sie eine eigene Kopie des Plugins gekauft haben. Wenn Ihre Kopie von Visual Composer mit einem Thema geliefert wurde, k\u00f6nnen Sie diesen Abschnitt ignorieren.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Page-Builder-Elements\"><\/span>Page Builder-Elemente<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img alt='Visual-Composer-Elemente-4193487' class=\"alignnone size-full wp-image-38005\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-elements-4193487.jpg' width=\"1040\" height=\"570\"><\/p>\n<p>Der Visual Composer enth\u00e4lt 34 Standardelemente f\u00fcr den Seitenersteller f\u00fcr viele Funktionen, die Sie Ihren Seiten hinzuf\u00fcgen m\u00f6chten (der Screenshot oben zeigt sie alle sowie das Kontaktformular 7-Element, \u00fcber das wir sp\u00e4ter sprechen). Viele der Elemente enthalten zus\u00e4tzliche Optionen f\u00fcr Farben, Rahmen, Auff\u00fcllungen, R\u00e4nder, benutzerdefiniertes CSS, Animationen und mehr. Hier ist ein kurzer \u00dcberblick \u00fcber das, was enthalten ist:<\/p>\n<ul>\n<li><strong>Reihen<\/strong> sind die Seite Ihrer Seiten. Mit dem Zeilenelement erstellen Sie Spalten und f\u00fcgen alle anderen Seitenelemente ein.<\/li>\n<li><strong>Textbl\u00f6cke<\/strong> sind genau das, wonach sie klingen - Textbl\u00f6cke. Mit dem Standard-WordPress-WYSIWYG-Editor k\u00f6nnen Sie mit diesem Modul Text hinzuf\u00fcgen und formatieren.<\/li>\n<li><strong>Symbole<\/strong> F\u00fcgen Sie Schriftartensymbole aus den folgenden Symbolbibliotheken hinzu: FontAwesome, Open Iconic, Typicons, Entypo, Linecons und Mono Social.<\/li>\n<li><strong>Trennzeichen &amp; Trennzeichen mit Text<\/strong> Es gibt M\u00f6glichkeiten, Zeilen- (und \/ oder Text-) Unterbrechungen zwischen Abschnitten zu erstellen, die Sie auf Ihren Seiten erstellen.<\/li>\n<li><strong>Meldungsfelder<\/strong> eignen sich hervorragend zum Hinzuf\u00fcgen von Notizen, Warnungen oder anderen Massagen in Schachteln.<\/li>\n<li><strong>Facebook, Tweet, Google+ und Pinterest<\/strong> sind alles einfache Social-Sharing-Schaltfl\u00e4chen, die Sie hinzuf\u00fcgen k\u00f6nnen, damit Benutzer die von Ihnen erstellte Seite freigeben k\u00f6nnen.<\/li>\n<li><strong>FAQs<\/strong> sind Schaltfl\u00e4chen, die zum Hinzuf\u00fcgen von versteckten Inhalten verwendet werden k\u00f6nnen, die Benutzer beim Lesen Ihrer Seite anzeigen k\u00f6nnen.<\/li>\n<li>Das<strong> Einzelbild<\/strong> ist genau das - ein einfaches Bild mit zus\u00e4tzlichen Optionen f\u00fcr Gr\u00f6\u00dfe, Animation, Link und mehr.<\/li>\n<li><strong>Tabs, Touren &amp; Akkordeons<\/strong>\u00a0sind den FAQs insofern \u00e4hnlich, als sie versteckten oder reduzierbaren Inhalt enthalten, jedoch mit ge\u00f6ffnetem ersten Abschnitt.<\/li>\n<li>ZU <strong>Pageable Container<\/strong> ist ein grundlegender Inhaltsregler (Sie k\u00f6nnen jedoch nahezu jedes Seitenerstellungselement in jede Container-Seite einf\u00fcgen).<\/li>\n<li><strong>Benutzerdefinierte \u00dcberschriften<\/strong> Erleichtern Sie das Hinzuf\u00fcgen eigener \u00dcberschriften zu Abschnitten mithilfe von benutzerdefinierten Schriftarten, Gr\u00f6\u00dfen, Farben und mehr.<\/li>\n<li><strong>Tasten<\/strong> Hier k\u00f6nnen Sie Links zu anderen Seiten oder externen Websites hinzuf\u00fcgen.<\/li>\n<li>ZU <strong>Aufruf zum Handeln<\/strong> ist eine Beschriftungsbox mit einer hinzugef\u00fcgten Schaltfl\u00e4che, die die Aufmerksamkeit der Benutzer auf sich zieht und es Ihnen erm\u00f6glicht, ein wenig \u00fcberzeugenden Inhalt hinzuzuf\u00fcgen.<\/li>\n<li>Das <strong>Widgetisierte Seitenleiste<\/strong> Mit dieser Option k\u00f6nnen Sie Ihre eigene benutzerdefinierte Seitenleiste an einer beliebigen Stelle auf der Seite einf\u00fcgen.<\/li>\n<li>Das <strong>Videoplayer<\/strong> erleichtert das Einf\u00fcgen verschiedener von WordPress unterst\u00fctzter Videoformate.<\/li>\n<li><strong>Google Maps<\/strong> ist eine weitere einfache Option: F\u00fcgen Sie einfach Ihren Google Map-Code ein, um eine Karte auf Ihrer Seite einzuf\u00fcgen.<\/li>\n<li><strong>Fortschrittsbalken, Kreisdiagramme, Runddiagramme und Liniendiagramme<\/strong> sind alle M\u00f6glichkeiten, Daten oder F\u00e4higkeiten grafisch darzustellen oder anzuzeigen.<\/li>\n<li><strong>Freiraum<\/strong> macht es einfach, eine vertikale Unterbrechung zwischen Elementen hinzuzuf\u00fcgen.<\/li>\n<li><strong>Artikel, Medien, Artikel Mauerwerk und Medien Mauerwerksgitter<\/strong> sind alle benutzerdefinierten Raster, die Sie zu Seiten hinzuf\u00fcgen k\u00f6nnen (mit der Option, Artikel- oder Medientypen zu mischen und abzugleichen).<\/li>\n<\/ul>\n<p><img alt='Widget-Elemente-9492292' class=\"alignnone size-full wp-image-38007\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/widget-elements-9492292.png' width=\"1040\" height=\"290\"><\/p>\n<p>Das Plugin enth\u00e4lt auch 8 <strong>Widget-Elemente<\/strong>\u00a0Damit k\u00f6nnen Sie Ihre eigene Seitenleiste erstellen, wenn Sie dies w\u00fcnschen. Diese sind hilfreich, wenn Sie benutzerdefinierte Zielseiten erstellen, auf denen sich Ihre Seitenleiste m\u00f6glicherweise nicht an einem typischen Seitenort befindet, oder wenn Ihre gesamte Website ein gro\u00dfes Netzwerk von Zielseiten ist, auf denen keine zwei dieselbe Seitenleiste verwenden.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Visual-Composer-Extensions\"><\/span>Visual Composer-Erweiterungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Die grundlegenden Visual Compose-Elemente eignen sich hervorragend f\u00fcr den Einstieg, aber m\u00f6glicherweise m\u00f6chten oder ben\u00f6tigen Sie mehr, um Ihre benutzerdefinierten Seitenlayouts zu erstellen. Dies ist \u00fcber Erweiterungen m\u00f6glich. Es gibt verschiedene Quellen f\u00fcr Visual Composer-Erweiterungen.<\/p>\n<p><img alt='total-elements-7009048' class=\"alignnone size-full wp-image-38006\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/total-elements-7009048.jpg' width=\"1040\" height=\"640\"><\/p>\n<p>Der erste Weg zu <strong>Erweitern Sie Ihren Visual Composer \u00fcber Ihr Thema<\/strong>. Ein gutes Beispiel ist unser Total WordPress-Theme, das 39 zus\u00e4tzliche Elemente f\u00fcr den Seitenersteller enth\u00e4lt. Diese sind exklusiv in Total enthalten, um mit den Funktionen arbeiten zu k\u00f6nnen. Sie m\u00fcssen also das Thema installiert und aktiv haben, um sie verwenden zu k\u00f6nnen. Total enth\u00e4lt Erweiterungen f\u00fcr benutzerdefinierte Artikeltypen (Testimonials, Mitarbeiter, Portfolios), benutzerdefinierte Galerien, einfache Schieberegler, soziale Netzwerke und vieles mehr. Dies erleichtert es Ihnen, den gew\u00fcnschten Inhalt dort hinzuzuf\u00fcgen, wo Sie ihn m\u00f6chten.<\/p>\n<p><img alt='Drittanbieter-VC-Addons-1796382' class=\"alignnone size-full wp-image-38015\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/third-party-vc-addons-1796382.png' width=\"1170\" height=\"650\"><\/p>\n<p>Wenn Ihr Thema keine Erweiterungen enth\u00e4lt, k\u00f6nnen Sie es installieren\u00a0<strong>Visual Composer-Erweiterungen von Drittanbietern<\/strong>. Diese k\u00f6nnen von kostenlos bis $55 reichen und sind bei einer Vielzahl von Autoren auf CodeCanyon und im Internet erh\u00e4ltlich. Wenn Sie ein paar zus\u00e4tzliche Funktionen wie Preistabellen und soziale Netzwerke hinzuf\u00fcgen m\u00f6chten, ist das kostenlose Symple Shortcodes-Plugin der richtige Weg (wir haben es schlie\u00dflich hier bei R Marketing Digital erstellt). Wenn Sie einer Schiffsladung mehr Optionen hinzuf\u00fcgen m\u00f6chten, ist ein Premium-Plugin wie Ultimate Add-ons m\u00f6glicherweise das Richtige f\u00fcr Sie. Es gibt buchst\u00e4blich Hunderte von Optionen - Sie k\u00f6nnen eine sehen <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/vc.wpbakery.com\/addons\/\">vollst\u00e4ndige Liste kompatibler Add-Ons<\/a> auf WPBakery.<\/p>\n<p>Wie auch immer Sie Ihren Visual Composer erweitern m\u00f6chten, wir empfehlen Ihnen <span style=\"text-decoration: underline;\">Verwenden Sie nicht alle Theme- und Plugin-Erweiterungen gleichzeitig<\/span>. Mehr ist nicht immer besser - besonders in diesem Fall. Dies f\u00fchrt nicht nur zu vielen \u00dcberlappungs- und Duplizierungsoptionen, sondern verlangsamt auch Ihre Site erheblich (in jedes Seitenerstellungselement flie\u00dft eine Menge Code). W\u00e4hlen Sie also die Erweiterung aus, die f\u00fcr Sie am besten geeignet ist, und bleiben Sie dabei.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Backend-Frontend-Editing\"><\/span>Backend- und Frontend-Bearbeitung<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Mit dem Visual Composer sind Sie nicht darauf beschr\u00e4nkt, wie Sie Ihre Seiten erstellen und bearbeiten k\u00f6nnen. Mit diesem leistungsstarken Plugin haben Sie die M\u00f6glichkeit, \u00c4nderungen \u00fcber das modulare Backend oder das visuelle Frontend vorzunehmen.<\/p>\n<div id=\"attachment_38013\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='vc-back-end-3186386' aria-describedby=\"caption-attachment-38013\" class=\"size-full wp-image-38013\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-back-end-3186386.png' width=\"1050\" height=\"634\"><\/p>\n<p id=\"caption-attachment-38013\" class=\"wp-caption-text\">Visual Composer Backend Editor<\/p>\n<\/div>\n<p>Wenn Sie die verwenden m\u00f6chten <strong>Backend-Editor<\/strong> Jedes Element wird als modulares Element angezeigt, das Sie einf\u00fcgen, ziehen und ablegen k\u00f6nnen. Diese Methode eignet sich hervorragend, wenn Sie schnell ein Drahtmodell so gestalten m\u00f6chten, wie Ihre Seite aussehen soll, und kann auch schneller als das Frontend sein, wenn Sie eine langsamere Server- oder Internetverbindung haben.<\/p>\n<p>Der Backend-Editor ist recht einfach zu bedienen. Klicken Sie einfach auf die blaue Schaltfl\u00e4che f\u00fcr die <em>Backend-Editor<\/em> um den Visual Composer f\u00fcr die Seite oder den Artikel zu aktivieren, die Sie bearbeiten.<\/p>\n<p><img alt='enable-editor-1188980' class=\"alignnone size-full wp-image-38019\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/enable-editor-1188980.png' width=\"763\" height=\"265\"><\/p>\n<p>Dann klicken Sie auf den t\u00fcrkisfarbenen Knopf um <em>+ Elemente hinzuf\u00fcgen<\/em>.<\/p>\n<p><img alt='add-elements-8418508' class=\"alignnone size-full wp-image-38020\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/add-elements-8418508.png' width=\"824\" height=\"716\"><\/p>\n<p>Von hier aus k\u00f6nnen Sie alle gew\u00fcnschten Seitenelemente einf\u00fcgen!<\/p>\n<div id=\"attachment_38014\" style=\"width: 1260px\" class=\"wp-caption alignnone\"><img alt='total-builder-8207673' aria-describedby=\"caption-attachment-38014\" class=\"size-full wp-image-38014\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/total-builder-8207673.jpg' width=\"1250\" height=\"800\"><\/p>\n<p id=\"caption-attachment-38014\" class=\"wp-caption-text\">Visual Composer Frontend Editor<\/p>\n<\/div>\n<p>Das <strong>Frontend-Editor<\/strong> bietet eine viel bessere Ansicht dar\u00fcber, wie Ihre endg\u00fcltige Seite aussehen wird, da es sich im Wesentlichen um einen visuellen Echtzeit-Editor handelt. Sie k\u00f6nnen alle gleichen Seitenerstellungselemente wie der Backend-Editor einf\u00fcgen, mit dem zus\u00e4tzlichen Vorteil, dass Sie sie anstelle eines Moduls tats\u00e4chlich sehen k\u00f6nnen. Sie k\u00f6nnen sehen, wie gro\u00df ein 300px-Bild wirklich aussieht oder ob eine lila Schaltfl\u00e4che mit einem Hex-Wert von #6e2f93 wirklich erscheint.<\/p>\n<p>Um die Frontend-Bearbeitung zu aktivieren, klicken Sie auf eine der beiden Optionen\u00a0<em>Frontend-Editor<\/em> Optionen f\u00fcr Ihre Seite oder Ihren Artikel.<\/p>\n<p><img alt='enable-frontend-editing-1868596' class=\"alignnone size-full wp-image-38021\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/enable-frontend-editing-1868596.png' width=\"824\" height=\"430\"><\/p>\n<p>Dadurch wird Ihr Bildschirm aktualisiert und Sie gelangen zu einer Live-Frontend-Vorschau Ihres Artikels oder Ihrer Seite mit denselben Optionen zum Erstellen von Seiten wie der Backend-Editor.<\/p>\n<p><img alt='vc-frontend-editing-2515888' class=\"alignnone size-full wp-image-38028\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/vc-frontend-editing-2515888.jpg' width=\"1217\" height=\"741\"><\/p>\n<p>Klicken Sie einfach, um Elemente hinzuzuf\u00fcgen. Der Hauptunterschied besteht darin, dass Sie jetzt Elemente sehen k\u00f6nnen, wenn Sie sie einf\u00fcgen, und die verwenden k\u00f6nnen <em>Vorschau-Optionen<\/em>\u00a0In der oberen Leiste erhalten Sie eine Vorstellung davon, wie Ihre Seite auf Desktops, Laptops, Tablets und Telefonen aussehen wird.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Adding-Editing-Page-Elements\"><\/span>Seitenelemente hinzuf\u00fcgen und bearbeiten<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Unabh\u00e4ngig davon, ob Sie den Backend- oder Frontend-Editor verwenden, haben Sie dieselben Optionen zum Anpassen Ihrer verschiedenen Seitenerstellungselemente. Obwohl die Optionen zwischen den Elementen variieren, m\u00fcssen Sie nach dem Einf\u00fcgen Ihres Elements einige wichtige Funktionen beachten.<\/p>\n<div id=\"attachment_38023\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='edit-row-2628342' aria-describedby=\"caption-attachment-38023\" class=\"wp-image-38023 size-full\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/edit-row-2628342.jpg' width=\"1050\" height=\"746\"><\/p>\n<p id=\"caption-attachment-38023\" class=\"wp-caption-text\">Visual Composer-Zeilenoptionen<\/p>\n<\/div>\n<p>Egal, was Sie Ihrer Seite hinzuf\u00fcgen m\u00f6chten <em>Sie m\u00fcssen zuerst eine Zeile einf\u00fcgen<\/em>. Nach dem Einf\u00fcgen k\u00f6nnen Sie mit der Maus \u00fcber das Frontend-Element fahren, um das Blau anzuzeigen\u00a0<strong>Zeilenoptionen<\/strong> (Im Backend sind diese immer oben in jeder Zeile sichtbar).<\/p>\n<ul>\n<li>Der erste <strong>Zeilensymbol<\/strong> Hier k\u00f6nnen Sie klicken, um die Zeile per Drag &amp; Drop an eine neue Position auf Ihrer Seite zu ziehen.<\/li>\n<li>Das <strong>Bleistift<\/strong> Das Symbol \u00f6ffnet Optionen f\u00fcr Ihre Zeileneinstellungen. Diese k\u00f6nnen je nach Thema variieren. Mit dem Thema Gesamt sehen Sie Optionen f\u00fcr die lokale Bildlauf-ID, die Zeilenausdehnung (f\u00fcr Zeilen voller Breite), die Zeile voller H\u00f6he, die minimale H\u00f6he, die Sichtbarkeit auf Mobilger\u00e4ten, den zentrierten Inhalt, Spalten gleicher H\u00f6he, Animation, Typografie, maximale Breite und Spaltenabstand , Hintergrundvideo oder Parallaxe und Gestaltungsoptionen (Rand, Rand, Polsterung, Hintergrundfarbe \/ Bild).<\/li>\n<li><strong>S\u00e4ulen<\/strong> sollen die Anzahl der Spalten in Ihrer Zeile festlegen. Es gibt Standardoptionen f\u00fcr bis zu 6 Spalten. Sie k\u00f6nnen jedoch auch Ihr eigenes benutzerdefiniertes Spaltenlayout festlegen, wenn Sie dies w\u00fcnschen.<\/li>\n<li><strong>Plus<\/strong> F\u00fcgt eine neue Zeile unter der zu bearbeitenden hinzu.<\/li>\n<li>Das <strong>Duplikat<\/strong> Das Symbol klont Ihre aktuelle Zeile und ihren gesamten Inhalt (auch bekannt als alle Elemente, die Sie in die Zeile eingef\u00fcgt haben). Dies ist ideal, wenn Sie ein Zeilenlayout mehrmals auf derselben Seite wiederverwenden m\u00f6chten.<\/li>\n<li><strong>M\u00fcll<\/strong> ist einfach, eine ganze Zeile und ihren Inhalt zu l\u00f6schen.<\/li>\n<\/ul>\n<div id=\"attachment_38024\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='edit-column-1461750' aria-describedby=\"caption-attachment-38024\" class=\"wp-image-38024 size-full\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/edit-column-1461750.jpg' width=\"1050\" height=\"746\"><\/p>\n<p id=\"caption-attachment-38024\" class=\"wp-caption-text\">Spaltenoptionen f\u00fcr Visual Composer<\/p>\n<\/div>\n<p>Wenn Sie im Frontend-Editor \u00fcber eine Zeile schweben, wird auch Gelb angezeigt <strong>Spaltenoptionen<\/strong> (Im Backend finden Sie die gleichen Optionen und Symbole, die \u00fcber jeder Spalte angezeigt werden.)<\/p>\n<ul>\n<li>Der erste <strong>Spalten-Symbol<\/strong> ist dasselbe wie Zeilen - klicken Sie darauf, um Spalten innerhalb ihrer Zeile per Drag &amp; Drop zu verschieben und neu anzuordnen.<\/li>\n<li>Das <strong>Bleistift<\/strong> ist die allgemeine Spalteneinstellung. \u00c4hnlich wie bei Zeilen k\u00f6nnen die Spaltenoptionen je nach verwendetem Thema variieren. Mit Total stehen folgende Optionen zur Verf\u00fcgung: Sichtbarkeit auf Mobilger\u00e4ten, Animation, Typografie, Mindesth\u00f6he, Designoptionen (Rand, Rand, Abstand, Hintergrund) und Reaktionseinstellungen (benutzerdefinierter Versatz, Breite oder ausgeblendete Optionen je nach Ger\u00e4t).<\/li>\n<li>F\u00fcr Spalten die <strong>Plus<\/strong> Das Symbol f\u00fcgt ein Element am oberen Rand der Spalte \u00fcber jedem anderen bereits eingef\u00fcgten Element hinzu.<\/li>\n<li>Wieder die <strong>M\u00fcll<\/strong> Das Symbol dient zum L\u00f6schen der gesamten Spalte sowie ihres Inhalts. Nach dem L\u00f6schen einer Spalte behalten die verbleibenden Spalten ihre Abmessungen bei (wenn Sie 1 von 3 Spalten l\u00f6schen, sind die verbleibenden 2 Spalten immer noch Spalten mit einer Gr\u00f6\u00dfe von 1\/3). Denken Sie also daran, Ihre Spaltenbreiten nach dem L\u00f6schen zu bearbeiten.<\/li>\n<\/ul>\n<div id=\"attachment_38025\" style=\"width: 1060px\" class=\"wp-caption alignnone\"><img alt='edit-element-5355812' aria-describedby=\"caption-attachment-38025\" class=\"wp-image-38025 size-full\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/edit-element-5355812.jpg' width=\"1050\" height=\"747\"><\/p>\n<p id=\"caption-attachment-38025\" class=\"wp-caption-text\">Optionen f\u00fcr Visual Composer-Seitenelemente<\/p>\n<\/div>\n<p>Innerhalb Ihrer Zeile oder Spalten verwenden Sie das Plus-Symbol, um ein Seitenelement einzuf\u00fcgen. Im obigen Screenshot haben wir eine hinzugef\u00fcgt <em>Nachrichtenbox<\/em>. Wenn Sie ein Element einf\u00fcgen, werden die Einstellungen automatisch ge\u00f6ffnet. Um ein Element zu bearbeiten, das Sie bereits hinzugef\u00fcgt haben, bewegen Sie den Mauszeiger einfach \u00fcber das Element im Front- oder Backend-Editor, um die folgenden Optionen anzuzeigen:<\/p>\n<ul>\n<li>Das <strong>Bleistift<\/strong> Das Symbol \u00f6ffnet die Einstellungen (die unten beschrieben werden).<\/li>\n<li>Das <strong>Duplikat<\/strong> Das Symbol klont Ihr Seitenelement genau so, wie Sie es haben (Einstellungen und alles).<\/li>\n<li>Zuletzt die <strong>M\u00fcll<\/strong> l\u00f6scht nur Ihr Page Builder-Element. von der Zeile oder Spalte, in die Sie es eingef\u00fcgt haben, und lassen Sie alle anderen Elemente im Takt.<\/li>\n<\/ul>\n<div id=\"attachment_38026\" style=\"width: 1082px\" class=\"wp-caption alignnone\"><img alt='element-general-9385707' aria-describedby=\"caption-attachment-38026\" class=\"size-full wp-image-38026\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/element-general-9385707.jpg' width=\"1072\" height=\"645\"><\/p>\n<p id=\"caption-attachment-38026\" class=\"wp-caption-text\">Allgemeine Optionen f\u00fcr Seitenelemente<\/p>\n<\/div>\n<p>Wenn Sie ein neues Element einf\u00fcgen oder auf das Stiftsymbol f\u00fcr ein Element klicken, wird das Seitenerstellungselement ge\u00f6ffnet <strong>die Einstellungen<\/strong>. Diese sind (gr\u00f6\u00dftenteils) in mehrere Registerkarten unterteilt, damit Sie alle verf\u00fcgbaren Anpassungsoptionen leichter sehen k\u00f6nnen. Zus\u00e4tzlich zur Registerkarte Einstellungen gibt es eine <strong>Ausr\u00fcstung<\/strong> Symbol in der oberen rechten Ecke, mit dem Sie Ihre ausgew\u00e4hlten Einstellungen als speichern k\u00f6nnen <em>voreingestellt<\/em> sp\u00e4ter oder als wiederverwendet werden <em>Standard<\/em> Wird bei jedem Einf\u00fcgen dieses bestimmten Elements automatisch verwendet.<\/p>\n<p>Das <strong>Registerkarte &quot;Allgemein&quot;<\/strong> Enth\u00e4lt allgemeine Optionen f\u00fcr Ihr Seitenelement. Diese variieren je nachdem, welches Element Sie einf\u00fcgen (in jedem Fall ist die Bearbeitung jedoch so einfach wie die Verwendung eines Dropdowns, einer Farbauswahl, eines Kontrollk\u00e4stchens oder eines Textfelds). Zum Beispiel die <em>Nachrichtenbox<\/em> Der obige Screenshot enth\u00e4lt Optionen f\u00fcr Stil, Form, Farbe, Symbol, Text und Animation. Aber wenn Sie eine einf\u00fcgen <em>Taste<\/em> Stattdessen finden Sie Optionen f\u00fcr Text, URL, Stil, Form, Farbe, Gr\u00f6\u00dfe, Ausrichtung, Symbol und Animation.<\/p>\n<div id=\"attachment_38027\" style=\"width: 1081px\" class=\"wp-caption alignnone\"><img alt='element-design-7631237' aria-describedby=\"caption-attachment-38027\" class=\"size-full wp-image-38027\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/element-design-7631237.jpg' width=\"1071\" height=\"876\"><\/p>\n<p id=\"caption-attachment-38027\" class=\"wp-caption-text\">Gestaltungsoptionen f\u00fcr Seitenelemente<\/p>\n<\/div>\n<p>Das <strong>Registerkarte &quot;Designoptionen&quot;<\/strong> ist die zweite Standardregisterkarte, die Sie auf nahezu jedem Seitenerstellungselement sehen. Von hier aus k\u00f6nnen Sie Ihrem Element einen benutzerdefinierten Hintergrund (Farbe oder Bild), einen Rand, einen Abstand und einen Rand hinzuf\u00fcgen. Die Optionen zum Vereinfachen von Steuerelementen reduzieren die CSS-Feldoptionen, sodass Sie f\u00fcr jede Option (Rand, Rand und Abstand) einen universellen Wert eingeben k\u00f6nnen. Ein Hinweis, den Sie beachten sollten: Wenn Sie einen Hintergrund anwenden, ist dieser in Ihrem Rahmen enthalten. SW <em>Erh\u00f6hen Sie Ihre Polsterung<\/em> erh\u00f6ht den sichtbaren Hintergrund, den Sie um Ihr Element hinzugef\u00fcgt haben, aber wenn Sie<em> Erh\u00f6hen Sie Ihre Marge<\/em> Sie vergr\u00f6\u00dfern den leeren Bereich um Ihr Seitenelement (wobei die Zeile \/ Seite dahinter angezeigt wird).<\/p>\n<p>Abh\u00e4ngig vom Modul, in das Sie Ihr Seitenelement einf\u00fcgen, k\u00f6nnen nat\u00fcrlich viele weitere Registerkarten vorhanden sein. Zum Beispiel der Visual Composer <em>Rasterelement<\/em> hat Optionsregisterkarten f\u00fcr Dateneinstellungen und Elementdesign hinzugef\u00fcgt. Und wenn Sie benutzerdefinierte Seitenelemente \u00fcber eine Erweiterung wie die verwenden <em>Total Staff Grid<\/em> Je nachdem, was der Autor der Erweiterung hinzugef\u00fcgt hat, k\u00f6nnen noch mehr Optionen integriert sein (z. B. Abfrageoptionen, Zuschneiden von benutzerdefinierten Bildern, Meta, soziale Links, Ausz\u00fcge usw.).<\/p>\n<div class=\"gray-box\">\n<p><strong>Hinweis:<\/strong>\u00a0Eine umfassende Liste der Elemente finden Sie in unserer <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/totaltheme.wpengine.com\/features\/builder-modules\/\">Handbuch f\u00fcr Total Builder-Module<\/a>. Der beste Weg, um zu lernen, was jedes Modul tut, ist jedoch, mit dem Visual Composer herumzuspielen. Erstellen Sie eine Testseite und \u00fcben Sie das Einf\u00fcgen und Bearbeiten von Elementen. Sie werden schnell den Dreh raus bekommen und Seiten wie ein Profi erstellen!<\/p>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"Popular-Compatible-Plugins\"><\/span>Beliebte kompatible Plugins<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Zus\u00e4tzlich zu den Visual Composer-Erweiterungen sind viele beliebte Plugins mit dem Visual Composer kompatibel und f\u00fcgen automatisch ein eigenes Element zum Erstellen von Seiten hinzu. Hier sind einige der vielen Plugins, die Sie gerne h\u00f6ren werden und die nahtlos mit dem Visual Composer-Plugin zusammenarbeiten, um eine noch bessere Seitenerstellung zu erzielen.<\/p>\n<p><img alt='woocommerce-elements-1949820' class=\"alignnone size-full wp-image-38008\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/woocommerce-elements-1949820.jpg' width=\"1040\" height=\"360\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\"><strong>WooCommerce<\/strong><\/a>: Wenn Sie ein Gesch\u00e4ft mit WordPress aufbauen m\u00f6chten, ist WooCommerce der richtige Weg. Dieses Plugin ist nicht nur kostenlos und voller gro\u00dfartiger Funktionen, sondern auch voll kompatibel mit Visual Composer. Nach der Installation und Aktivierung f\u00fcgt WooCommerce nicht nur eigene Einstellungen und Optionen hinzu, sondern auch <strong>17 neue Seitenerstellungselemente<\/strong> damit du damit spielen kannst.<\/p>\n<p><img alt='Revolution-4964150' class=\"alignnone size-full wp-image-38009\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/revolution-4964150.jpg' width=\"750\" height=\"451\"><\/p>\n<p><strong>Slider Revolution<\/strong>: Slider sind eine gro\u00dfartige M\u00f6glichkeit, jeder Seite einen aufmerksamkeitsstarken und inhaltsreichen Bereich hinzuzuf\u00fcgen, und Slider Revolution ist ein perfektes Plugin, um genau das zu tun. Mit diesem Plugin k\u00f6nnen Sie Elemente wie Text, Schaltfl\u00e4chen, Bilder und sogar Videos per Drag &amp; Drop verschieben und Animationen und Effekte hinzuf\u00fcgen, um beeindruckende Schieberegler zu erstellen. Sehen Sie es in Aktion auf vielen unserer <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/total.wpexplorer.com\/\">Total Demos<\/a>!<\/p>\n<p><img alt='Schicht-1178447' class=\"alignnone size-full wp-image-38010\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/layer-1178447.png' width=\"1200\" height=\"670\"><\/p>\n<p><strong>LayerSlider<\/strong>: Eine weitere gro\u00dfartige Option f\u00fcr Schieberegler ist das LayerSlider-Plugin. Es ist genauso gro\u00dfartig wie Slider Revolution, aber mit einer etwas anderen Oberfl\u00e4che und Optionen. Es enth\u00e4lt sogar einen benutzerdefinierten Builder f\u00fcr den \u00dcbergang, mit dem Sie einzigartige Animationen erstellen k\u00f6nnen. Es ist auch einer der beiden Premium-Schieberegler, die in unserem Total WordPress-Theme enthalten sind. Sie wissen also, dass es ziemlich gut ist.<\/p>\n<p><img alt='Kontaktformular7-Plugin-7175832' class=\"alignnone size-full wp-image-37262\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/contact-form7-plugin-7175832.png' width=\"772\" height=\"250\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/contact-form-7\/\"><strong>Kontaktformular 7<\/strong><\/a>: Kontaktformulare sind ein wichtiger Bestandteil jeder Website - egal ob Sie ein Blogger mit einem Formular f\u00fcr gesch\u00e4ftliche Anfragen oder ein Zahnarzt mit einem Terminformular sind. Contact Form 7 ist v\u00f6llig kostenlos, flexibel und mit dem Visual Composer ist das Einf\u00fcgen Ihrer Kontaktformulare mit dem benutzerdefinierten Formularelement einfach.<\/p>\n<p><img alt='wpml-2-6919102' class=\"alignnone size-full wp-image-37203\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/WPML-2-6919102.png' width=\"900\" height=\"423\"><\/p>\n<p><strong>WPML<\/strong>: Wenn Sie eine mehrsprachige Website erstellen m\u00fcssen, ist WPML eine der wichtigsten Optionen f\u00fcr die \u00dcbersetzung Ihrer Artikel und Seiten. Au\u00dferdem ist WPML vollst\u00e4ndig mit Visual Composer kompatibel, sodass jede von Ihnen erstellte benutzerdefinierte Seite \u00fcbersetzt werden kann.<\/p>\n<p><img alt='Polylang-Translation-Plugin-9343936' class=\"alignnone\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/polylang-translation-plugin-9343936.jpg' width=\"772\" height=\"250\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/polylang\/\"><strong>Polylang<\/strong><\/a>: Wenn Sie nicht in WPML investieren m\u00f6chten, ist Polylang eine gro\u00dfartige kostenlose Option, die vollst\u00e4ndig mit Visual Composer kompatibel ist (es ist eines der kostenlosen Plugins, die wir empfehlen, um Ihre WordPress-Site mehrsprachig zu machen).<\/p>\n<p><img alt='yoast-seo-free-wordpress-plugin-7758635' class=\"alignnone size-full wp-image-37770\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/yoast-seo-free-wordpress-plugin-7758635.png' width=\"772\" height=\"250\"><\/p>\n<p><a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\"><strong>Yoast SEO<\/strong><\/a>: Yoast macht es jedem Benutzer leicht, die SEO vor Ort zu verbessern. Es gibt viele wichtige SEO-Funktionen, einschlie\u00dflich Sitemaps, Meta-Beschreibungen, Breadcrumbs und mehr. Das Beste von allem: Yoast SEO spielt gut mit Visual Composer, sodass Sie sich Sorgen machen k\u00f6nnen, bessere Seiten zu erstellen, anstatt nach SEO zu suchen.<\/p>\n<p><img alt='Templatera-Template-Manager-f\u00fcr-Visual-Composer-WordPress-Addon-wpexplorer-9533357' class=\"alignnone size-full wp-image-30373\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/templatera-template-manager-for-visual-composer-wordpress-addon-wpexplorer-9533357.jpg' width=\"750\" height=\"381\"><\/p>\n<p><strong>Templatera<\/strong>: Dieses Plugin ist nicht nur kompatibel - es wurde von WPBakery (den Autoren von Visual Composer) erstellt, um die Funktionalit\u00e4t ihres Seitenerstellers zu erweitern. Templatera erm\u00f6glicht das Speichern und Wiederverwenden von Vorlagen, sodass das Erstellen von Wiederholungsseiten einfach ist. Nach der Installation f\u00fcgt das Plugin eine eigene Option in den Visual Composer-Einstellungen in Ihrem WordPress-Administrationsbereich hinzu, sodass Sie Ihre Vorlagen einfach importieren, exportieren und wiederverwenden k\u00f6nnen (was wir f\u00fcr eine so gro\u00dfartige Funktion hielten, dass wir dieses Plugin auch mit Total geb\u00fcndelt haben).<\/p>\n<p>Und wir sind sicher, dass es noch viele weitere gro\u00dfartige kompatible Plugins gibt! Wenn Sie Zweifel an der Kompatibilit\u00e4t eines neuen Plugins mit Visual Composer haben, wenden Sie sich einfach an den Autor Ihres neuen Plugins und fragen Sie.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Advanced-Options-For-The-Visual-Composer\"><\/span>Erweiterte Optionen f\u00fcr den Visual Composer<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>F\u00fcr fortgeschrittene Benutzer gibt es im Visual Composer einige zus\u00e4tzliche Optionen, mit denen Sie Ihrem Seitenersteller benutzerdefinierte Shortcodes hinzuf\u00fcgen und benutzerdefinierte Medienraster erstellen k\u00f6nnen.<\/p>\n<p><img alt='Shortcode-Mapper-3318259' class=\"alignnone size-full wp-image-38017\" src='https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/shortcode-mapper-3318259.png' width=\"980\" height=\"400\"><\/p>\n<p>Erstens ist die\u00a0<strong>Shortcode Mapper<\/strong>. Diese Option befindet sich in den Visual Composer-Einstellungen und kann verwendet werden, um Ihre eigenen benutzerdefinierten Shortcodes dem Visual Composer zuzuordnen. Dies ist ideal, wenn Sie einen Shortcode haben, den Sie lieben (z. B. einen f\u00fcr eine Preistabelle), der standardm\u00e4\u00dfig nicht im Visual Composer enthalten ist.<\/p>\n<p>Die zweite erweiterte Option ist die enthaltene <strong>Grid Builder<\/strong>. Mit diesen Funktionen k\u00f6nnen Sie benutzerdefinierte Raster (\u00e4hnlich den Medien- und Artikelraster) mit Ihren eigenen benutzerdefinierten Layouts f\u00fcr Ihre Inhalte erstellen. Sie k\u00f6nnen beispielsweise ein benutzerdefiniertes Blog-Artikelraster mit runden Bildern, dem Namen des Artikelautors in Fettdruck, einer benutzerdefinierten Auszugsl\u00e4nge, einer Schaltfl\u00e4che zum Lesen weiterer Informationen und einer zweiten Schaltfl\u00e4che zum Verkn\u00fcpfen mit einem empfohlenen Produkt erstellen. Bekomme eine Vorstellung? Sie k\u00f6nnen jedes gew\u00fcnschte Rasterlayout mit unz\u00e4hligen Optionen f\u00fcr Elemente, Farben, R\u00e4nder, Rahmen und mehr erstellen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Wrapping-Up\"><\/span>Einpacken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Es gibt Unmengen, die Sie mit WordPress und dem Visual Composer tun k\u00f6nnen. Wenn Sie den Seitenersteller bei der Arbeit sehen m\u00f6chten, schauen Sie sich einfach einen unserer an <a rel=\"nofollow noopener noreferrer\" target=\"_blank\" href=\"https:\/\/total.wpexplorer.com\/\">Gesamtthema<\/a>\u00a0Demos, in denen wir versucht haben, die Vielfalt der Stile und Layouts zu demonstrieren, die mit Visual Composer erstellt werden k\u00f6nnen.<\/p>\n<p>Und wenn wir etwas verpasst haben<strong>\u00a0frag uns einfach<\/strong>. Gerne teilen wir Ihnen alles mit, was Sie \u00fcber den Visual Composer und seine Funktionsweise wissen m\u00f6chten.<em>\u00a0Hinterlasse unten einen Kommentar<\/em>. Danke f\u00fcrs Lesen!<\/p>\n<\/div>\n<p><script type=\"application\/ld+json\">{\n    \"@context\": \"http:\\\/\\\/schema.org\",\n    \"@type\": \"BlogPosting\",\n    \"mainEntityOfPage\": {\n        \"@type\": \"WebPage\",\n        \"@id\": \"https:\\\/\\\/www.wpexplorer.com\\\/visual-composer-guide-wordpress\\\/\"\n    },\n    \"headline\": \"Ultimate Visual Composer Drag &#038; Drop Page Builder Guide For WordPress\",\n    \"image\": {\n        \"@type\": \"ImageObject\",\n        \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/uploads\\\/visual-composer-guide-for-wordpress.jpg\",\n        \"width\": 900,\n        \"height\": 450\n    },\n    \"datePublished\": \"2016-05-20T12:49:08-06:00\",\n    \"dateModified\": \"2019-11-20T17:55:48-06:00\",\n    \"author\": {\n        \"type\": \"Person\",\n        \"name\": \"Kyla\"\n    },\n    \"publisher\": {\n        \"@type\": \"Organization\",\n        \"name\": \"R Marketing Digital\",\n        \"logo\": {\n            \"@type\": \"ImageObject\",\n            \"url\": \"https:\\\/\\\/www.wpexplorer.com\\\/wp-content\\\/themes\\\/wpexplorer\\\/images\\\/wpexplorer-organization-logo.png\",\n            \"width\": 400,\n            \"height\": 60\n        }\n    },\n    \"description\": \"The ultimate Visual Composer guide. Detailed guide full of tips & tricks on how to use the Visual Composer drag and drop pager builder plugin for WordPress.\"\n}<\/script><\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with more than 150,000+ customers\u00a0(and that\u2019s not&#8230;<\/p>","protected":false},"author":1,"featured_media":87771,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1351],"tags":[],"class_list":["post-87770","post","type-post","status-publish","format-standard","has-post-thumbnail","category-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v27.0 (Yoast SEO v28.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital<\/title>\n<meta name=\"description\" content=\"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress\" \/>\n<meta property=\"og:description\" content=\"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/\" \/>\n<meta property=\"og:site_name\" content=\"R Marketing Digital\" \/>\n<meta property=\"article:published_time\" content=\"2022-05-03T06:42:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-7231098.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"R Marketing Digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/\"},\"author\":{\"name\":\"R Marketing Digital\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"headline\":\"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress\",\"datePublished\":\"2022-05-03T06:42:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/\"},\"wordCount\":4098,\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-7231098.jpg\",\"articleSection\":[\"Wordpress\"],\"inLanguage\":\"de\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/\",\"name\":\"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-7231098.jpg\",\"datePublished\":\"2022-05-03T06:42:48+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\"},\"description\":\"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with\",\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/fr\\\/wordpress\\\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-7231098.jpg\",\"contentUrl\":\"https:\\\/\\\/rmarketingdigital.com\\\/wp-content\\\/uploads\\\/2020\\\/09\\\/visual-composer-guide-for-wordpress-7231098.jpg\",\"width\":900,\"height\":450,\"caption\":\"visual-composer-guide-for-wordpress-7231098-6113152-jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#website\",\"url\":\"https:\\\/\\\/rmarketingdigital.com\\\/\",\"name\":\"R Marketing Digital\",\"description\":\"Agencia SEO | Publicidad redes sociales | Community Management\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/rmarketingdigital.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/rmarketingdigital.com\\\/#\\\/schema\\\/person\\\/7c0d9782b2977b840b3740f00c69a73e\",\"name\":\"R Marketing Digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g\",\"caption\":\"R Marketing Digital\"}}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital","description":"Der Visual Composer hat sich zu einem der meistverkauften Plugins zum Erstellen von Seiten f\u00fcr WordPress entwickelt. Seit seiner Ver\u00f6ffentlichung im Mai 2011 ist das Plugin mit explodiert","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/","og_locale":"de_DE","og_type":"article","og_title":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress","og_description":"The Visual Composer\u00a0has become\u00a0one of the top selling page building plugins for WordPress. Since it\u2019s release in May 2011 the plugin has exploded with","og_url":"https:\/\/rmarketingdigital.com\/de\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/","og_site_name":"R Marketing Digital","article_published_time":"2022-05-03T06:42:48+00:00","og_image":[{"width":900,"height":450,"url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-7231098.jpg","type":"image\/jpeg"}],"author":"R Marketing Digital","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/#article","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/"},"author":{"name":"R Marketing Digital","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"headline":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress","datePublished":"2022-05-03T06:42:48+00:00","mainEntityOfPage":{"@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/"},"wordCount":4098,"image":{"@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-7231098.jpg","articleSection":["Wordpress"],"inLanguage":"de"},{"@type":"WebPage","@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/","url":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/","name":"Ultimate Visual Composer Drag &amp; Drop Page Builder Guide For WordPress - R Marketing Digital","isPartOf":{"@id":"https:\/\/rmarketingdigital.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/#primaryimage"},"image":{"@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/#primaryimage"},"thumbnailUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-7231098.jpg","datePublished":"2022-05-03T06:42:48+00:00","author":{"@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e"},"description":"Der Visual Composer hat sich zu einem der meistverkauften Plugins zum Erstellen von Seiten f\u00fcr WordPress entwickelt. Seit seiner Ver\u00f6ffentlichung im Mai 2011 ist das Plugin mit explodiert","inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/rmarketingdigital.com\/fr\/wordpress\/ultime-visual-compositeur-glisser-deposer-guide-de-creation-de-page-pour-wordpress-2\/#primaryimage","url":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-7231098.jpg","contentUrl":"https:\/\/rmarketingdigital.com\/wp-content\/uploads\/2020\/09\/visual-composer-guide-for-wordpress-7231098.jpg","width":900,"height":450,"caption":"visual-composer-guide-for-wordpress-7231098-6113152-jpg"},{"@type":"WebSite","@id":"https:\/\/rmarketingdigital.com\/#website","url":"https:\/\/rmarketingdigital.com\/","name":"R Digitales Marketing","description":"SEO Agentur | Werbung f\u00fcr soziale Netzwerke | Community Management","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rmarketingdigital.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Person","@id":"https:\/\/rmarketingdigital.com\/#\/schema\/person\/7c0d9782b2977b840b3740f00c69a73e","name":"R Digitales Marketing","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c5599c203e0120b8ccbff4666af86f35f9b3dcad468a8bc6295313a3964a80be?s=96&d=mm&r=g","caption":"R Marketing Digital"}}]}},"_links":{"self":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/87770","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/comments?post=87770"}],"version-history":[{"count":0,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/posts\/87770\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media\/87771"}],"wp:attachment":[{"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/media?parent=87770"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/categories?post=87770"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rmarketingdigital.com\/de\/wp-json\/wp\/v2\/tags?post=87770"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}