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

แชร์
ฝัง
  • เผยแพร่เมื่อ 5 ก.ค. 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 TH-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

ความคิดเห็น • 95

  • @Deniza-z8s
    @Deniza-z8s 14 วันที่ผ่านมา

    Thank you, very easy and comprehensive

  • @GardeniaLimo
    @GardeniaLimo หลายเดือนก่อน +1

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

  • @karl-ford
    @karl-ford 8 หลายเดือนก่อน +1

    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!

  • @cantaconkito
    @cantaconkito 2 หลายเดือนก่อน +1

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

    • @CliftonWP
      @CliftonWP  หลายเดือนก่อน

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

  • @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  7 หลายเดือนก่อน

      Thank you so much! I appreciate you watching!

  • @qamarbwp
    @qamarbwp 8 หลายเดือนก่อน +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  8 หลายเดือนก่อน

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

  • @EricDegaardt
    @EricDegaardt 8 หลายเดือนก่อน +3

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

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

      Thank you Eric! I appreciate you watching!

  • @inspiredtothrive
    @inspiredtothrive 8 หลายเดือนก่อน +3

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

    • @CliftonWP
      @CliftonWP  7 หลายเดือนก่อน +1

      Thank you so much! Happy to hear form you brother

  • @markuserikssen
    @markuserikssen 8 หลายเดือนก่อน +2

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

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

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

  • @mouthbreatherinc5597
    @mouthbreatherinc5597 8 หลายเดือนก่อน +2

    Best WordPress channel. Amazing insights

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน +1

      Thank you so much!

  • @SingaporeMathsAcademyUK
    @SingaporeMathsAcademyUK 8 หลายเดือนก่อน +1

    Good to see another Clifton Kadence video!

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

      Thank you so much!!!

  • @UpperValleyWeb
    @UpperValleyWeb หลายเดือนก่อน

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

    • @CliftonWP
      @CliftonWP  หลายเดือนก่อน

      Thank you! I appreciate you watching!

  • @charliegerson7570
    @charliegerson7570 8 หลายเดือนก่อน +2

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

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน +1

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

    • @charliegerson7570
      @charliegerson7570 8 หลายเดือนก่อน

      Patiently waiting for the Mastery Course. Thanks@@CliftonWP

  • @YessieVillalobos
    @YessieVillalobos 3 หลายเดือนก่อน

    This was very helpful. Thank you

  • @cbbcbb6803
    @cbbcbb6803 7 หลายเดือนก่อน

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

  • @attilab2251
    @attilab2251 8 หลายเดือนก่อน +1

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

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

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

  • @carterangon
    @carterangon 4 หลายเดือนก่อน +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  4 หลายเดือนก่อน

      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 🙏

  • @keerthikitijaya-wardena6777
    @keerthikitijaya-wardena6777 8 หลายเดือนก่อน +1

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

    • @CliftonWP
      @CliftonWP  7 หลายเดือนก่อน

      Thank you so much for watching from Germany!

  • @MYnetech
    @MYnetech 4 หลายเดือนก่อน

    Very careful preparation and practical teaching, thank you!

  • @AI4Earthlings
    @AI4Earthlings 7 หลายเดือนก่อน

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

  • @gads_guy
    @gads_guy 8 หลายเดือนก่อน +2

    Amazing work here, Clifton. Thanks a ton 🙂

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

      My pleasure! Thank you for watching!

  • @epmeetei5834
    @epmeetei5834 7 หลายเดือนก่อน +1

    Thanks you so much for the detailed tutorial.

    • @CliftonWP
      @CliftonWP  7 หลายเดือนก่อน

      You are very welcome! Thank you for watching!

  • @scottaforbes
    @scottaforbes 8 หลายเดือนก่อน +2

    welcome back

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

      Thank you very much Scott!

    • @scottaforbes
      @scottaforbes 8 หลายเดือนก่อน

      @@CliftonWP 👍👍

  • @clairehatch8640
    @clairehatch8640 2 หลายเดือนก่อน

    Thanks!

    • @CliftonWP
      @CliftonWP  2 หลายเดือนก่อน

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

  • @apsvirdi
    @apsvirdi 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  7 หลายเดือนก่อน +1

      Thank you so much! I appreciate you!

  • @MarketingSavvyRockstars
    @MarketingSavvyRockstars 7 หลายเดือนก่อน

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

    • @CliftonWP
      @CliftonWP  7 หลายเดือนก่อน +1

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

  • @victort.1122
    @victort.1122 8 หลายเดือนก่อน

    Clifton is my hero! :) Hello from Russia!

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

      Thank you Victor! Always great to hear from you!

  • @yogaFLIGHT
    @yogaFLIGHT 7 หลายเดือนก่อน +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)

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

  • @thechrisverhoeven
    @thechrisverhoeven 8 หลายเดือนก่อน +2

    Loved this tutorial, Clifton. Thanks a lot.

    • @CliftonWP
      @CliftonWP  8 หลายเดือนก่อน

      Thank you so much and I appreciate you watching!

    • @thechrisverhoeven
      @thechrisverhoeven 8 หลายเดือนก่อน

      @@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  8 หลายเดือนก่อน +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!

  • @charliegerson7570
    @charliegerson7570 20 วันที่ผ่านมา

    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.

  • @WahjoeGunawan
    @WahjoeGunawan 7 หลายเดือนก่อน +1

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

    • @CliftonWP
      @CliftonWP  7 หลายเดือนก่อน

      Thank you so much and appreciate the sub!🙏

  • @juliocesarsobrino6248
    @juliocesarsobrino6248 4 หลายเดือนก่อน

    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  4 หลายเดือนก่อน

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

  • @clairehatch8640
    @clairehatch8640 2 หลายเดือนก่อน

    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!

  • @mymariemarie33
    @mymariemarie33 2 หลายเดือนก่อน +1

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

    • @CliftonWP
      @CliftonWP  หลายเดือนก่อน +1

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

    • @mymariemarie33
      @mymariemarie33 หลายเดือนก่อน

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

  • @colcal5275
    @colcal5275 7 หลายเดือนก่อน +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.

  • @tinocashinternational1
    @tinocashinternational1 8 หลายเดือนก่อน

    🔥🔥🔥

    • @CliftonWP
      @CliftonWP  7 หลายเดือนก่อน

      Thank you so much! I appreciate you watching!

  • @mymariemarie33
    @mymariemarie33 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน +1

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

  • @CronYcK1
    @CronYcK1 5 หลายเดือนก่อน

    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❤

  • @nappireport
    @nappireport 8 หลายเดือนก่อน +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  8 หลายเดือนก่อน

      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!

  • @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  7 หลายเดือนก่อน

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

  • @tomfraser3086
    @tomfraser3086 2 หลายเดือนก่อน

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

  • @rhinotecbekasi5530
    @rhinotecbekasi5530 12 วันที่ผ่านมา

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

  • @kelvinreal7916
    @kelvinreal7916 8 หลายเดือนก่อน +1

    ❤❤

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

  • @mijnenschede
    @mijnenschede 2 หลายเดือนก่อน

    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

  • @polikpower2
    @polikpower2 6 หลายเดือนก่อน

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

  • @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  7 หลายเดือนก่อน

      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.

  • @randbaldwin
    @randbaldwin 2 หลายเดือนก่อน

    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.

  • @multioffice1997
    @multioffice1997 6 วันที่ผ่านมา

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

    • @CliftonWP
      @CliftonWP  6 วันที่ผ่านมา +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 6 วันที่ผ่านมา

      @@CliftonWP Looking forward to your upcoming content!

  • @tomfraser3086
    @tomfraser3086 8 หลายเดือนก่อน

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

    • @CliftonWP
      @CliftonWP  7 หลายเดือนก่อน

      Thank you Tom! I appreciate you!