Full Gutenberg WordPress Tutorial + Kadence for Beginners

Поділитися
Вставка
  • Опубліковано 5 вер 2024

КОМЕНТАРІ • 89

  • @JackintheNet
    @JackintheNet  Рік тому +1

    Ready for something mind-blowing? Check this out, it's going to revolutionize web design ua-cam.com/video/dyPIk2zbBo4/v-deo.html

  • @leasmith2997
    @leasmith2997 Рік тому +2

    Absolutely the best explanation on gutenberg and kadence blocks for creating a website in word press I've ever seen. You have helped me more than you know. I'm looking forward to doing your courses and watching all your other videos. oh and I've subscribed. Thank you so very much for taking the time to make this.

  • @JayCicconeArchaeology
    @JayCicconeArchaeology Рік тому +3

    The most incredible tutorial ever! I have searched through a massive amount of videos and this tutorial is by far the very best! Thank you so much for making this! It has helped me a tremendous amount!

  • @dimitrisseven8118
    @dimitrisseven8118 2 роки тому +1

    All someone needs starting with Gutenberg!Thanks a lot!

  • @dipakshah3778
    @dipakshah3778 3 роки тому +8

    After watching this video, there is nothing left to learn in Gutenberg. Awesome video. Appreciate your hard work. I expect your channel to grow to at least 1M subscribers. Keep on doing this great content. Thanks. 😊😍

    • @dinorossi6611
      @dinorossi6611 2 роки тому

      Does anyone know if Jack is alive?

  • @jennystevens1605
    @jennystevens1605 Рік тому +1

    You’re simply THE BOMB. Awesome tutorial!!! Needle in a haystack!!

  • @MatthewFurman
    @MatthewFurman 2 роки тому +1

    Hi Jack, redoing my website, done with Elementor. Watching your wonderful tutorial again - thorough, clear, so much value here. Plus an awesome voice. Thank you for this gift.

  • @arranness
    @arranness Рік тому +1

    Hey Jack, I am trying to build a couple of websites and have been struggling with elementor for days now. I wanted to achieve certain things that always requires payment to various subscription.
    Your videos have been an absolute saviour both mentally and financially.
    Cheers fella.

  • @neilgyverabangan6989
    @neilgyverabangan6989 2 роки тому

    Superb tutorial!

  • @ckgalleria
    @ckgalleria 2 роки тому

    Thank you so much. I can't wait to watch more of your videos on Kadence.

  • @sarahprince539
    @sarahprince539 3 роки тому +2

    Awesome tutorial. One for the best. Please make more videos like this one. You should add this tutorial to Skill Share or Udemy. I have checked many of their Word Press Gutenburg tutorials and none of them is as comprehensive and as good as yours.

  • @vishalmukadam
    @vishalmukadam 2 роки тому +1

    You're awesome bro! The effort that you've putten is un-imaginable!

  • @xt2561
    @xt2561 3 роки тому +1

    Thank you! Liked and subscribed for superb content!

  • @lisaerez
    @lisaerez 2 роки тому +1

    Excellent turtorial. You meantion in the video times-stamps in the description and also links to other tutorials.... but you didn't paste them there....

  • @thepurpleufo
    @thepurpleufo 2 роки тому

    Thank you for your great generosity in providing this tutorial. Very helpful.

  • @serpantinthewild
    @serpantinthewild 3 роки тому +2

    Very comprehensive and detailed. Appreciate your effort :)

    • @JackintheNet
      @JackintheNet  3 роки тому +1

      Many thanks 😊

    • @anandapurakayastha4089
      @anandapurakayastha4089 3 роки тому +3

      @@JackintheNet Thank you for this awesome helpful video. When is your pro course on website launching ?

  • @easyislander
    @easyislander 3 роки тому +1

    I'm pretty good with Elementor. I didn't want to migrate to full Gutenberg yet. But after seeing your video, I feel that Gutenberg is ready for the big leagues. Thank you for the tutorial. Looking at the Gutenberg page builder it looks more like Divi than Elementor. Just my thoughts.

  • @quas67
    @quas67 2 роки тому

    Perfect Tutorial, thanks for sharing

  • @analizamariano6883
    @analizamariano6883 2 роки тому +1

    3 thumbs up!! Awesome!!!

  • @muslimahmood
    @muslimahmood 2 роки тому

    Thank you very much. Truly grateful. Looking forward.

  • @milanodedara5355
    @milanodedara5355 2 роки тому

    Amazing tutorial Jack. Can you pls make one for Gutenberg + Blocksy. Thanks

  • @the__shrike
    @the__shrike 3 роки тому +1

    Would love to see some Blocksy videos!

  • @martinkaspar5095
    @martinkaspar5095 2 роки тому +1

    hi there good day dear Jack
    awesome: very very well done - thx for this. Wee need more tutorials for FSE (Full-Site-Editing) and Query-Loop - the most advanced techniques in Future-WP - etc. WP 5.9.
    'any idea how to come up with this. Keep up the great work - it rocks! Greetings

  • @nick_merchant
    @nick_merchant 2 роки тому

    Awesome tutorial. Loved every minute of it.

  • @margaretgossrealestatebrok9370
    @margaretgossrealestatebrok9370 3 роки тому +2

    This is so valuable and everything was going so well. And then at about 51 minutes - my Wordpress Kadence didn't look like yours. I see nothing called Structure Settings or adjusting the height of the photo?

  • @rseyedoc
    @rseyedoc Рік тому

    Thanks for this - best class I've seen. Is the Masterclass still in the works?

  • @tmacbees902
    @tmacbees902 Рік тому

    thanks for the helpful education video - as a newbie setting up their got a bit thrown by all the paid plugin's but good for awareness I guess. do you have a video on setting up cookies, how / format they appear to a visitor to a website ?

  • @pingpong6927
    @pingpong6927 2 роки тому +1

    Great video! Is it possible to move the navigation bar below the header section, or will it always be on top?

  • @briancoghlan6607
    @briancoghlan6607 3 роки тому

    Such an informative and helpful tutorial. It's very well done. Thank you

  • @MatthewFurman
    @MatthewFurman 3 роки тому

    Honestly, it is too bad you stopped UA-cam. Your channel is growing, and would have been huge.

  • @JackSheo
    @JackSheo Рік тому

    Is your gutenberg masterclass going to be ready soon?

  • @shahinshehzad
    @shahinshehzad 5 місяців тому +1

    ⏰ TIMESTAMPS ⏰
    SETUP
    00:00 Gutenberg WordPress Tutorial What We Cover
    03:12 Best WordPress Web Hosting
    06:20 How to Install WordPress
    07:14 Staging
    11:00 The WordPress Dashboard, Front End and Backend
    12:00 WordPress Themes Explained
    17:00 Optimising WordPress
    19:20 Get a Free SSL Certificate
    DESIGNING
    21:30 Installing Kadence Theme and Blocks
    25:18 How to upload plugins to WordPress
    26:30 Starter Templates
    31:35 Add New Pages & Set Home Page and Blog Page
    33:30 How to Use the Kadence Theme Customiser
    36:00 How to get a free logo and favicon
    38:23 Add Menus
    42:50 How to use WordPress block editor Gutenberg
    HOMEPAGE
    48:14 Hero Section and Row Layout Block
    58:00 Styling Dividers and Mobile Optimization
    01:01:00 Advanced Heading Block and Buttons
    01:13:30 Reusable Blocks
    01:16:17 Kadence Design Library Premade Sections
    01:22:33 Working with columns
    01:27:30 Mobile Responsive Design
    HEADERS AND FOOTERS
    01:32:50 Header Builder: Sticky and Transparent Headers
    Designing the Footer
    01:44:00 How to add widgets to footer or sidebar
    01:47:50 CONTACT/SUBSCRIBE FORMS AND WORDPRESS CRM
    01:52:08 Contact Page
    01:56:00 Best Contact Form and CRM System
    02:14:40 FAQ's
    KADENCE PRO
    02:16:30 How to get access to all Kadence products
    02:21:30 Page Transitions
    02:22:45 Kadence Blocks Gutenberg Animations
    02:30:09 Pro Header and Footer
    BLOG
    02:32:55 How to add blog posts
    02:36:00 Designing the Archive Page
    02:40:14 Designing Single Blog Post Page
    MUST HAVE PLUGINS
    02:42:00 RankMath Best SEO
    02:47:15 WordPress Speed Optimisation WP Rocket
    02:50:00 Best WordPress Security
    02:52:00 Best WordPress Backups Plugin
    02:53:30 What we have learned

  • @Camera4four
    @Camera4four 2 роки тому

    Great tut Jack. Very comprehensive. When will your masterclass be available?? Any additional Kadence vids coming??

  • @MichelvanAmsterdam
    @MichelvanAmsterdam 3 роки тому

    From Zero to Hero! One of the best tutorials on Kadence/Gutenberg! Thanks!! I searched for your Kadence Pro, Fluent CRM and STMP tutorials, yet could not find them. Can you please provide the links for them? THANKS!!!!

  • @duranopaulo
    @duranopaulo 3 роки тому

    Appreciate it Mate coming from the Philippines

  • @mowbad1
    @mowbad1 2 роки тому +1

    So helpful! Thank you so much. Quick question I hope you can answer. For speed's sake, would it be better to avoid installing the theme and only add Kadence blocks to Gutenberg?

    • @WeirdSnakeGal
      @WeirdSnakeGal 2 роки тому +1

      You have to have a theme anyway so might as well be Kadence.

  • @dirkbuytaert7419
    @dirkbuytaert7419 3 роки тому +1

    Is there any possibility to setup a multilungual website using Gutenberg/Kadence? Living in Belgium I need at least Dutch/English and if possible French pages

  • @MarketingSavvyRockstars
    @MarketingSavvyRockstars 3 роки тому

    Excellent video thanks 😊

  • @MatthewFurman
    @MatthewFurman 3 роки тому +1

    Awesome, as usual

  • @4Mulator
    @4Mulator 3 роки тому

    Please show us how to set up a vertical sidebar menu with Kadence

  • @mynarafi007
    @mynarafi007 2 роки тому +1

    Sir, please update, new release of gutenberg element functions. Best wishes.

  • @stefanoahmadi4400
    @stefanoahmadi4400 11 місяців тому

    hi thank you so much for this amazing tutorial but i followed every steps to change my website along the video the problem i faced is google still showsup my old url and i dont really know how to change it with the new one can you help me with that?

  • @Zebratang
    @Zebratang Місяць тому

    How much time would it take for a new person to build a website for a personal investment insurance business, following this video? The website will include a landing page for leads, information on various types of investments and services, and a blog page for the latest updates on investments. I have a domain name with GoDaddy and plan to use SiteGround for hosting, with the Kadence theme and Gutenberg in WordPress. Just to get an idea of how much time I need to put aside to build a portfolio type website. Thank you for your guidance.

  • @LarryShantz
    @LarryShantz 2 роки тому

    This is an awesome tutorial. Learned lots and will watch it a few times. I am switching to Wordpress from Joomla and am having trouble replicating my Joomla sites.
    Is dynamic text the same as a blog? I do a free church website and want to upload the sermon text, should I just set these up as a blog? FYI - there are 3 pastors and some visiting pastors that would upload their sermons.

  • @JackSheo
    @JackSheo 3 роки тому

    Good stuff! Thank you!

  • @JohnDrach-pz6wc
    @JohnDrach-pz6wc Рік тому

    Do you need your site to be live to be able to test the form or can you test locally?

  • @freekrider803
    @freekrider803 3 роки тому

    Hi Jack, can you make some restaurant or food based website with kadence free blocks for us..your last video gives us very good knowledge to us...can you please come up with hotel based website for us like food items, menu, booking, location like that....
    Thank u waiting for your reply...

  • @nakriviraacademy
    @nakriviraacademy 3 роки тому

    Thanks for your great service to the complete world......
    I have an very important question and humble request. Please can you help me as my XAMPP server is not working properly. Its MySql is not opening as it says unexpected shutdown error.
    I think it happened with usual power cut as I am not having an UPS for my desktop. Please can you tell some solution for that.

  • @HullioGQ
    @HullioGQ 3 роки тому +1

    Holy Cow! You sound like you're lip-syncing some older man's voice! Thank you so much for this full tutorials!

    • @JackintheNet
      @JackintheNet  3 роки тому +1

      Haha thank you… I think!

    • @wallacesousuke1433
      @wallacesousuke1433 2 роки тому

      @@JackintheNet dunno about the "old man's voice" but I sure love British accent :D Amazing tutorial BTW

  • @szwencki
    @szwencki Рік тому

    Hi guys!
    I faced the following issue, related to Jack's explanations on menus, around 40:00:
    After adding submenus and testing it on page view, when I hover on main menu item, sub menus that I added in WP appear, but when I try to hover over sub-menus, they disappear, the way I have no option to click on them. Looked for solution on the web of course, found some explanations on this kind of issue, but found no solution for Kadence theme in particular. If anyone faced same problem and found what is wrong there, could you please share the solution? Maybe some additional CSS needs to be added, if yes, what would that be?
    Thanks!

  • @bigfourie
    @bigfourie 3 роки тому

    Thank you for the great video
    I cant seem to find the link to the structure settings video you mention @51:48
    Or I am blind...

  • @magdam7427
    @magdam7427 Рік тому

    Is the masterclass still available to buy?

    • @davidpope8645
      @davidpope8645 Рік тому

      I am trying to figure that out myself, it seems he disappeared off UA-cam about one year ago

  • @GregFliesVR
    @GregFliesVR 3 роки тому

    Thanks for the full comprehensive Wordpress Tut i have been looking for! This is it! I have a question. I bought The Networker Theme and it says its optimized for Gutenburg. Do i need to Gutenburg Plugins? Im guessing i cant use this theme with elementor, becuase i cannot get the layout blocks to show.

    • @JackintheNet
      @JackintheNet  3 роки тому +1

      Hi I’ve not used that theme but some can be made for different types of page builders, but you don’t want to mix elementor with Gutenberg

  • @brianhardaway5469
    @brianhardaway5469 3 роки тому

    Can I use Laragon as my staging site and still follow along with your tutorial?

  • @MedigapTV
    @MedigapTV 3 роки тому

    does Gutenberg have a front end editor now?

  • @1anchit
    @1anchit 3 роки тому

    Just Checked your channel, all of it is in Elementor but you mentioned Gutenberg is better, so will we be expecting more on Gutenberg in future? I was planning to buy 1 of these but going with gutenberg type block themes now instead of a builder like elementor or bricks or oxygen.

    • @JackintheNet
      @JackintheNet  3 роки тому +2

      I am putting out more content on Gutenberg but will also do elementor updates as many still use it

  • @martynpage4823
    @martynpage4823 2 роки тому

    Good video....no page builders needed but your recommendations that change the look from the outset if you don't have them.....

  • @JayJay-ki4mi
    @JayJay-ki4mi 2 роки тому

    You said paying for SSL certificate is a scam, true, but then so is paying for domain privacy; many registrars give it you free.

  • @alvinparra1607
    @alvinparra1607 3 роки тому

    You are helping me big time in staring to learn GB+Kadence this past weekend to leave Elementor. GB does get a little confusing. On the block settings (they should call it widgets), some blocks like Heading, I can't add any padding or margin as those settings don't exist. Yet, Advanced heading with Kadence has a boatload of setting options. No rhyme or reason. And, why are there no subtle outlines of a section. It's really hard to know where I am because they seem to call a section a block, and a widget a block and am editing the section, or the block? And trying to add or move widgets (blocks) to another column, under another widget, it's like trying to add a thread into a needle eye. I wish GB would ask me to add a section, create settings, then add blocks to the section. Any advice and tips on how to master this as I can't seem to figure this out yet?

  • @fbryce1ify
    @fbryce1ify 2 роки тому

    What version of wordpress is this?

  • @katarzynacoffin8544
    @katarzynacoffin8544 3 роки тому

    Can Kadance plugin be installed with any Theme?

  • @chaerw
    @chaerw 3 роки тому

    Great video. I have been using Elementor, but will switch to this for a test. Also the jackinthenet.com/crm link is broken.

  • @algislorian
    @algislorian Рік тому

    I think something happened to Jack. He haven't uploaded any video since, he didn't update his website, he didn't post any updates anywhere.

  • @alexanderpadalka5708
    @alexanderpadalka5708 2 роки тому

    🍾

  • @tammybarnettd8527
    @tammybarnettd8527 2 роки тому

    wwwwwwow

  • @6210195221089
    @6210195221089 6 місяців тому

    I wanted to follow along with your tutorial as it looked very good but when I tried to look at the Kadence templates, it simply wouln't load any templates - very irritating so I've gone somewhere else to learn Gutenburg Blocks

  • @gads_guy
    @gads_guy 2 роки тому

    Excellent Tutorial!

  • @joshsimi9628
    @joshsimi9628 3 роки тому

    Nice video. Thank you.