Is it possible to move from a WordPress page builder to Gutenberg block plugins and still be able to achieve the same results?

In my opinion, it would be a resounding YES! With a few caveats for the most complex WordPress websites.

Let’s take a selection of different use cases and look at what Gutenberg tools we could use to achieve similar results.

TIMESTAMPS
00:00 – Is it possible to move from WordPress page builder to Gutenberg?
00:36 – Building a basic WordPress website
03:35 – Building better layouts with Gutenberg Blocks
06:19 – Creating more advanced layouts with Gutenberg Block
07:59 – Adding dynamic data for advanced websites
09:59 – Creating more advanced dynamic websites
11:26 – Building your own Gutenberg Blocks

Resource links

Blocksy: https://jo.my/y67ten
GeneratePress: https://jo.my/atme3l
GenerateBlocks: https://jo.my/xotgcy
Kadence Theme: https://jo.my/nu96im
Kadence Blocks: https://jo.my/1hcktp
Cwicly: https://jo.my/s1mqix
Greenshift: https://jo.my/iw69ij
Stackable: https://jo.my/stackable
Lazy Blocks: https://lazyblocks.com/
Genesis Custom Blocks https://www.studiopress.com/genesis-custom-blocks/

Take your WordPress website and skills to the next level!

► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.

► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: https://jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: https://jo.my/etafyp (WPTUTS for 20% off – Exclusive)

► MY PREFERRED HOSTING PROVIDERS ◄
✅ CloudWays: https://jo.my/1feeng8
✅ SiteGround: https://jo.my/sgwptuts

► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: https://jo.my/1s0t2s2
✅ Brizy Pro: https://bit.ly/2Ji97r8
✅ DIVI 3 Page Builder: http://bit.ly/2HiiDcE

► WORDPRESS THEMES ◄
✅ GeneratePress Premium: http://bit.ly/2Ydn1SE
✅ OCEANWP: http://bit.ly/2fRHBr0
✅ DIVI Theme: http://bit.ly/2G8JMiA
✅ Astra Pro: http://bit.ly/2zruoKn

► WORDPRESS TOOLS ◄
✅ SMART SLIDER 3: http://bit.ly/2G0G1vB
✅ CSSHERO: http://bit.ly/2qbrRl6

► WORDPRESS PLUGINS ◄

✅ SEOPress Pro: https://jo.my/seopress

► SUBSCRIBE ◄
http://bit.ly/2rX7rhu

► LETS CONNECT: ◄
👉 Twitter: https://twitter.com/WPTutz
👉 Facebook Group: https://wptuts.co.uk/facebook

SUPPORT: Our website offers additional information and perks. Please check it out! http://wptuts.co.uk

source

49 Comments

  1. I tried Elementor once. I hated I had to install something to build a template. Along came Gutenburg and Full Site Editing. I use it exclusively now. It's got the basics and that's all I need.

  2. Many of my clients now prefer a website designed with Gutenberg blocks over Elementor. Because Elementor slows down your website a lot. That's why I transfer Elementor designs directly to Gutenberg.

  3. But the Generate blocks mainly shows the premium blocks which brings up the same issue like the main page builders. If you don't keep up the many yearly subscriptions, your client's sites lose site functionalities only the pro licenses allow. Subscriptions are getting way out of hand as you build to make nice sites but then you the web developer have to continue all these subscriptions to upkeep your client sites; well after they paid you to build it. Unless we can convince clients to pay a yearly fee to maintain their sites even if they are not on a monthly plan is a must. Or all these builders and add-ons are not worth it.

  4. Paul – this is just mega🎀 thats just great 💖💖💖15 mins packed with tons of information: and just as useful as usual! Paul – your a hero: Keep inspiring us. plz do more of such great vids. Hats off to you!!!

  5. Hey Paul, thanks for the video, I love how succinctly you go over all these different approaches. As far as building custom blocks, have you looked into Tangible Blocks at all? Both Lazy Blocks and Genesis Custom Blocks require you to build your block with PHP, but Tangible Blocks uses its own templating language that has a lot of the same capabilities but a noob like me can learn it in a couple hours and be building totally custom blocks like the pros. It's certainly not no-code (it's basically like writing HTML), but it's an innovative solution that makes queries and conditional logic and stuff WAY more approachable. As a bonus, it simultaneously creates the same block in Gutenberg, Beaver Builder, and Elementor, so you can switch page builders down the road and not lose your work. I think at the moment it has big potential for agencies who want to quickly build custom blocks to hand off to their clients without needing to learn PHP/React, but I think there's also a case to be made for WP DIYers to get a lot more flexibility without needing to learn PHP. Anyway, thought that might interest you.

  6. i've changed my agency website from astra + elementor to kadence + gutenberg, and its incredible, i still dont use to create my clients website, because it take twice the time, but its a change i want to make soon. but for know one think i notice is that there still a layout limitatios, and that we see in the editor isnt exactly how it shows in the front end

  7. I think we have to differentiate between Gutenberg alone and Gutenberg with addon plugins. For me, in the second case it's not Gutenberg anymore because Generate Blocks, Kadence, Stackable, Spectra, Greenshift, Cwicly… all have their own solution that are not compatible with each other and which partly imprisons you. Almost 5 years later after the advent of Gutenberg, it is unfortunate that we still have to rely on complementary solutions to make a basic professional site.

  8. Here's one ridiculous thing that keeps me from using Gutenberg or themes like Kadence: the list views and setting menus on the left and right affect the element widths on the canvas, and hence the entire layout. This happened in Elementor, and some genius made a plugin that let the element menu float over the canvas, so it wasn't cramming its way onto the real estate of my layouts. If I want to see how things really look, I'm either working on two tabs or constantly closing the menus to get an accurate view of things. I haven't found a fix for it, but Bricks doesn't smoosh up my layouts every time I have something open, so Bricks wins for me. Is there something I'm missing?

  9. Always interesting content, Paul. FWIW I'm currently using the free version of 'Blocksy'. I have been very pleased with their customer support (given that I'm using the free version). Your recommendations are spot on!

  10. I like your realistic view, but I have to disagree with the first 3 minutes. Although fine tools, there's no flexibility whatsoever. However, I get this might be a matter of perspective.

  11. Great video as usual, an excellent overview of the current tools available – I'm a GeneratePress/Blocks user and just wanted to mention that Accordion's are on the way – they are mentioned on Github, but I have no idea on timing at this stage!

  12. While I can appreciate the intent of exploring this as an option with an open mind, I believe considering this route to a solution needs to embrace a wide degree of observations to be objective. Therefore, before making such a comparison in general between a page builder and a block builder, some important distinctions must be considered.

    I think you have to decide "how" you want to invest your time, your money and the future of the site you are building. Yes, some of these block level editors may feel less intimidating up front but in the long run what have you got? You STILL are going to make a significant time and financial investment that you need to compare the end result for.

    A page builder such as Bricks has some strong advantages that can't be ignored. One such is the cost overall. You can still purchase an LTD right now for less than $200 ($79 for one site). These block builders are re-occurring pricing models.

    These block builders don't seem to have the strength of a class styling system to globally change design styling like a proper page builder. If you know what I mean by the use of classes to style the content, then you are possibly above the common experience level. In the hands of the less experienced especially, you can easily end up pushing pixels about to create a cookie cutter result in many cases. Now scale the creation and management of a site to more than one person in a site project and potential issues are easily created in terms of consistency and ubiquity., not to mention future changes down the road. Building a site this way can easily involve more than basic numbers of plugins to achieve the desired outcomes in many of the cases. This can effect stability, interoperability and performance. A solution like this can be a non-starter in some cases because of the dynamics involved.

    There is also the consideration in some cases of the resulting performance. Maybe a "home blog" this is not as important as running a business or profit center with the site. How does the solution scale down the road? How easily can it be maintained – especially by more than one person?

    I think it's very important to acknowledge that comparing block builders to page builders (just coin a phrase here), is not an overall "apple to apples" comparison.

    There are always going to be tradeoffs and they can be very important. I would recommend careful consideration before going this route.

    No I don't work for the Bricks developers and I get no financial consideration for my opinions)

  13. Hi! I love your videos. I am stuck with something that I'd like you to do for me instead if you're open for site customization services. It's about a combination of Jetengine, Jet Smart Filter & Greenshift to create some custom post type. Would you please send me a link where we could furter discuss this?

  14. I’ve been building a community site using Elementor pro but I like the idea of switching to something less ‘weighty’, so will check out your suggestions. One thing I’d like to see is a tutorial on is how to incorporate ‘newsfeeds’ into a website either with RSS or some other tool. For example, we have two local councils which send out media releases by email or on their websites; and other organisations which frequently update ‘what’s on’ pages. Thanks.

  15. Thank you for your insight. Very interesting and informative as always. But, I really want to now your opinion about Crocoblock. They are, in some cases, trying to move away from Elementor… But it as been some time since you don’t talk about the tools and I really want to know your current opinion on that.
    Thank you very much for all the great content.

  16. Another example proving that gutenberg is not even half baked nearing the end of 2022 – almost clickbait to say "Leaving WordPress Page Builders for Gutenberg | Possible?" – and show without a page builder, just use gutenberg and wordpress, but add special plugins or/and special themes to do basic things like flexbox.
    More proof that gutneberg should never have been in core.
    I tried not long ago to remake a site using base gutneberg and ended needing to add generate blocks just to get some containers and padding.
    Sadly we are stuck with the guten-bloat – and an even more fragmented community of designers and maintainers now that we need even more plugins to do the basic things that free page builders could do with WP free years ago. Thanks for the extra proof!

  17. Elementor for me is the best way all in one single shoot !!!, they know the other are running so, elementor, Beaver and the others actually top sellers will became lighter, and more "flex" ible step by step, problems is the price. for some

  18. Love you. Hate Gutenberg as a page builder. Only use it for blog posts. Elementor has its issues but it’s far more intuitive and I can actually see what I’m doing as I’m working. Also, I’ve never found it difficult to optimize Elementor speed to really high performance. Other than it’s inherent speed, Gutenberg just isn’t close to being at Elementor’s (or other visual page builder) level.

Leave A Reply

Please enter your comment!
Please enter your name here