No video

Basics of Gutenberg Tutorial | What is Gutenberg WordPress

  Рет қаралды 60,325

Jack in the Net

Jack in the Net

Күн бұрын

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.

Пікірлер: 117
@GavinKohAquascaping
@GavinKohAquascaping 2 жыл бұрын
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!
@targetshooter3751
@targetshooter3751 2 жыл бұрын
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.
@marty.l
@marty.l 2 жыл бұрын
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.
@MBdz557
@MBdz557 3 күн бұрын
thank you very much for this informative video, I really like your way of explaining things and the way you present it, you get me hyped up and excited to learn more
@jackblack9872
@jackblack9872 3 жыл бұрын
an actual video from someone who isn't trying to sell you elementor or divi as an affiliate link, thanks!!!!!!!!!
@adrianqx
@adrianqx 2 жыл бұрын
I have been avoiding Gutenberg for so long , it's time I mastered it !
@barendburgermusic
@barendburgermusic 16 күн бұрын
Thank you! I think I've reset my wordpress 6 times by now, jumping trough elementor and then wp site editor. gutenburg it is then .
@HullioGQ
@HullioGQ 3 жыл бұрын
Yes, please, Jack! I would really like to see more Gutenberg videos. I saw the potential when it first came out and every KZfaqr 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!
@JackintheNet
@JackintheNet 3 жыл бұрын
Thank you, there's more to come, next video is in production
@HullioGQ
@HullioGQ 3 жыл бұрын
@@JackintheNet Looking forward to it.
@thepurpleufo
@thepurpleufo 2 жыл бұрын
I like the way you are so enthusiastic about this.
@JGNtertainment
@JGNtertainment Жыл бұрын
Thanks man....2yeasr ago but I still find this info useful
@kerawelt2008
@kerawelt2008 3 жыл бұрын
Excellent piece of Gutenberg education !
@JackintheNet
@JackintheNet 3 жыл бұрын
thanks :)
@DeepakKumar-sv3io
@DeepakKumar-sv3io 2 жыл бұрын
I'm a beginner & your video was very helpful. Thanks.
@Curbification
@Curbification Жыл бұрын
love this video. As a complete beginner that´s the video I was looking for.
@RiyazShihabdeen
@RiyazShihabdeen Жыл бұрын
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! 👍👍
@verdipratama
@verdipratama 3 жыл бұрын
thank you for the explanation sir
@arpitasarkar6997
@arpitasarkar6997 Жыл бұрын
Very well explained, Jack. Thank you for such a wonderful video.
@carldoran6567
@carldoran6567 Жыл бұрын
Great communicator Jack. Thank you.
@FormationWordPress
@FormationWordPress 2 жыл бұрын
I've been using Avada for years, but I see now the power of Gutenberg. Very nice introduction to the topic.
@alfonsofernandez-montenegr9911
@alfonsofernandez-montenegr9911 Жыл бұрын
Many thanks Jack. I am currently using Elementor but I am definitely going to move to Gutenberg.
@therobshox
@therobshox Жыл бұрын
Super production quality in your videos! Nice
@swarnendubera0129
@swarnendubera0129 2 жыл бұрын
thank you man , i was really dressed and got some relief
@user-tk1zq8rs3p
@user-tk1zq8rs3p 9 ай бұрын
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
@haroldosterpersonal
@haroldosterpersonal Жыл бұрын
This is tremendous. Simpler the better.
@nejemyetenenbaum5732
@nejemyetenenbaum5732 4 ай бұрын
Wonderful! Thank you from Mexico City!
@amnaa2404
@amnaa2404 3 жыл бұрын
Great video! Would be awesome if you can have a website tutorial using Gutenberg. Thanks
@JenniferBeever
@JenniferBeever Жыл бұрын
Great overview - love the visual of HTML then page builders then Gutenberg. Plus things I've heard about like free blocks....
@martinkaspar5095
@martinkaspar5095 Жыл бұрын
Dear Jack thanks for this: - thank you very much - this is so awesome - ❤🙏🏻🙏🏻🙏🏻💐🙏🏻🙏🏻🙏🏻❤ plz do more WP-Tutorials !!!!
@the10list22
@the10list22 2 жыл бұрын
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!!
@gps36
@gps36 2 жыл бұрын
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...
@markotropoja1055
@markotropoja1055 2 жыл бұрын
Same here, elementor seems very confusing...
@augustosantiago6769
@augustosantiago6769 3 жыл бұрын
Great Gutenberg introduction. Thank you very much for your great video and excitement!
@JackintheNet
@JackintheNet 3 жыл бұрын
Glad you enjoyed it!
@RosemaryAbang
@RosemaryAbang 2 жыл бұрын
Best intro to Gutenberg out there! Quick and straight to the point! Thanks a lot for this Jack!!
@danshillabeer9523
@danshillabeer9523 3 жыл бұрын
Hi Jack, really enjoying your vids. I'm an absolute beginner, and I've spent literally months on KZfaq 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!
@JackintheNet
@JackintheNet 3 жыл бұрын
Thank you for the kind comment, glad it helped, it's not easy when you don't know where to start!
@pratanubanerjee1675
@pratanubanerjee1675 Жыл бұрын
wonderful
@tobyiy
@tobyiy Жыл бұрын
that video was extremely helpful, many thanks!
@krazeemonkee
@krazeemonkee 2 жыл бұрын
i smashed the 👍🏽 button + commented! 🤗
@growthwithalex
@growthwithalex 3 жыл бұрын
Great informational video
@MatthewFurman
@MatthewFurman 3 жыл бұрын
Excellent. Well done. I am super excited! Very clear and informative
@dyw-designyourwebpage8608
@dyw-designyourwebpage8608 2 жыл бұрын
Excellent Presentation !!!!
@shellycove9140
@shellycove9140 3 жыл бұрын
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
@JackintheNet
@JackintheNet 3 жыл бұрын
Glad to help, thanks for watching
@TheBoofhead
@TheBoofhead 2 жыл бұрын
you made me feel like I can do it - great content, thanks
@pankajgoon488
@pankajgoon488 2 жыл бұрын
Very well explained. Thanks a lot, sir.
@Tech-Dev
@Tech-Dev 2 жыл бұрын
Cheers Jack for this.
@mamunchaudhury
@mamunchaudhury Жыл бұрын
Very helpful, I'm going to kick the Elementorout right away ... Thanks a Lot Jack
@emadhosen
@emadhosen 2 жыл бұрын
Yes this is very helpful, thank you
@GenealogyTV
@GenealogyTV Жыл бұрын
Great video.
@wpglob-wordpresstutorials
@wpglob-wordpresstutorials 2 жыл бұрын
So informative. Thank you for this tutorial!!!!
@vendorten
@vendorten Жыл бұрын
Nicely done.
@its-me-here
@its-me-here 2 жыл бұрын
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.
@retale-digitalsme1791
@retale-digitalsme1791 2 жыл бұрын
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?
@muslimahmood
@muslimahmood 2 жыл бұрын
Truly exciting. Thanks a lot.
@xsangrezulx
@xsangrezulx 3 жыл бұрын
Just a nice comment for that KZfaq alg. Nice jobe, keep it coming.
@JackintheNet
@JackintheNet 3 жыл бұрын
Much appreciated!
@adammacfie8591
@adammacfie8591 3 жыл бұрын
Really helpful Jack - cheers.
@peterk4626
@peterk4626 3 жыл бұрын
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?
@JackintheNet
@JackintheNet 3 жыл бұрын
Thanks for the input Peter, I'll look into that 👍
@amtrocks
@amtrocks Ай бұрын
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?
@mohammedbadamasiidris9537
@mohammedbadamasiidris9537 6 ай бұрын
I like this video. It's super incredible.
@nhyirasekyere8849
@nhyirasekyere8849 3 жыл бұрын
thanks
@travisraab
@travisraab 2 жыл бұрын
5th beatle right here lovin it
@fabrictexture4767
@fabrictexture4767 Жыл бұрын
Hello kindly advise to me Kedance block pro + getwid or UAG along with Blockcy pro/Gutenberg is a good combination ???
@familysmid6507
@familysmid6507 3 жыл бұрын
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
@JackintheNet
@JackintheNet 3 жыл бұрын
Thanks, much appreciated :)
@robynmiley2078
@robynmiley2078 3 жыл бұрын
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?
@MrsB_734
@MrsB_734 7 ай бұрын
What about a template I bought elsewhere? Can I bring it in and use this builder to edit it?
@RaihanJamil
@RaihanJamil 3 жыл бұрын
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!
@myhumblebeginnings
@myhumblebeginnings Жыл бұрын
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?
@andthepharaohs
@andthepharaohs Жыл бұрын
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!
@mbulleluciano9227
@mbulleluciano9227 Жыл бұрын
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?
@WiFiGuy
@WiFiGuy 2 жыл бұрын
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?
@fokhrulabedin
@fokhrulabedin Жыл бұрын
Which plugin/addon should i use for prebuilt library?
@bundaonduty650
@bundaonduty650 Жыл бұрын
I am new to wordpress, cab guttenberg work with astra theme?
@josephclement9081
@josephclement9081 2 жыл бұрын
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!
@chusmanh
@chusmanh 2 жыл бұрын
I am unable to find the Starter Template option. Can you help me?
@androidphone6972
@androidphone6972 2 жыл бұрын
How can I change the font of my blog post with this Gutenberg? I want google font
@mrcosta6963
@mrcosta6963 2 жыл бұрын
Can this be used along Elementor?
@FOREXanalysis-
@FOREXanalysis- 2 жыл бұрын
Why the date of the video uploaded not displayed?
@GClarkUK
@GClarkUK 2 жыл бұрын
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.
@RizzaAganap
@RizzaAganap Жыл бұрын
whats the difference with elementor and gutenberg?
@seekingstamps
@seekingstamps Жыл бұрын
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?
@JackintheNet
@JackintheNet Жыл бұрын
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
@ajoe354
@ajoe354 2 жыл бұрын
Hi jack, awesome video.. can u share link cms technology for live website?? thx b4
@TheJuleBoxStudios
@TheJuleBoxStudios 2 жыл бұрын
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
@nidaa3233
@nidaa3233 3 жыл бұрын
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
@JackintheNet
@JackintheNet 3 жыл бұрын
It's coming ;) Thanks for watching
@jennyinmexico9038
@jennyinmexico9038 3 жыл бұрын
@@JackintheNet Thanks for all your great videos! Any update on your next tutorial for Gutenberg? Thanks!
@hermes8258
@hermes8258 Жыл бұрын
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
@RohitKumar-qt1hr
@RohitKumar-qt1hr 3 жыл бұрын
Hey. Do you think the use of plugins also slows down the website?
@dinorossi6611
@dinorossi6611 3 жыл бұрын
When will your class on gutenberg start ?
@GregFliesVR
@GregFliesVR 3 жыл бұрын
Thanks! Now im wondering if its better than elementor afterall! Thanks!
@DevlogBill
@DevlogBill 2 жыл бұрын
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.
@alexanderpadalka5708
@alexanderpadalka5708 2 жыл бұрын
🗽
@1anchit
@1anchit 3 жыл бұрын
So we dont need Blocksy or Kadence like themes? Or Bricks or Zion like Vuejs fast Builders?
@JackintheNet
@JackintheNet 3 жыл бұрын
Hi watch this on how to build from scratch with Gutenberg kzfaq.info/get/bejne/j6eqlKil09zZpWg.html
@brsmedia2090
@brsmedia2090 2 жыл бұрын
Starts at 3:55
@israrquranacademy
@israrquranacademy 3 жыл бұрын
good 3
@madsnygaard6444
@madsnygaard6444 3 жыл бұрын
"...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! 😂
@Cartoon00479
@Cartoon00479 2 жыл бұрын
Sir video is good but plz add subtitles ...ty
@Tianablue1
@Tianablue1 3 жыл бұрын
Work have blocked all themes and all plugins! So unfortunately this and most other videos on this topic are of no use to me.
@DeathByDominic
@DeathByDominic 3 жыл бұрын
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.
@luizkleiner
@luizkleiner 3 жыл бұрын
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.
@seeithappen1
@seeithappen1 3 жыл бұрын
The price you pay for visual builders: bloated spaghetti code, crowded database, slow website
@mori181186
@mori181186 3 жыл бұрын
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.
@Atractiondj
@Atractiondj 3 жыл бұрын
you don't know how to work with elementor, my result in google page speed 93/99
@benwyse
@benwyse 2 жыл бұрын
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.
@Moderator.
@Moderator. 2 жыл бұрын
You are teaching how to cheat.
Beginners Guide to Blocks and Gutenberg in WordPress
14:58
Jonathan Jernigan
Рет қаралды 27 М.
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 18 МЛН
Алексей Щербаков разнес ВДВшников
00:47
WordPress Gutenberg - The Ultimate Guide
27:59
Jamie Marsland
Рет қаралды 48 М.
Top 10 CSS One Liners That Will Blow Your Mind
13:34
developedbyed
Рет қаралды 939 М.
13 Things To Remove From Your Website Immediately
12:33
Orbit Media Studios
Рет қаралды 305 М.
I tried every website builder. This is the BEST
19:31
Steve Builds Websites
Рет қаралды 69 М.
Gutenberg WordPress Tutorial - Beginners Guide
30:23
WPTuts
Рет қаралды 76 М.
Best Gutenberg Themes & Plugins | Top 3 Free & Pro WordPress
20:57
Jack in the Net
Рет қаралды 20 М.
Why Gutenberg Wont Win The Wordpress Page Builder Battle...
15:20
Darrel Wilson
Рет қаралды 24 М.
Are you using the best free WordPress Gutenberg Block yet?
16:06
Jamie Marsland
Рет қаралды 12 М.
7 AI Tools That WILL Make You RICH
12:48
Iman Gadzhi
Рет қаралды 2,4 МЛН
The Easiest Way to Build Websites
10:56
Sajid
Рет қаралды 431 М.
Little brothers couldn't stay calm when they noticed a bin lorry #shorts
00:32
Fabiosa Best Lifehacks
Рет қаралды 18 МЛН