{"id":8867,"date":"2022-12-11T14:31:25","date_gmt":"2022-12-11T22:31:25","guid":{"rendered":"https:\/\/codedcommerce.com\/?p=8867"},"modified":"2023-10-13T20:42:11","modified_gmt":"2023-10-14T03:42:11","slug":"blocks-versus-page-builders","status":"publish","type":"post","link":"https:\/\/codedcommerce.com\/blocks-versus-page-builders\/","title":{"rendered":"Blocks versus Page Builders"},"content":{"rendered":"\n

Blocks came out in late 2018 initially for blog posts and page contents. The Block Editor project<\/a>, originally named Gutenberg, has gradually expanded since. Starting January this year WordPress core introduced Block Themes (AKA Full Site Editing) where Blocks are used for templates, headers, footers, sidebars and more. That made 2022 a game changer because you no longer need a third party page builder to edit site templates without code. Default themes were Twenty-Twenty One Blocks experiment<\/a>, Twenty Twenty-Two<\/a>, and now Twenty Twenty-Three<\/a>.<\/p>\n\n\n\n

WordPress editing is becoming more performant, accessible, standardized and interoperable among themes and plugins. Plus for WooCommerce sites the core system has been rapidly developing and releasing Blocks and Templates in support of the new standards.<\/p>\n\n\n\n

Modern Block standards are inspired by non WordPress systems as well as WordPress specific Page Builders. The biggest problem with third party Page Builders has been lacking standards recently termed subtractive competition<\/em> by Darrin Ethier at WordCamp Europe 2022<\/a>. Divi was an original success story but it fell behind Elementor since Elementor offers a GPL compliant free version. WP Bakery has been popular because its leaner and its licensing allowed it to be bundled into themes, but is regarded as ugly and difficult to use. There have been several other builders claiming to be the best WordPress building experience, but without massive popularity these projects are unlikely to stand the test of time.<\/p>\n\n\n\n

A Block Theme can be as simple as a few basic files that tell WordPress to engage Block building; specifically style.css<\/code> headers, theme.json<\/code> setup details, and templates\/index.html<\/code> containing the post contents block. The default themes mentioned above contain a bit more but remain largely blank canvases.<\/p>\n\n\n\n

For those wishing to skip the blank canvas they could install one of the ~200 prebuilt Block Themes from the open-source Theme Repository<\/a>. Existing templates comprised of Blocks can be transferred between Block Themes by a developer as there’s no automated transfer process as yet. Regardless of theme and templates, Block Patterns<\/a> bring over canned page sections into Blocks.<\/p>\n\n\n\n

There remains some commonly used features missing in the core Blocks. Here’s block add-on projects I suggest having a look at:<\/p>\n\n\n\n

Open-source single block plugins<\/h2>\n\n\n\n
\n
\n