{"id":7475,"date":"2016-06-13T09:34:46","date_gmt":"2016-06-13T09:34:46","guid":{"rendered":"http:\/\/www.wpbeveiligen.nl\/?p=7475"},"modified":"2016-06-13T09:34:46","modified_gmt":"2016-06-13T09:34:46","slug":"visual-composer-gebruiken","status":"publish","type":"post","link":"https:\/\/wpbeveiligen.nl\/nieuws\/visual-composer-gebruiken\/","title":{"rendered":"De Visual Composer gebruiken"},"content":{"rendered":"<p><strong>De Visual Composer is een geavanceerde editor voor WordPress waarmee je flexibele pagina&#8217;s en berichten kunt schrijven.<\/strong><br \/>\nFlexibel in de zin dat je meerdere content-vlakken kunt plaatsen met daarin wisselende content zoals berichten, afbeeldingen, slideshows, contact formulieren etc.<\/p>\n<p>De\u00a0Visual Composer maakt de editor die je gewend bent in WordPress net even wat ingewikkelder maar als je eenmaal weet hoe het werkt kun je &#8220;toveren&#8221; met pagina&#8217;s en alles maken wat je wilt.<br \/>\nDenk hierbij aan landingspagina&#8217;s, contactpagina&#8217;s, gestructureerde infopagina&#8217;s en meer.<\/p>\n<p>Het voordeel van de\u00a0Visual Composer is dat er veel functies inzitten en je geen extra plugins hoeft te installeren. Zoals je in onze vorige artikelen over <a href=\"https:\/\/www.wpbeveiligen.nl\/wordpress-plugins-verstandig-gebruiken\">het gebruiken van plugins<\/a> hebt kunnen lezen is het belangrijk om het aantal plugins zoveel mogelijk te beperken tot een minimum.<\/p>\n<p>Heb je de Visual Composer nog niet? Dan kun je die <a href=\"https:\/\/vc.wpbakery.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">hier kopen<\/a>.<\/p>\n<h2>De Visual Composer gebruiken, stap 1<\/h2>\n<p><a href=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer.jpg\" rel=\"attachment wp-att-7478\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7478 aligncenter\" src=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer.jpg\" alt=\"visual-composer\" width=\"596\" height=\"257\" \/><\/a><br \/>\nWe gaan ervan uit dat je de Visual Composer <a href=\"https:\/\/vc.wpbakery.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">hebt gekocht<\/a> en ge\u00efnstalleerd, daarna: klik je op de blauwe &#8220;Backend Editor&#8221; button om de Visual Composer te voorschijn te halen.<\/p>\n<h2>De Visual Composer gebruiken, stap 2<\/h2>\n<p><a href=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer-gebruiken.jpg\" rel=\"attachment wp-att-7479\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7479 aligncenter\" src=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer-gebruiken.jpg\" alt=\"visual composer gebruiken\" width=\"500\" height=\"224\" \/><\/a>Klik dan op de <strong>+<\/strong> om een &#8220;nieuwe rij&#8221; of &#8220;element&#8221; in te zetten.<\/p>\n<h2>De Visual Composer gebruiken, stap 3<\/h2>\n<p><a href=\"\/nieuws\/wp-content\/uploads\/2016\/06\/Screenshot_32-Jun.-13-10.47.jpg\" rel=\"attachment wp-att-7480\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7480 aligncenter\" src=\"\/nieuws\/wp-content\/uploads\/2016\/06\/Screenshot_32-Jun.-13-10.47.jpg\" alt=\"elementen visual composer\" width=\"509\" height=\"278\" \/><\/a>Je zult een groot aantal mogelijkheden zien, bekijk ze eens rustig zodat je weet welke elementen je nu allemaal tot je beschikking hebt!<\/p>\n<p>Enkele van de meest gebruikte zijn de:<\/p>\n<ul>\n<li>Tekstblokken<\/li>\n<li>De &#8220;Call to action knoppen&#8221;<\/li>\n<li>De <a href=\"https:\/\/www.wpbeveiligen.nl\/een-wordpress-webshop-met-woocommerce\">WooCommerce<\/a> &amp; <a href=\"https:\/\/www.wpbeveiligen.nl\/contact-form-7-gebruiken\">Contact Form 7<\/a> addons<\/li>\n<li>De tabbladen<\/li>\n<li>Afbeeldingen<\/li>\n<li>Google maps<\/li>\n<\/ul>\n<p>Maar er zijn er nog veel meer!<\/p>\n<h2>De Visual Composer gebruiken, stap 4<\/h2>\n<p><a href=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer-element-toevoegen.png\" rel=\"attachment wp-att-7481\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7481 aligncenter\" src=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer-element-toevoegen.png\" alt=\"visual-composer-element-toevoegen\" width=\"650\" height=\"734\" \/><\/a>Wanneer \u00a0je een element toevoegt: in dit voorbeeld het &#8220;tekst element&#8221;, heb je direct veel mogelijkheden. Je kunt zo&#8217;n blok invullen\/configureren en wanneer je klaar bent inzetten door op de blauwe &#8220;save changes&#8221; knop te klikken.<\/p>\n<h2>De Visual Composer gebruiken, stap 5<\/h2>\n<p><a href=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer-blokken.png\" rel=\"attachment wp-att-7482\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-7482 aligncenter\" src=\"\/nieuws\/wp-content\/uploads\/2016\/06\/visual-composer-blokken.png\" alt=\"visual composer blokken\" width=\"603\" height=\"272\" \/><\/a>Uiteindelijk krijg je een aantal blokken onder elkaar die je altijd nog kunt aanpassen door ze in volgorde te slepen, op te delen, te verwijderen of te stylen.<\/p>\n<h2>Dat is de Visual Composer!<\/h2>\n<p>De Visual Composer is zeer flexibel en bespaart je veel plugins wat de veiligheid ten goede komt!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>De Visual Composer is een geavanceerde editor voor WordPress waarmee je flexibele pagina&#8217;s en berichten kunt schrijven. Flexibel in de zin dat je meerdere content-vlakken kunt plaatsen met daarin wisselende content zoals&hellip;<\/p>\n","protected":false},"author":1,"featured_media":25934,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2,30],"tags":[],"class_list":["post-7475","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-beveiligen","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/posts\/7475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/comments?post=7475"}],"version-history":[{"count":0,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/posts\/7475\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/media\/25934"}],"wp:attachment":[{"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/media?parent=7475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/categories?post=7475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpbeveiligen.nl\/nieuws\/wp-json\/wp\/v2\/tags?post=7475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}