{"id":580,"date":"2016-08-26T14:25:10","date_gmt":"2016-08-26T12:25:10","guid":{"rendered":"https:\/\/www.nieuwsmarkt.nl\/?p=580"},"modified":"2017-10-01T09:09:57","modified_gmt":"2017-10-01T07:09:57","slug":"will-pagebuilders-put-an-end-to-high-end-themes","status":"publish","type":"post","link":"https:\/\/www.nieuwsmarkt.nl\/nl\/blog\/2016\/08\/26\/will-pagebuilders-put-an-end-to-high-end-themes\/","title":{"rendered":"Will pagebuilders put an end to high-end themes?"},"content":{"rendered":"<p><strong>On the various WordPress facebook groups, lots of groupmembers ask the community what theme will fit best in combination with\u00a0the use of the BeaverBuilder pagebuilder plugin.<\/strong><!--more--><\/p>\n<p><em>\u2022 Also read the <a href=\"https:\/\/davidwaumsley.com\/whats-the-best-theme-for-beaver-builder\/\" target=\"_blank\">post<\/a> from David Waumsley on this subject<br \/>\n\u2022 See all <a href=\"https:\/\/www.facebook.com\/groups\/beaverbuilders\/permalink\/648826618610024\/\" target=\"_blank\">comments<\/a> on the Beaver Builder facebook group<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-581 alignright\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/layout-website.jpg\" alt=\"layout-website\" width=\"321\" height=\"296\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/layout-website.jpg 591w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/layout-website-300x277.jpg 300w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/>Pagebuilders focus on creating\/editing content in the main content area of a website. Depending on the developers focus pagebuilders could be active on single pages, archive pages, single postst and even custom post type (with custom fields).<\/p>\n<p>All design aspects of the content area can therefore be &#8216;left out&#8217; in the theme. That said, what is left for themes anyhow? We could think of the following list of tasks:<\/p>\n<ul>\n<li>general site-wide setting in colors, fonts<\/li>\n<li>header settings, color, text, logo etc.<\/li>\n<li>sidebar settings and use of widgets<\/li>\n<li>menu settings, also responsive behaviour<\/li>\n<li>footer settings, with footer widgets etc.<\/li>\n<\/ul>\n<p>In the more technical background of the theme, it would be very useful to define the possible hooks, which can be used in all kinds of custom\/conditional PHP and CSS programmings and settings.<\/p>\n<h3>Minimal approach<\/h3>\n<p>The Genesis theme from <a href=\"http:\/\/www.studiopress.com\/\" target=\"_blank\">StudioPress<\/a> has always been the foundation of a streamlined, minimal approach framework on which ChildThemes could be developed to make the final look&amp;feel of a web application. For programmers that was a great approach, with the enormous amount of well defined hooks, routines could relatively easy be developed to build every component of the site, with just a limited amount of settings available for the end-user. But that approach seems to come to an end of the lifecycle. Changing themes most of the times result in unpredicted behaviour of content in various locations in the site.<\/p>\n<blockquote><p>The ultimate 100% front-end (non back-end) approach\u00a0is the next challenge for both pagebuilder plugin and theme developers<\/p><\/blockquote>\n<h3>Why changing a theme?<\/h3>\n<p>Changing a theme has a reason. Customers want a different look&amp;feel. They don&#8217;t want a complete rebuild of the site, but changing a theme often asks for that kind of approach. Every theme has its own set of settings on every element in the theme. What you define in a header in theme A will most likely\u00a0not\u00a0work in theme B. If a pagebuilder (which is a plugin) takes care of the majority of the user experience around all main content, there is &#8216;little&#8217; left for the theme to do.<\/p>\n<h3>The Dynamik approach<\/h3>\n<p><a href=\"https:\/\/cobaltapps.com\/\" target=\"_blank\">Cobaltapps<\/a> developed a very flexibel approach as a ChildTheme on top of StudioPress. It was and still is the right balance between &#8216;setting parameters where you can and programming where you need&#8217;. Compared to drag&amp;drop pagebuilders, Dynamik has a very static approach of setting parameters values of each individual element on the site. With enormous amounts of settings (see all tabs below), using Dynamik will result in\u00a0a steep learning curve. Even if you are not using the programming possibilities.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-582\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/dynamik-settings-example-1024x619.jpg\" alt=\"dynamik-settings-example\" width=\"1024\" height=\"619\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/dynamik-settings-example-1024x619.jpg 1024w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/dynamik-settings-example-300x181.jpg 300w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/dynamik-settings-example-768x464.jpg 768w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/dynamik-settings-example.jpg 1219w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3>More intuitive<\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft wp-image-583\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/pagebuilder-settings.jpg\" alt=\"pagebuilder-settings\" width=\"450\" height=\"362\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/pagebuilder-settings.jpg 698w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/pagebuilder-settings-300x241.jpg 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/>Pagebuilders do for sure not have less settings possibilities, but the approach is more intuitive. You are creating\/editing elements in the front-end and you do directly see the results of most of your actions. The settings workflows are presented in a more logical manner. &#8216;Switches&#8217; determine the appearance of less or more options within a &#8216;block&#8217;.<\/p>\n<p>The front-end approach will also change the way theme settings can be used\/edited. Most traditional higher-end themes have less or more complex back-end settings panels. The front-end approach forces theme developers to use a more standard approach. Many new themes use the customizer as their only settings &#8216;place&#8217; in the front-end, without any use of the back-end anymore.<\/p>\n<p>Dynamik has a combined approach, since it was impossible to have all Dynamik settings in the front-end user interface. The font-end appraoch within Dynamik is just minimal and mostly\u00a0done for the more general WordPress settings.<\/p>\n<blockquote><p>Last week someone asked if the &#8216;huge&#8217; Bridge theme could be used with Beaver Builder plugin, while not using the built in Visual Composer<\/p><\/blockquote>\n<h3>Beaver Builder theme and others<\/h3>\n<div id=\"attachment_597\" style=\"width: 241px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-597\" class=\"wp-image-597\" src=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/bb-customizer.jpg\" alt=\"bb-customizer\" width=\"231\" height=\"514\" srcset=\"https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/bb-customizer.jpg 301w, https:\/\/www.nieuwsmarkt.nl\/wp-content\/uploads\/2016\/08\/bb-customizer-135x300.jpg 135w\" sizes=\"auto, (max-width: 231px) 100vw, 231px\" \/><p id=\"caption-attachment-597\" class=\"wp-caption-text\">The Beaver Builder theme customizer<\/p><\/div>\n<p>The <a href=\"https:\/\/www.wpbeaverbuilder.com\/kb\/beaver-builder-theme\/\" target=\"_blank\">Beaver Builder theme<\/a> and also the well known <a href=\"https:\/\/generatepress.com\/\" target=\"_blank\">GeneratePress<\/a> theme are good examples of the &#8216;customizer only&#8217; approach for theme settings. We learned that the above list of &#8216;what is left over&#8217; after using a pagebuilder is exactly the list we see in these themes in the customizer. Enough for global settings of the site and setting in header, menu, footer and sidebars. That limits the complexity of the customizer, all other content dependend settings are done in the pagebuilder plugin.<\/p>\n<blockquote><p>High-end themes will remain\u00a0for a while, but for more lower-end web building projects with only a short term approach<\/p><\/blockquote>\n<h3>Balance between theme and pagebuilder plugin<\/h3>\n<p>Although pagebuilders can work with any theme, web creators\/developers need to find the right balance between theme complexity and pagebuilder complexity to get things to work smoothly. In a\u00a0<a href=\"https:\/\/www.nieuwsmarkt.nl\/nl\/blog\/2016\/07\/15\/by-the-figures\/\">previous article<\/a> we listed some of the MBs used by the various approaches. Ofcourse MBs do not mean everything in terms of speed, safety, flexibility and beautiness, but adding too many things up will for sure have its effect on the totale performance of a site. Using pagebuilders just ask for a minimal theme approach. And it is possible to get all things done you want.<\/p>","protected":false},"excerpt":{"rendered":"<p>On the various WordPress facebook groups, lots of groupmembers ask the community what theme will fit best in combination with the use of the BeaverBuilder pagebuilder plugin.<\/p>","protected":false},"author":2,"featured_media":581,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,4],"tags":[36,38,5,26,37],"class_list":["post-580","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-news","category-review","tag-balance","tag-beaverbuilder","tag-dynamik","tag-pagebuilders","tag-studiopress"],"_links":{"self":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/580","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/comments?post=580"}],"version-history":[{"count":3,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/580\/revisions"}],"predecessor-version":[{"id":618,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/posts\/580\/revisions\/618"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/media\/581"}],"wp:attachment":[{"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/media?parent=580"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/categories?post=580"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.nieuwsmarkt.nl\/nl\/wp-json\/wp\/v2\/tags?post=580"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}