Full Gutenberg WordPress Tutorial + Kadence for Beginners

Поделиться
HTML-код
  • Опубликовано: 3 дек 2024

Комментарии • 89

  • @JackintheNet
    @JackintheNet  Год назад +1

    Ready for something mind-blowing? Check this out, it's going to revolutionize web design ruclips.net/video/dyPIk2zbBo4/видео.html

  • @jennystevens1605
    @jennystevens1605 Год назад +1

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

  • @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 2 года назад +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!

  • @loveinair09
    @loveinair09 8 месяцев назад +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

  • @dimitrisseven8118
    @dimitrisseven8118 2 года назад +1

    All someone needs starting with Gutenberg!Thanks a lot!

  • @arranness
    @arranness 2 года назад +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.

  • @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?

  • @ckgalleria
    @ckgalleria 3 года назад

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

  • @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.

  • @pingpong6927
    @pingpong6927 3 года назад +1

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

  • @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.

  • @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 ?

  • @xt2561
    @xt2561 3 года назад +1

    Thank you! Liked and subscribed for superb content!

  • @vishalmukadam
    @vishalmukadam 3 года назад +1

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

  • @rseyedoc
    @rseyedoc 2 года назад

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

  • @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

  • @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?

  • @thepurpleufo
    @thepurpleufo 3 года назад

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

  • @analizamariano6883
    @analizamariano6883 3 года назад +1

    3 thumbs up!! Awesome!!!

  • @martinkaspar5095
    @martinkaspar5095 3 года назад +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

  • @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.

  • @milanodedara5355
    @milanodedara5355 2 года назад

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

  • @muslimahmood
    @muslimahmood 2 года назад

    Thank you very much. Truly grateful. Looking forward.

  • @gads_guy
    @gads_guy 2 года назад

    Excellent Tutorial!

  • @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 ?

  • @nick_merchant
    @nick_merchant 2 года назад

    Awesome tutorial. Loved every minute of it.

  • @szwencki
    @szwencki 2 года назад

    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!

  • @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

  • @Camera4four
    @Camera4four 3 года назад

    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!!!!

  • @Zebratang
    @Zebratang 4 месяца назад

    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.

  • @briancoghlan6607
    @briancoghlan6607 3 года назад

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

  • @stefanoahmadi4400
    @stefanoahmadi4400 Год назад

    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?

  • @LarryShantz
    @LarryShantz 3 года назад

    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.

  • @JohnDrach-pz6wc
    @JohnDrach-pz6wc Год назад

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

  • @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....

  • @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.

  • @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...

  • @JackSheo
    @JackSheo 2 года назад

    Is your gutenberg masterclass going to be ready soon?

  • @the__shrike
    @the__shrike 3 года назад +1

    Would love to see some Blocksy videos!

  • @MarketingSavvyRockstars
    @MarketingSavvyRockstars 3 года назад

    Excellent video thanks 😊

  • @duranopaulo
    @duranopaulo 3 года назад

    Appreciate it Mate coming from the Philippines

  • @MatthewFurman
    @MatthewFurman 3 года назад +1

    Awesome, as usual

  • @mynarafi007
    @mynarafi007 3 года назад +1

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

  • @JackSheo
    @JackSheo 3 года назад

    Good stuff! Thank you!

  • @brianhardaway5469
    @brianhardaway5469 3 года назад

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

  • @4Mulator
    @4Mulator 3 года назад

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

  • @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.....

  • @MedigapTV
    @MedigapTV 3 года назад

    does Gutenberg have a front end editor now?

  • @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

  • @katarzynacoffin8544
    @katarzynacoffin8544 3 года назад

    Can Kadance plugin be installed with any Theme?

  • @MatthewFurman
    @MatthewFurman 3 года назад

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

  • @fbryce1ify
    @fbryce1ify 3 года назад

    What version of wordpress is this?

  • @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

  • @magdam7427
    @magdam7427 2 года назад

    Is the masterclass still available to buy?

    • @davidpope8645
      @davidpope8645 2 года назад

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

  • @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...

  • @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?

  • @JayJay-ki4mi
    @JayJay-ki4mi 3 года назад

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

  • @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.

  • @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 3 года назад

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

  • @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 3 года назад

    🍾

  • @tammybarnettd8527
    @tammybarnettd8527 2 года назад

    wwwwwwow

  • @6210195221089
    @6210195221089 9 месяцев назад

    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

  • @neilgyverabangan6989
    @neilgyverabangan6989 2 года назад

    Superb tutorial!

  • @joshsimi9628
    @joshsimi9628 3 года назад

    Nice video. Thank you.