{"id":2118,"date":"2020-05-22T22:02:51","date_gmt":"2020-05-22T22:02:51","guid":{"rendered":"https:\/\/the7kennisbank.nl\/?p=2118"},"modified":"2020-05-22T22:40:21","modified_gmt":"2020-05-22T22:40:21","slug":"basics","status":"publish","type":"post","link":"https:\/\/the7kennisbank.nl\/en\/user-guide\/basics\/","title":{"rendered":"Basics"},"content":{"rendered":"<p><head><meta http-equiv=\"Content-Type\" content=\"text\/html; charset=utf-8\"><\/head><\/p>\n<p>The7\u00a0comes with The7 WPBakery Page Builder. This software allows you to forget about shortcodes and create most complex layouts within minutes without writing a single line of code!<\/p>\n<p>The7 WPBakery Page Builder is based on widely popular\u00a0<a href=\"http:\/\/codecanyon.net\/item\/visual-composer-for-wordpress\/242431\">WPBakery Page Builder<\/a> by <a href=\"http:\/\/codecanyon.net\/user\/wpbakery\">wpbakery<\/a>. It has very simple and intuitive interface, but before getting started with building layouts, you may find it useful to get accustomed with WPBakery Page Builder documentation:\u00a0<a href=\"http:\/\/kb.wpbakery.com\/index.php?title=Visual_Composer\">http:\/\/kb.wpbakery.com\/index.php?title=Visual_Composer<\/a><\/p>\n<p>By default, Builder is enabled for all post types except Slideshows and Logos. These settings can be overwritten via \u201cWP-admin &gt; The7 WPBakery Page Builder &gt; Role Manager &gt; Post types\u201d.<\/p>\n<div id=\"attachment_3453\" class=\"wp-caption aligncenter c1\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/09\/Fig._1._Enable_WPBakery_Page_Builder..png\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-3453\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1._Enable_WPBakery_Page_Builder.-2.png\" alt=\"Fig. 1. Enable WPBakery Page Builder.\" width=\"1328\" height=\"439\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1.1. Enable WPBakery Page Builder.<\/p>\n<\/div>\n<p>To \u00a0start creating new layout click \u201cWPBakery Page Builder\u201d button (see fig. 1.1) on top of Gutenberg Editor. It will bring you to the back-end editor. You can also edit layouts\u00a0in the front-end using the \u201cFrontend Editor\u201d. But please note that front-end editing tool is still just a bit sloppy (though it improves constantly) and we still recommend using back-end editor over it.<\/p>\n<div id=\"attachment_3461\" class=\"wp-caption aligncenter c2\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/09\/Fig._1.2._Enable_front-end_editor._001.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3461 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._1.2._Enable_front-end_editor._001.png\" alt=\"Fig. 1.2. Enable front-end editor.\" width=\"864\" height=\"385\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 1.2. Enable front-end editor.<\/p>\n<\/div>\n<p>WYSIWYG editor changes to The7 WPBakery Page Builder canvas (see fig. 2).\u00a0You can work with it as you do with regular WPBakery Page Builder.<\/p>\n<div id=\"attachment_3455\" class=\"wp-caption aligncenter c3\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/09\/Fig._2._WPBakery_Page_Builder_canvas..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3455 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._2._WPBakery_Page_Builder_canvas..png\" alt=\"Fig. 2. WPBakery Page Builder canvas.\" width=\"831\" height=\"461\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 2. WPBakery Page Builder canvas.<\/p>\n<\/div>\n<p>It is easy to edit columns and rows:\u00a0just click the \u201cpen\u201d icon on corresponding row or column (see fig. 3\u00a0for details):<\/p>\n<div id=\"attachment_3456\" class=\"wp-caption aligncenter c4\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/09\/Fig._3._Edit_row_column_button..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3456 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._3._Edit_row_column_button..png\" alt=\"Fig. 3. Edit row\/column button.\" width=\"836\" height=\"351\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 3. Edit row\/column button.<\/p>\n<\/div>\n<p>After clicking <strong>Add element<\/strong> button and applying \u201cby Dream-Theme\u201d filter, you\u2019ll notice vast set of interface elements (shortcodes) developed exclusively for The7 Theme (fig. 4). Their interface is build on same principles as standard WPBakery Page Builder shortcodes. Therefore if you\u2019re already familiar with WPBakery Page Builder, working with our shortcodes will be a breeze for you!<\/p>\n<div id=\"attachment_3458\" class=\"wp-caption aligncenter c5\"><a href=\"https:\/\/guide.the7.io\/wp-content\/uploads\/2013\/09\/Fig._4._WPBakery_Page_Builder_elements_by_Dream-Theme..png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-3458 size-full\" src=\"https:\/\/the7kennisbank.nl\/wp-content\/uploads\/2019\/09\/Fig._4._WPBakery_Page_Builder_elements_by_Dream-Theme..png\" alt=\"Fig. 4. WPBakery Page Builder elements by Dream-Theme.\" width=\"1053\" height=\"511\"><\/a><\/p>\n<p class=\"wp-caption-text\">Fig. 4. WPBakery Page Builder elements by Dream-Theme.<\/p>\n<\/div>\n<p>Note that you can use the search filed and filter to easily find required elements.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The7\u00a0comes with The7 WPBakery Page Builder. This software allows you to forget about shortcodes and create most complex layouts within minutes without writing a single line of code! The7 WPBakery Page Builder is based on widely popular\u00a0WPBakery Page Builder by wpbakery. It has very simple and intuitive interface, but before getting started with building layouts,&hellip;<\/p>\n","protected":false},"author":2,"featured_media":2294,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[9,21],"tags":[],"class_list":["post-2118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-user-guide","category-visual-layout-builder","category-9","category-21","description-off"],"acf":[],"_links":{"self":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/comments?post=2118"}],"version-history":[{"count":3,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2118\/revisions"}],"predecessor-version":[{"id":2497,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/posts\/2118\/revisions\/2497"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media\/2294"}],"wp:attachment":[{"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/media?parent=2118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/categories?post=2118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/the7kennisbank.nl\/en\/wp-json\/wp\/v2\/tags?post=2118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}