Basics of Gutenberg Tutorial | What is Gutenberg WordPress
VloĆŸit
- Äas pĆidĂĄn 10. 07. 2024
- What is Gutenberg WordPress? In this Gutenberg tutorial for beginners, I show you the basics of Gutenberg in 15 minutes and why it's the future of WordPress. TIMESTAMPS đ
đ Make sure you subscribe and turn on notifications đ so you don't miss my upcoming videos that will go into detail about all blocks, settings, themes and addons for Gutenberg + feature-length tutorials on building websites with Gutenberg from scratch.
TIMESTAMPS
What we'll cover (00:00)
What is WordPress (00:45)
The old editor and coding vs Page Builders (01:45)
Gutenberg vs Page Builders (02:35)
Basics of Gutenberg (03:50)
Gutenberg Themes & Templates (07:40)
Getting Started (11:23)
Thanks for watching, make sure to comment! And who do you know that would benefit from this tutorial? Spread the love, share this with them.
Jack in the Net
jackinthenet.com
#gutenberg #wordpress #jackinthenet
Affiliate Disclaimer: This video & description contains affiliate links. If you buy a product through this you won't pay any extra, but I get a small commission. Thank you for that support it really helps to keep making free video tutorials.
This is one of the few videos I've watched about creating sites that has not given me anxiety on how and where to start. Thank you for the clarity and relief!
What a great video! After a lot of struggling to bring it all together in my 72-year-old mind, ( WP, Elementor, Woo Commerce, SEO, etc.) You have created clarity for me by introducing the benefits of "Gutenburg". That is much appreciated.
Thank you for making this. I started a WordPress site with shared hosting and I see so many tutorials pushing Elementor without any explanation. As I did more research, I am finding that Gutenberg is free vs paid , light weight, and able to do what other page builders do with plugins.
an actual video from someone who isn't trying to sell you elementor or divi as an affiliate link, thanks!!!!!!!!!
Excellent. Well done. I am super excited! Very clear and informative
I've been using Avada for years, but I see now the power of Gutenberg. Very nice introduction to the topic.
Very well explained, Jack. Thank you for such a wonderful video.
glad to see that you are starting to add more Gutenberg & kadence blocks tutorials. Haven't sub just yet, waiting for more on these topics, but really great quality video!! Keep it up!!
I like the way you are so enthusiastic about this.
This is a great video, one of the best if not the best for beginners of page builders ... like me.
I've always downloaded the blankslate theme and used bootstrap to style every inch of it including the drop down menu. I only make two or so websites a year out of necessity. Hopefully this will make it fun. Thanks.
I have been avoiding Gutenberg for so long , it's time I mastered it !
love this video. As a complete beginner thatÂŽs the video I was looking for.
The content of this video is both interesting and helpful. You've done a wonderful job. I've loved and subscribed to the channel already. Keep the information flowing. Best of luck to you! đđ
I'm a beginner & your video was very helpful. Thanks.
So informative. Thank you for this tutorial!!!!
Great communicator Jack. Thank you.
Really helpful Jack - cheers.
love your videos. they are very helpful and have helped me fast track what I need to do. Thanks for keeping the instructions so clear and simple
Glad to help, thanks for watching
Great Gutenberg introduction. Thank you very much for your great video and excitement!
Glad you enjoyed it!
thank you man , i was really dressed and got some relief
Many thanks Jack. I am currently using Elementor but I am definitely going to move to Gutenberg.
Thanks man....2yeasr ago but I still find this info useful
Very well explained. Thanks a lot, sir.
Wonderful! Thank you from Mexico City!
thank you for the explanation sir
Cheers Jack for this.
Great overview - love the visual of HTML then page builders then Gutenberg. Plus things I've heard about like free blocks....
This is tremendous. Simpler the better.
Super production quality in your videos! Nice
Excellent piece of Gutenberg education !
thanks :)
Truly exciting. Thanks a lot.
Yes this is very helpful, thank you
that video was extremely helpful, many thanks!
Hi Jack, really enjoying your vids. I'm an absolute beginner, and I've spent literally months on CZcams trying to figure out a way in to build my website, so that I can focus on what I need it for instead of the build. So many are 'guns for hire' for hosting or pagebuilder products, that it's hard to know what to listen to. Enough of 'paralysis by analysis', I'm going to have a play - thanks for demystifying!
Thank you for the kind comment, glad it helped, it's not easy when you don't know where to start!
you made me feel like I can do it - great content, thanks
Hi Jack. Thank you for creating this vid. I am a novice trying to build a blog. I have been trying to figure out Elementor. I stumbled upon a 6 hours long video, that I left after watching for 2 hours. I was so frustrated 'coz there are so many things to learn. But now I am releived after watching this . I have become your fan literally :). I am going to build my website on Gutenberg now. Gonna watch more of your videos for further learning. Kudos!! God bless...
Same here, elementor seems very confusing...
i smashed the đđœ button + commented! đ€
Yes, please, Jack! I would really like to see more Gutenberg videos. I saw the potential when it first came out and every CZcamsr was hating on it and now that it is maturing I would like to start converting my Elementor sites to Gutenberg. Thank you in advance for your great work on this subject!
Thank you, there's more to come, next video is in production
@@JackintheNet Looking forward to it.
Great video! Would be awesome if you can have a website tutorial using Gutenberg. Thanks
Great informational video
Excellent Presentation !!!!
5th beatle right here lovin it
Thank you for this. Two quick questions please. 1. How can I link a pdf file in a paragraph block? 2. How can I organize my images into folders in my media library? Thank you!
Hi Jack . . . I am so pleased I found your channel. I have been following the whole FSE and Gutenberg discussion and for a beginner, this is confusing. Watched some of the WordCamp Europe footage, seems even the Pros are confused. I look forward to more content from your channel about Gutenberg and Kadence. You videos give me the confidence to just get on and start playing. I am planing to use LearnDash, so the Kadence, Gutenberg combination looks like it should be the way to go. I commend you for going out on a limb, but I am positive your gamble will pay off. Cheers Karl
Thanks, much appreciated :)
Nicely done.
I like this video. It's super incredible.
Very helpful, I'm going to kick the Elementorout right away ... Thanks a Lot Jack
Just a nice comment for that CZcams alg. Nice jobe, keep it coming.
Much appreciated!
Dear Jack thanks for this: - thank you very much - this is so awesome - â€đđ»đđ»đđ»đđđ»đđ»đđ»â€ plz do more WP-Tutorials !!!!
Really great video Jack, I really wish all the stuff here on YT would be as easy to understand as yours!
One question: I don't have a "Starter Templates" tab available in my WP editor, do I need to install anything more? THX
wonderful
Hey Jack, your presentation style is very impressive! May I know, which application software that you use to record (from 3.23 +)? I use loom. But the presenter option is bubble-form. Here, the presenter-image (you) is open, and the background is transparent. I sent this to Loom team. They too appreciate its effectiveness. Unfortunately, right now, loom does not have this option. Pls let me know. Thanks for your video and for the response in advance!
What is the starter template plugin you are using? I know you mention Kadence blocks as well. Does it have full templates or just blocks?
I just got done prettying up my site's main pages with Elementor. Some rank and some don't. I'm starting a blog section now with SEO in mind. Can I just keep my Elementor pages and use Gutenberg for my new blog posts or do I need to convert everything to Gutenberg?
Great video.
Hello .
Just starting out here and wondering if I used some of the pre made blocks as shown in your video. Are some of them sticky, moving or come in on left and fight or can I make them do this ??
Thank you.
thanks
Defo the future of WordPress. We just switched to Gutenberg and Kadence Pro for our web design business, the difference is massive. One thing though, we've found the pre made blocks often trip the Largest Contentful Paint test on Google pagespeed insights. Not an issue for us though as we'll mostly build from scratch. Just wondered if that's something a beginner might need to be aware of?
Thanks for the input Peter, I'll look into that đ
Hey. Do you think the use of plugins also slows down the website?
What is the difference between gutenberg, page buiders and themes? How can we identify anythng like Divi, Elementor is a gutengerg optimized or a pagebuilder ot theme?
Hello kindly advise to me
Kedance block pro + getwid or UAG along with Blockcy pro/Gutenberg is a good combination ???
Which plugin/addon should i use for prebuilt library?
"...templates made by some of the best designers in the Wordpress space... most of them (...) are already optimised for mobile, tablets and search engines" .... nice! đ
Jack thanks for your video, highly educational and full of knowledge, I have a question though, I created a website in wordpress 6.5 on the home page, before the tag line, it shows HOME. I just can't get rid of it. I can't highlight it in list view, outline or Blocks in the setting, how do I fix this and second question is I do not see Menu option in the Appearance section so I cant make subpages for my blog post can you assist or direct me to a source where I find the answers to these questions please?
Hello Jack! I have a question... I just moved from Blogger (after 13 years and moved my content to WP) to Wordpress so I'm SUPER NEW and no nothing about WP. For 1 week I've been watching tutorials and started building my pages (Except my blog page) using a WP template but editing them all with Elementor. Having WP 6.0 I'm not able to use most of the recommended plugins to start getting my blog posts page designed because WP says that those plugins are "Untested with WP 6.0". Now for my question, I have my theme and some pages I created with Elementor, can I still create a blog page for blog posts using Gutenberg? Or do I have to move the content I designed with Elementor to Gutenberg And do you have a video for beginners on how to do this for a Blogger? I'm not sure if I can use Gutenberg with Elementors customizations. Aren't WP users "moving over to Gutenberg? This is why it's confusing. I hope I didn't confuse you. TIA! Jules
What about a template I bought elsewhere? Can I bring it in and use this builder to edit it?
Hi Jack in the Net, loved your video I am very new to WordPress just started learning about it only a couple of days ago and downloaded WordPress using MAMP. Anyways I am an aspiring developer who has done loads of tutorials and made some projects using HTML, CSS and JavaScript. Now I am focused on for the past month PHP for the back end. I wanted to know with the technologies I listed like CSS or even PHP am I able to make modifications to the themes used by Gutenberg?
Second question, I want to either find an agency to work for who need WordPress Development done using the technologies you mentioned in your video. My end goal is to either land a job with an agency or go full out on freelancing using WordPress and Gutenberg. What would be the quickest path to find a sustainable opportunity? I've invested almost 7 months in projects and learning these technologies. Which is the most viable solution in order to either get clients or find a job with an agency to do this type of work? I live in New York City, so I am pretty sure there are lots of agencies. The difficulties I am having is finding an agency looking for WordPress Developers. I googled for agencies, and I just got loads of ADS being offered or something which I am not looking for. I am not a good googler. Thank you, Jack in the Net your content is very good.
That's a real good tutorial. But I request you to also make a tutorial on how to add features like hover on change, shape dividers design and other similar design features like in Elementor. Waiting for your next tutorial. Thanks
It's coming ;) Thanks for watching
@@JackintheNet Thanks for all your great videos! Any update on your next tutorial for Gutenberg? Thanks!
I am new to wordpress, cab guttenberg work with astra theme?
Thanks! Now im wondering if its better than elementor afterall! Thanks!
Great video. I thought I would never leave the world of Elementor đ till I washed this video. What are the best free add-ons for Gutenberg?
Can this be used along Elementor?
whats the difference with elementor and gutenberg?
I have been using Elementor for a year and just learned I need to switch over for site speed. Ugh. If I have a wordpress theme on my blog, can I just cut paste (painstakingly) from Elementor into Gutenberg blocks and have it look correct or do I have to select themes for each page?
Hi. No you donât need a theme for each page just 1 theme site wide. You can copy and paste or else backup your site and then just remove elementor and see how well Gutenberg keeps the content - its the styling that will need changing not the content itself
How can I change the font of my blog post with this Gutenberg?
I want google font
I am unable to find the Starter Template option. Can you help me?
I have downloaded the so-called "Kadence Blocks - Gutenberg Blocks for Page Builder Features" in my back end with the hope that I could create a beautiful Blog. Yet, when I click my blog in my back end, I could not see any facilities from Kadence. What did I do wrong?
So we dont need Blocksy or Kadence like themes? Or Bricks or Zion like Vuejs fast Builders?
Hi watch this on how to build from scratch with Gutenberg czcams.com/video/YAzaEtnvuu4/video.html
Hi jack, awesome video.. can u share link cms technology for live website?? thx b4
good 3
đœ
When will your class on gutenberg start ?
Best intro to Gutenberg out there! Quick and straight to the point!
Thanks a lot for this Jack!!
Why the date of the video uploaded not displayed?
Starts at 3:55
I'm having problems concentrating and trying to learn Gutenberg at an advanced age! The process isn't helped by the screen changing without being told how to make that happen, such as at 4.22 - please explain what you're doing!
Hmm, doesn't look very basic to me. I am a rank beginner familiar only with Blogspot in 2006-2008. It was easy to learn and easy to use. The only reason I am trying Word Press is because I need to have my own web host that doesn't have all the apparently random, strict and indecipherable content rules of Google (plus severe limitations on add-ons especially commercialisation ones). But Gutenberg looks way too complicated. Can you suggest what makes it easier. I am a writer. I don't want to spend a lot of time learning the interface. With Blogspot I was able to play with it. Limited features to me are a plus. Gutenberg has too many! I am looking for something that *simplifies* Gutenberg (an add-on) rather than makes it more complicated. Visual Composer certainly isn't it. Squarespace isn't either
Sir video is good but plz add subtitles
...ty
Work have blocked all themes and all plugins! So unfortunately this and most other videos on this topic are of no use to me.
The price you pay for visual builders: bloated spaghetti code, crowded database, slow website
Fast pages but extremely plain and boring pages. First impressions are everything for customers and if their first impression of your business and site is some basic, boring site then odds youâre not selling them on it and not making the sale. Sacrifice a bit of page speed for great design and youâre more likely to make the sale and could probably charge more as well.
Well, in fact there are boring niches, especially in B2B, and people won't wait for a site to load just because it's beautiful. But I agree that for other niches a well-designed website is very necessary.
you don't know how to work with elementor, my result in google page speed 93/99
You are teaching how to cheat.
In this video, there are so many things which is not correct. You say clean code? The wordpress code is not clean, and gutenberg has many javascript vulnerabilities. Why? Page Builders are very easy for create a site, but it cost so many ressources. Thats why, companies not use wordpress. They use Laravel or other frameworks. The big problem of wordpress, are plugins. And there is no difference between gutenberg or elementor. Both make your page slow. And i think the video creater is not a programmer, he can not read php or javascript. Here is my tipp: If you like a good webmaster, then learn PHP and Javascript. Then use Laravel with Tailwindcss. Sorry for my hard comment, but its real.
I hate it when guys have egos so huge that they are willing to block the content they are presenting or moving around in front of it distracting viewers. Come, I don't want to see you, I want to see the content. I gave a thumb down.