🔥[New Tutorial] How to Customize a Kadence Starter Template into a Unique WordPress Website

Поділитися
Вставка
  • Опубліковано 20 лип 2024
  • Have you always wondered how to customize a Kadence Starter Template so it looks unique? In this tutorial, you will learn how to create a unique WordPres website using a Kadence starter template as a starting point. In this comprehensive tutorial, I will walk you through everything you need to know about customizing and creating a WordPress website using the Kadence Theme and Kadence Starter Template. Learn how to customize colors, fonts and layouts, as well as design an amazing homepage layout that looks unique and different from the initial Kadence starter template. By the end of this tutorial, you will know how to create a beautiful, website from a Kadence Starter Template,
    Timestamps and resources are below!
    Enjoy!
    Timestamps:
    0:00 Intro: How to make a WordPress Website from a Kadence Starter Template
    01:10 Getting Started: Installing Kadence Theme, Kadence Blocks, Kadence Starter Template
    03:44 Overview of Web Design process
    05:18 How to install a Kadence Starter Template
    13:00 How to customize the colors and typography in Kadence
    18:19 How to create a unique hero section
    37:02 Benefits Section: How to add a new section to the Kadence Template
    51:44 How to add a Problem Section
    1:02:44 How to create a Testimonials section
    1:09:10 How to create a Getting Started section
    1:20:25 Housekeeping and Mobile Editing in Kadence
    1:32:06 Thank you and conclusion
    🙏SUPPORT & THANK YOUS?
    ✅ Buy me a Coffee - www.buymeacoffee.com/cliftonw...
    ✅ Leave a Super Thanks in UA-cam Comments
    🧰TOOLS I USED IN THIS TUTORIAL
    ✅ WordPress CMS: FREE
    ✅ Gutenberg Block Editor: FREE
    ✅ Kadence Free Theme: FREE
    ✅ Kadence Blocks: FREE
    ✅ Kadence Shop Kit Addon - cliftonwp.com/kadence
    ✅ Kadence Theme Pro Addon - cliftonwp.com/kadence
    ✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
    ✅ InstaWP - cliftonwp.com/instawp
    🧰PRO VERSION OF TOOLS I USE
    ✅GiveWP Pro Addons - cliftonwp.com/give
    ✅ Kadence Theme Pro Addon - cliftonwp.com/kadence
    ✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
    ✅ Domain & Hosting by Siteground: cliftonwp.com/host
    🧰 FAVORITE WEBSITE BUILDING TOOLS
    ✅ Kadence Theme Pro - cliftonwp.com/kadence
    ✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
    ✅ Kadence Conversions - Kadence Pro Bundle - cliftonwp.com/kadence
    ✅ Domain & Hosting by Siteground: cliftonwp.com/host
    ✅GiveWP Pro Addons - cliftonwp.com/give
    ✅ WordPress CMS: FREE
    ✅ Gutenberg Block Editor: FREE
    ✅ Kadence Free Theme: FREE
    ✅ Kadence Blocks: FREE
    🏆RECOMMENDED EMAIL MARKETING PROVIDER
    ✅ Mailerlite: cliftonwp.com/mailerlite
    🏆 BEST HOSTING COMPANY
    ✅ Siteground: cliftonwp.com/host
    ✅ WP Engine (Premium managed hosting): cliftonwp.com/wprocket
    🏆 BEST PRO GUTENBERG BLOCK PLUGINS
    ✅ Kadence Blocks: cliftonwp.com/kadence-blocks
    ⭐ RECOMMENDED PRO WORDPRESS THEMES
    ✅ Kadence Premium Theme: cliftonwp.com/kadence
    ✅ Astra Pro: cliftonwp.com/astra
    ⭐RECOMMENDED PRO FORM PLUGINS
    ✅ Gravity Forms cliftonwp.com/gravityforms
    ✅ Fluentforms : cliftonwp.com/fluentforms
    🏆 BEST SPEED PLUGIN
    ✅ WP Rocket: cliftonwp.com/wprocket
    ⭐ BEST WORDPRESS PAGE BUILDER
    ✅ Beaver Builder: cliftonwp.com/beaver-builder
    ⭐ BEST COMING SOON PLUGIN
    ✅ SeedProd: cliftonwp.com/seedprod
    AFFILIATE DISCLOSURE
    Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
    Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
    #cliftonwp #kadencestartertemplate #kadence #kadencetutorials

КОМЕНТАРІ • 97

  • @GardeniaLimo
    @GardeniaLimo Місяць тому +2

    Very clear, simple explaination step by step. Good Job, Thank you Clifton

  • @karl-ford
    @karl-ford 8 місяців тому +2

    Clifton! I'm always happy when I see you post and see your infectious smile! Please upload more if your time allows it. Great video as usual.

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you so much!

  • @qamarbwp
    @qamarbwp 9 місяців тому +3

    Hi Clifton. After a long time another master piece. Really waiting for the new video from your side. When it comes to Kadence theme in mind, I remember you. Please don't stop and continue to share these awsome Kadence videos.

    • @CliftonWP
      @CliftonWP  9 місяців тому

      Thank you! I appreciate you watching and more to come!

  • @cantaconkito
    @cantaconkito 2 місяці тому +1

    Thank you Clifton! I really enjoyed your step-by-step tutorial! Much appreciated!

    • @CliftonWP
      @CliftonWP  2 місяці тому

      Thank you! I appreciate you watching and glad you enjoyed the video!

  • @cbbcbb6803
    @cbbcbb6803 8 місяців тому

    I can actually follow along as you deliver your presentation! Thank you.

  • @MYnetech
    @MYnetech 4 місяці тому

    Very careful preparation and practical teaching, thank you!

  • @mouthbreatherinc5597
    @mouthbreatherinc5597 9 місяців тому +2

    Best WordPress channel. Amazing insights

    • @CliftonWP
      @CliftonWP  9 місяців тому +1

      Thank you so much!

  • @EricDegaardt
    @EricDegaardt 9 місяців тому +3

    Thanks for this recap. Always nice with this kind of inspiration! :)

    • @CliftonWP
      @CliftonWP  9 місяців тому

      Thank you Eric! I appreciate you watching!

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

    What a Masterclass in designing with Kadence🎖So many little details that you explain wonderfully!
    Clifton, you are amazing creating priceless tutorials 🤩 Love your channel ❤

    • @CliftonWP
      @CliftonWP  5 місяців тому

      Thank you very much! I appreciate you and appreciate you watching!

    • @drishtys
      @drishtys 3 місяці тому

      ​@@CliftonWPThank you for Kadence videos, I am building a normal website using your other videos but could you please help: can an ecommerce website be made using kadence free theme with features like: 1. my account icon + icon beside navigation menu in cart icon line in header, 2. forced login/signup authentication before checkout setting? 3. Dynamic pricing as per variant and quantity -automatic prices alter? 4. Buy now button besides add to cart button in products? 5. Above 4 things+ banner and proper functional interactive good looking modern ecommerce website using kadence free theme without Gutenberg blocks without elementor possible? Where to find free pictures for a new website for header & hero section & all, I dont think if we make a website using starter templates its good enough with menus and everything for an ecommerce real website🙏 Please help ASAP🙏 your reply & link to tutorial is very important for me 🙏

  • @markuserikssen
    @markuserikssen 9 місяців тому +2

    As always, Clifon keeps delivering the best tutorials. Thanks mate!

    • @CliftonWP
      @CliftonWP  9 місяців тому

      Thank you so much and always a pleasure to hear from you!

  • @classicalmasculinity
    @classicalmasculinity 8 місяців тому +1

    Clifton, thank you again for such an amazing new tutorial. You are the BEST. Anytime I need to learn something, I immediately go to your channel lol.

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you so much! I appreciate you watching!

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK 9 місяців тому +1

    Good to see another Clifton Kadence video!

    • @CliftonWP
      @CliftonWP  9 місяців тому

      Thank you so much!!!

  • @inspiredtothrive
    @inspiredtothrive 9 місяців тому +3

    He’s baaaaaack!! Good to see you active on your channel bro!! 🫡👑

    • @CliftonWP
      @CliftonWP  8 місяців тому +1

      Thank you so much! Happy to hear form you brother

  • @UpperValleyWeb
    @UpperValleyWeb 2 місяці тому

    Great tutorial. Such a simple tip to duplicate sections and then edit them to experiment, but also pure gold. 🎉

    • @CliftonWP
      @CliftonWP  2 місяці тому

      Thank you! I appreciate you watching!

  • @Deniza-z8s
    @Deniza-z8s 29 днів тому

    Thank you, very easy and comprehensive

  • @AI4Earthlings
    @AI4Earthlings 8 місяців тому

    Umm....just wow, man. Great job. Great work. So useful. Very Thorough! Keep up the hard work!!

  • @gads_guy
    @gads_guy 9 місяців тому +2

    Amazing work here, Clifton. Thanks a ton 🙂

    • @CliftonWP
      @CliftonWP  9 місяців тому

      My pleasure! Thank you for watching!

  • @charliegerson7570
    @charliegerson7570 9 місяців тому +2

    Always the best. Great to see you back. Thanks for another great video. Anxiously waiting for your Masters Course.

    • @CliftonWP
      @CliftonWP  9 місяців тому +1

      Thank you very much Charlie! Always great to hear from you. The Mastery Course is in the works!

    • @charliegerson7570
      @charliegerson7570 9 місяців тому

      Patiently waiting for the Mastery Course. Thanks@@CliftonWP

  • @attilab2251
    @attilab2251 9 місяців тому +1

    Thank you, Clifton, very nice and instructive tutorial, keep it coming.

    • @CliftonWP
      @CliftonWP  9 місяців тому

      You are very welcome! Thank you and I appreciate you watching!

  • @keerthikitijaya-wardena6777
    @keerthikitijaya-wardena6777 9 місяців тому +1

    Hi Clifton, once again an excellent tutorial! watching from Germany. Thanks a lot.

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you so much for watching from Germany!

  • @amritpalv
    @amritpalv 8 місяців тому +1

    Hey Clifton! I've been eagerly waiting for your new video for quite some time. So pleased to finally watch it. You never disappoint, keep up the great work!

    • @CliftonWP
      @CliftonWP  8 місяців тому +1

      Thank you so much! I appreciate you!

  • @yogaFLIGHT
    @yogaFLIGHT 8 місяців тому +1

    Awesome video. Is there any way you can do a video on integrating Surecart into a Kadence template? Specifically a product page (like woo commerce)

  • @YessieVillalobos
    @YessieVillalobos 3 місяці тому

    This was very helpful. Thank you

  • @juliocesarsobrino6248
    @juliocesarsobrino6248 5 місяців тому

    Thanks Clifton, as always a very useful and practical video. Very well explained every detail in a slow and understandable way. Always a pleasure to watch your videos because they bring a lot of practical knowledge. Best regards!

    • @CliftonWP
      @CliftonWP  5 місяців тому

      Thank you so much! I appreciate you watching and thank you for you kind comment!

  • @epmeetei5834
    @epmeetei5834 8 місяців тому +1

    Thanks you so much for the detailed tutorial.

    • @CliftonWP
      @CliftonWP  8 місяців тому

      You are very welcome! Thank you for watching!

  • @colcal5275
    @colcal5275 8 місяців тому +2

    Excellent - Your tutorials are well thought through and presented with excellences. Step by step no steps missed, enables beginners to excel. A lot of the Kadence tutorials out there are no way as clear as yours and how you communicate clears up any confusion.

  • @MarketingSavvyRockstars
    @MarketingSavvyRockstars 8 місяців тому

    Hi 👋 missed you glad you're back thanks love your trainings

    • @CliftonWP
      @CliftonWP  8 місяців тому +1

      Thank you Natalie! Always great to hear from you and glad to be back. 🙂

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

    Hi Clifton, it's been a while we heard from you. Hope you are keeping well. We know it takes time to prepare materials for us but we dearly miss you and your content. Anxiously looking forward to your super rich content on Kadence. What can we do without you. Please, please, please let us hear from you. Thanks.

  • @thechrisverhoeven
    @thechrisverhoeven 9 місяців тому +2

    Loved this tutorial, Clifton. Thanks a lot.

    • @CliftonWP
      @CliftonWP  9 місяців тому

      Thank you so much and I appreciate you watching!

    • @thechrisverhoeven
      @thechrisverhoeven 9 місяців тому

      @@CliftonWPNo thank you buddy. I have to build a website for a restaurant and your tutorial really helped me out. I love Kadence and all of its features but it can get a bit overwhelming sometimes.

    • @CliftonWP
      @CliftonWP  9 місяців тому +1

      @@thechrisverhoeven I hear you my friend. Stick with it and just keep going. The more you use it the better you'll get at navigating it and the easier it gets to build great websites with it. Kadence is one of the best Gutenberg based builders for websites. If you stay the course you'll be glad you did. I wish you the best on your restaurant project!

  • @clairehatch8640
    @clairehatch8640 3 місяці тому

    It’s a happy day when you discover Kadence and Clifton! By chance, does anyone know any good homeowner association sites? I’m building one for my condo HOA in FL, and it’s hard to find good models, it’s such a niche. Thanks!

  • @WahjoeGunawan
    @WahjoeGunawan 8 місяців тому +1

    Just found your channel, great video tutorials ... Already subscriber and will learn a lot from you. Big thanksss

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you so much and appreciate the sub!🙏

  • @victort.1122
    @victort.1122 8 місяців тому

    Clifton is my hero! :) Hello from Russia!

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you Victor! Always great to hear from you!

  • @VisionaryGlobalConsultancy
    @VisionaryGlobalConsultancy 4 місяці тому

    Hi I love your videos and following you since very long I have request Can you make tutorial video on how to create business site

  • @tinocashinternational1
    @tinocashinternational1 8 місяців тому

    🔥🔥🔥

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you so much! I appreciate you watching!

  • @clairehatch8640
    @clairehatch8640 3 місяці тому

    Thanks!

    • @CliftonWP
      @CliftonWP  3 місяці тому

      Wow! Thank you so much!!! I really appreciate you!🙏

  • @scottaforbes
    @scottaforbes 9 місяців тому +2

    welcome back

    • @CliftonWP
      @CliftonWP  9 місяців тому

      Thank you very much Scott!

    • @scottaforbes
      @scottaforbes 9 місяців тому

      @@CliftonWP 👍👍

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

    Hello Cliff, your tutorials are amazing. do you take requests for what tutorials to do next?
    love your work

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

      Thank you! I appreciate that. I do look at suggestions and add them to my queue. Feel free to share a tutorial request and I will consider it.

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

      Could you please show us how to create a custom checkout and cart page with kadence shopkit, shoplentor or croco block. Would really appreciate that

  • @mymariemarie33
    @mymariemarie33 2 місяці тому +1

    Hello Clifton, please come back! We are missing you! ;)

    • @CliftonWP
      @CliftonWP  2 місяці тому +1

      I am on my way! Thank you and more Kadence videos are on the way.🙂

    • @mymariemarie33
      @mymariemarie33 2 місяці тому

      @@CliftonWP 😃

  • @kelvinreal7916
    @kelvinreal7916 9 місяців тому +1

    ❤❤

  • @mymariemarie33
    @mymariemarie33 8 місяців тому +1

    Dear Clifton, thank you for this amazing WP tutorial! Can you please tell me which device do you use to recorder your computer screen (with zoom on the right moment :) ) ?

    • @CliftonWP
      @CliftonWP  8 місяців тому +1

      Thank you so much! I appreciate you watching! I use Camtasia to record my screen. 🙂

  • @tomfraser3086
    @tomfraser3086 3 місяці тому

    Off topic, but when you're inspired to, could you please make a Kadence theme Bento Box Header Tutorial.... ?

  • @nappireport
    @nappireport 9 місяців тому +2

    Thanks Clifton this is a big help. Would you do the build for kadence wordpress first, then add the woocommerce to that later?

    • @CliftonWP
      @CliftonWP  9 місяців тому

      Thank you! Yes, I would build out the WordPress plus Kadence portions first then add the WooCommerce components afterwards. Thanks again and I appreciate you watching!

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

    hey man, can you advice me ?
    i know you work with kadence ,but is stackable better than kadence ? I planning to buy one of these, but kadence is a bit too expensive
    plz don't stop making tutorials. I hope you are doing well❤

  • @racheldebruijn
    @racheldebruijn 8 місяців тому +1

    Thank you for your tutorials, they’re very helpful. I am wondering if there is a place to view all the fonts with out having to select each one. It would be nice to view them all.

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you Rachel! I appreciate you watching. So far there isn't a way to view all the fonts at once.

  • @rhinotecbekasi5530
    @rhinotecbekasi5530 27 днів тому

    Hi Clifton.. I have a qustion for you. How to make two column product view on mobile woocommerce shop? Thank you.

  • @foootbaaalmondo
    @foootbaaalmondo 8 місяців тому +1

    My friend can you help us to make a template to compare between two products, like the review template, and thank you gor every thing you are doing ❤

  • @polikpower2
    @polikpower2 7 місяців тому

    good theme. but there are few templates for elementor. and they need to be flex box

  • @mijnenschede
    @mijnenschede 3 місяці тому

    Hello Clifton, in your tutorial you say you have posted a link to the images used. However, I cannot find this link or have I misunderstood? Thanks

  • @randbaldwin
    @randbaldwin 3 місяці тому

    Heeeeyyy Clifton! Where are you? You make great videos and I see links to your channel in forums. We miss your videos and hope you are doing well.

  • @HiltonT69
    @HiltonT69 4 дні тому

    How do you change the default image used as a page header in a Kadence Started Template (free)? I'm trying to create a directory of community services in my local area, and most of the Directory plugging end up generating pages for sub categories using the template and the image used is pulled from a website and J can't seem to be able to use a more appropriate image.

    • @CliftonWP
      @CliftonWP  2 дні тому

      Go to the customizer, the Select Post/Pages Layout, then select Archive Layout Settings (it'll list your custom post type if it is a separate post type. Select the Design Tab, look for the Archive Title Background, click on the color selector and select the Image option (it the Third Tab in the Color Selector). Add your image there. Hope that helps!

  • @philkimh
    @philkimh 8 місяців тому

    Hi Clifton, I have a question, I want to have a hero section that covers the full width but with the sidebar on, my hero section shrinks to the content. is there a way I can achieve this?

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Yes, this is possible using Kadence Elements. Elements is a part of the Kadence Pro Add-on and makes this type of customization very easy.

  • @multioffice1997
    @multioffice1997 22 дні тому

    Hey Clifton - last video 8 months ago... Are you not youtubing anymore? 😕 Cheers

    • @CliftonWP
      @CliftonWP  22 дні тому +1

      Thank you for asking! I am still making videos, just been working on some updated material and running my agency. New videos coming first week of July and then continuously after that for Kadence and a multitude of topics. Stay tuned! I appreciate your support!

    • @websolutionsCH
      @websolutionsCH 22 дні тому

      @@CliftonWP Looking forward to your upcoming content!

  • @tomfraser3086
    @tomfraser3086 8 місяців тому

    As always an excellent tutorial. I always learn something...Thanks

    • @CliftonWP
      @CliftonWP  8 місяців тому

      Thank you Tom! I appreciate you!