{"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":"
<\/head><\/p>\nThe7\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
The7 WPBakery Page Builder is based on widely popular\u00a0WPBakery Page Builder<\/a> by 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:\u00a0http:\/\/kb.wpbakery.com\/index.php?title=Visual_Composer<\/a><\/p>\n By default, Builder is enabled for all post types except Slideshows and Logos. These settings can be overwritten via \u201cWP-admin > The7 WPBakery Page Builder > Role Manager > Post types\u201d.<\/p>\n Fig. 1.1. Enable WPBakery Page Builder.<\/p>\n<\/div>\n 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 Fig. 1.2. Enable front-end editor.<\/p>\n<\/div>\n 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 Fig. 2. WPBakery Page Builder canvas.<\/p>\n<\/div>\n 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
<\/a><\/p>\n
<\/a><\/p>\n
<\/a><\/p>\n