Godaddy is not where to look. There are pagebuilders that let you do drag and drop now. Even Wordpress core is headed that way. But let me be clear: If you design only by drag and drop, you need to learn more.
Let me know when you have it ready to go! I would love to be able to build a website like in your examples. But it need to be fast, seo friendly and of course mobile friendly 😀
The drag-and-drop approach is not incompatible with systematic design, so long as it can be used for creating page templates as well as page content. And a grid system is a well-known way of regularising design relationships, both within and between pages. Both templates and grids are built into page layout programs. These programs would provide a ready starting point for a drag-and-drop page builder, as many designers will be more than familiar with them.
In Gutenberg Cover block is there a method to make the entire block clickable? I see ways of editing the code div tag with javascript. SEO and accessibility of course would have issues as well. I've searched plugins as well, nothing jumps out. Maybe javascript inside of CSS. Thanks again for the great fun video. I'm really liking Gutenberg and have my entire website running under the Twenty Twenty-Four theme. Here's a thumbs up, treats for cats!!! 😺
You know I always send people interested in FSE to your channel, but the tutorials are scattered throughout the channel. I know something like Kevin Geary page building 101 is too early to happen with this kind of tool, but is there a possibility of a crash course? Also, have you seen the Lemmony theme? I used it on a Clinet site a month ago, and it looked awesome. I don't know who made it; in fact, I found it in themes.
Imho no. "Drag & Drop" is not actually the concept that's ruling over default Gutenberg functionality but rather the UI/UX of it. In our past FSE research study with WordPress customers there was a huge usability gap between long time WordPress users vs new ones. That's why a newcomer always prefer Elementor or alike. And the nice part of Elementor is not Drag & Drop but the usability.
The upside of drag and drop and sizing is that it is incredibly easy. Having layers and elements overlap with simple button clicks let’s you design with your imagination. The big downside I think is you lose any sort of cons and repeatability. Keeping designs from one section or page to the next gets cumbersome when you have a free canvas to work on. Details like font sizes, spacing, and alignment are piecemeal instead of part of a design system. Maybe there is a middle ground?
Like anything, until I see it fully implemented in Wordpress, I won't be fully convinced. I've seen too many promises from all the differnt types of platforms out there, including Wix and never has one of them been 100% foolproof, without some sortt of under the hood work or hack, unless one is just rolling with the restrictions and limitations… but hey that's OK too. I do think the snap too guides are a graet feature for those who don't want to get into the whole nuts and bolts of CSS and, are just either building a small site or, adding content to a bigger templated project. The question of the users competence, in terms of design and visaul eye is another daebate. I'm not sure the web world will ever solve that problem.
Ok as a web developer I now want all headings 2pt smaller, in a diff colour and range left 🤣 whoops…. And I want a “posts” page with pic and summary, auto generated, sorted by date. … whoops… And I want ecommerce integrated with filters and sorting…. Whoops… Oh and I want it responsive…. Whoops… Need I go on? Good design tool but rubbish as creating maintainable, symantic, responsive websites! The list of issues would be endless including all the above and menus, posts, ecommerce, cconsistency, etc etc.
It would be interesting to see the Canva site imported to a Wordpress environment (Local, InstaWP) and view the block structure. If a site can’t easily be accessible, then I don’t think the method should be used. Beginners would not know they are making a non-accessible website. This reminds me of the old Fireworks web designing method, which saved as a graphic and sliced it up. 😂
Drag and Drop in WordPress is a no brainer. Every new builder thinks they have taken a step closer to that option. This is not a new idea and if it was easy, certainly it would have already been built. ps: Your audio was horrible on this video.
Godaddy? Who likes godaddy? It's great they sponsored you. But we all hate gobadly. I am glad they are spending money to reinforce how much we all hate go lamely.
I don’t think “we all” hate GoDaddy. Yes, I work there and am biased, but we sponsored this content because we love what Jamie is doing and are hoping you’ll give our much-improved Managed WordPress hosting another shot. 🩵
You can’t win em all. The GoDaddy you describe is gone and in its place is one that loves the WordPress community, supports creators, and works hard to improve its products and do right by customers. You don’t have to come back, but you can’t speak for everyone.
Godaddy have made big strides (i use them for quite a few sites now) and they also are helping grow the community - see here x.com/WordPress/status/1751268830121185540?s=20
YES, having a Drag & drop using on top of Wordpress would be brilliant. Keep us posted
Will do 👍
Pretty sure pinegrow is the best option for this currently, and has been for a while now.
Godaddy is not where to look. There are pagebuilders that let you do drag and drop now. Even Wordpress core is headed that way. But let me be clear: If you design only by drag and drop, you need to learn more.
Love the idea🙂
thanks Sandra
Definitly interested to follow the idea
👍
Let me know when you have it ready to go! I would love to be able to build a website like in your examples. But it need to be fast, seo friendly and of course mobile friendly 😀
Thanks Peter - will do 👍
The drag-and-drop approach is not incompatible with systematic design, so long as it can be used for creating page templates as well as page content. And a grid system is a well-known way of regularising design relationships, both within and between pages. Both templates and grids are built into page layout programs. These programs would provide a ready starting point for a drag-and-drop page builder, as many designers will be more than familiar with them.
That's a great point David - i've been thinking exactly the same thing.
Truly good content =DD
thanks
In Gutenberg Cover block is there a method to make the entire block clickable? I see ways of editing the code div tag with javascript. SEO and accessibility of course would have issues as well.
I've searched plugins as well, nothing jumps out. Maybe javascript inside of CSS.
Thanks again for the great fun video. I'm really liking Gutenberg and have my entire website running under the Twenty Twenty-Four theme.
Here's a thumbs up, treats for cats!!!
😺
Thanks Carl - check this out twentig.com/ - i think i saw that option there - i'll be reviewing soon 👍
Bingo. Spot on. Thank you! @@jamiewp
😍 Yes, please!
👍
You know I always send people interested in FSE to your channel, but the tutorials are scattered throughout the channel. I know something like Kevin Geary page building 101 is too early to happen with this kind of tool, but is there a possibility of a crash course?
Also, have you seen the Lemmony theme? I used it on a Clinet site a month ago, and it looked awesome. I don't know who made it; in fact, I found it in themes.
Thanks for the feedback - did you see the Block Theme Playlist ? I'll check out theme you mention 👍
Imho no. "Drag & Drop" is not actually the concept that's ruling over default Gutenberg functionality but rather the UI/UX of it. In our past FSE research study with WordPress customers there was a huge usability gap between long time WordPress users vs new ones.
That's why a newcomer always prefer Elementor or alike. And the nice part of Elementor is not Drag & Drop but the usability.
what about responsive in canva ?
Check out this article on how they are using CSS Grid for that www.canva.dev/blog/engineering/css-absolutely-positioning-things-relatively/
The upside of drag and drop and sizing is that it is incredibly easy. Having layers and elements overlap with simple button clicks let’s you design with your imagination.
The big downside I think is you lose any sort of cons and repeatability. Keeping designs from one section or page to the next gets cumbersome when you have a free canvas to work on. Details like font sizes, spacing, and alignment are piecemeal instead of part of a design system.
Maybe there is a middle ground?
Exactly my thoughts 👍
Still not 100% convinced… but will come back again for the next install.
By the way, how does that cat not put on weight?
Thanks Stephen - what’s your doubts ?
Like anything, until I see it fully implemented in Wordpress, I won't be fully convinced. I've seen too many promises from all the differnt types of platforms out there, including Wix and never has one of them been 100% foolproof, without some sortt of under the hood work or hack, unless one is just rolling with the restrictions and limitations… but hey that's OK too.
I do think the snap too guides are a graet feature for those who don't want to get into the whole nuts and bolts of CSS and, are just either building a small site or, adding content to a bigger templated project.
The question of the users competence, in terms of design and visaul eye is another daebate. I'm not sure the web world will ever solve that problem.
👍@@vaughanprint
Ok as a web developer I now want all headings 2pt smaller, in a diff colour and range left 🤣 whoops….
And I want a “posts” page with pic and summary, auto generated, sorted by date. … whoops…
And I want ecommerce integrated with filters and sorting…. Whoops…
Oh and I want it responsive…. Whoops…
Need I go on? Good design tool but rubbish as creating maintainable, symantic, responsive websites!
The list of issues would be endless including all the above and menus, posts, ecommerce, cconsistency, etc etc.
Yup exactly this would be aimed at beginners who are mostly looking to build brochure websites (which is a huge market)
No sensible person would expect a page builders for beginners to do half of those things (So, that’s most clients I’ve ever worked with!).
👍@@alexmorgan85
where is the wordpress part?
I am wondering that and who wrote the title for the video / tumbnail.. this is a fail.
Im proposing to build something like this on top of Gutenberg
It would be interesting to see the Canva site imported to a Wordpress environment (Local, InstaWP) and view the block structure. If a site can’t easily be accessible, then I don’t think the method should be used. Beginners would not know they are making a non-accessible website. This reminds me of the old Fireworks web designing method, which saved as a graphic and sliced it up. 😂
I remember Fireworks (and hot metal pro)
Hell yes
Thanks Garry
Drag and Drop in WordPress is a no brainer. Every new builder thinks they have taken a step closer to that option. This is not a new idea and if it was easy, certainly it would have already been built.
ps: Your audio was horrible on this video.
Thanks for the feedback on the audio 👍
React & Next.js devs are cringing at this lol the code from that would be AWFUL lol
Yup they are not the market for a tool like this 👍
canva fun until you wanna do mobile verison...
It works pretty well out of the box because they have used CSS grid (check out the pinned comment at the top of comments)
Godaddy? Who likes godaddy? It's great they sponsored you. But we all hate gobadly. I am glad they are spending money to reinforce how much we all hate go lamely.
I don’t think “we all” hate GoDaddy. Yes, I work there and am biased, but we sponsored this content because we love what Jamie is doing and are hoping you’ll give our much-improved Managed WordPress hosting another shot. 🩵
I went through the work to get AWAY from godaddy. They suck too hard. Their annoying upsells, and constant price hikes.... Goodbye. Not my daddy.
You can’t win em all. The GoDaddy you describe is gone and in its place is one that loves the WordPress community, supports creators, and works hard to improve its products and do right by customers. You don’t have to come back, but you can’t speak for everyone.
Godaddy have made big strides (i use them for quite a few sites now) and they also are helping grow the community - see here x.com/WordPress/status/1751268830121185540?s=20