Kadence Tutorial: How to Create a Magazine Style Layout in WordPress with Kadence [From Scratch!]

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

КОМЕНТАРІ • 108

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

    This is the best tutorial i've seen on anything. the pacing, repetition, no extraneous noise and unnecessary music. Overall a relaxing vibe and you don't skip anything. You have a real gift for teaching. Thank you for your work.
    Even though some setting have changes as I write this two years from your posting date, it is still very helpful.

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

      Wow! Thank you so much! I appreciate you kind words and appreciate you watching! Thank you! More to come!

  • @Theonyxconservative
    @Theonyxconservative 7 місяців тому +1

    Clifton you are the Bob Ross of WP 😂 this is so fun 😁

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

    The CliftonWP Times is hands down my favourite newspaper even if it doesn't exist.

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

      LOL! Thank you so much!!! Glad you like my Newspaper!

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

      @@CliftonWP Just as Materusz says the CliftonWP Times is his favourite newspaper, for quite awhile now my favorite restaurant ever is the Clifton Cafe!!!

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

      @@CliftonWP That's very good news from The Kadence King - your timely step by step tutorials make understanding so easy - your excellent communication skill clears a lot of confusion. I watched many Kadence tutorials on different channels and was just left frustrated. I manage to complete your restaurant tutorial and that's despite the Kadence blocks latest revision been different from the one you used so that's thanks to you.

  • @fantasticego
    @fantasticego 7 місяців тому +1

    Just completed this tutorial, making magazine site. Really appreciate your nice guide.

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

    Thanks a lot for that very informative and helpful tutorial. You have a very kind and quiet way to explain so that even i understood the basics of building a website with wordpress. Can´t thank you enough.

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

    Well, this is something unique & premium content right there. Looking forward for more tutorials on kadence theme in the future. The way you teach & explain everything the easiest way possible deserves a round of applause. Thank you so much for this tutorial.

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

    GREAT to see you back!!! I was crying when I was not seeing your next release. Kept checking on you daily.. Magazine layout, I love it and going to digest every bit of it. Thanks for your wonderful tutorials helping us to build our skills.

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

      LOL! Thank you Charlie! I'm working on some great stuff for you. I appreciate you watching!

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

      @@CliftonWP Prompt response again. You really care for your audience. My sincere thanks.

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

      @@charliegerson7570 Thank you, Charlie, you are the best!

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

    I don't usually comment on videos. But I just wanted to say a big thanks for this video. I have come back to it several times to see how to do certain things.
    A very pedagogical and helpful video. Thanks a lot!

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

      Thank you and I appreciate you watching!

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

    Hello, Clifton! Excellent tutorial. It may very well be the most detailed video on WP design that I've ever come across. Amazing. The home page looks great. Plus, you are very thorough in your explanations.

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

      Thank you, Ron! I appreciate you watching and thanks again!

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

    Hi Clifton, thank you, this is the best lesson of building news website with Kadence, Kadence really should pay you for this. =)

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

      Wow Tess! Thank you so much! Glad you like the lesson!

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

    Thank you very much for all this info, I have watched the full video 2 times.
    It would be interesting to see how he would compose a blog entry and where he would add the ads from his point of view and perfect aesthetics. 🙏

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

    👍 Great Job - Greetings From Vienna ...

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

      Thank you Art on Screen! I appreciate you watching!

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

    Thank You Dear, I was needed for this tutorial

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

      Thank you and appreciate you watching!

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

    Thanks for taking the time to put that out. I imagine it took a lot of time and planning to do it. Beats my videos which involve me thrashing bikes!

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

      You are very welcome! Happy to do it!

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

    Clifton, I'm happy and excited to see this new video. It's going to be a few days before I have time to watch it, but I know it's going to be great...same as all your videos. Thank you so much.

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

      Thank you so much! Enjoy it!

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

    Wow, your video is amazing. I've been avoiding watching your videos as they are so long but was attracted to this video and I honestly feel like Ive learnt SO MUCH! I really can't thank you enough.

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

      Thank you! I appreciate you watching!

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

    Great looking site, as always Clifton! I’ve got the video saved and will be watching and recreating the site in the coming week or two. Thank you for the detailed two and a half hour video!

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

      Thank you, David! I know you'll enjoy it! more to come, my friend. Hope you are well!

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

      @@CliftonWP Just circled back and finished this one up. As always...FUN!

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

      @@PilatesinSacramento Glad you enjoyed it, brother!

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

    Clifton ... you are a rock star! Thank you so much! Another great tutorial!

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

      Thank you Amy! I appreciate you!

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

    Second time I watch this video. It's so useful. Thank you!

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

    Great job. Thank you

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

    Awesome tutorial! 👍

  • @madrymedrzec448
    @madrymedrzec448 2 роки тому +2

    Great tutorial! Nice skills.

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

    Awesome tutorial. U are amazing. Still waiting for the affiliate marketing website geared towards affiliate marketers. Hope you do this soon. Thanks

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

      Thank you and working on it! :-)

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

    Great tutorial.

  • @victorl.mercado5838
    @victorl.mercado5838 2 роки тому

    Another great video!

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

    Vibes mate. Digging the jingle too. :-)

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

    Thank you so much Clifton. That was exactly what I wanted.

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

      Thank you and Happy to hear it! I appreciate you watching!

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

    Another outstanding tutorial! This was exactly what I needed. Thanks Clifton!

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

      You are welcome!!!! Thank you!

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

    Thank you, Clifton. After looking at your video I've implemented so much on my website and now it looks gorgeous! I'm looking forward to the video you mention about creating a custom category page.

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

      That is excellent and very happy to hear that!

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

      Can you share the website link? I am trying to design a mag site with Kadence. Thanks

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

      Thank you for the reply. Can I see the site?

  • @sounakchatterjee2694
    @sounakchatterjee2694 2 роки тому +2

    Well made and well thought-out tutorial! Shutout to you...!!!
    I have a confusion.... When do I adjust the margin/padding of a section and when do I adjust it in a row?
    I get confused on this every time... a short tutorial explaining the difference and how to determine would be nice Clifton.

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

      Thank you for this suggestion. A great idea for a video. You'll most likely use padding in Rows to create space around the sections inside the rows. Padding in sections creates space around the content within the section. Margins add space outside the elements. Most of the time you are applying padding and margins to sections. Just depends on your layout.

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

    Clifton! Would love your take in Kadence + FSE w/ Woo Commerce!

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

    Great Video. Clearly explained step by step. Thank you Clifton!
    I want to know How to attach actual Google Ads into the home page which we created. Thank you again!

  • @gopalakrishna.vanthala
    @gopalakrishna.vanthala Рік тому

    do more about kadence blocks and gutenburg tricks

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

    Another great tutorial. Thank you very much!

  • @shahnawazlarik8798
    @shahnawazlarik8798 7 днів тому

    Again another Nice Tutorial.
    Can we create an archive page whether blog archive or a category archive page with multiple designs.
    If we have huge number of posts and we enable pagination then each page should use the same template where we have multiple designs like in other words magazine style template. This template should not be static of the fixed number of posts instead it should work same like normal archive page where all posts are just loop items. I hope you got my point.

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

      Yes, you can. Feel free to link to an example and I'll be able to tell you definitively.

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

    🎉❤🎉❤ thanks a lot man

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

    GREAT!

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

      Thank you Dilukshi! I appreciate you watching!

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

    Super Cool! Well Done!

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

    Hey Clifton. Thank you so much for this video. I previously had the Kadence free agency theme running. Please could you explain how I change it back to default?As I can't see my header etc. I wanted to follow along fully with your guide. Thank you

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

    Amazing tutorial - one question… on the featured image for a blog post how do I display the caption? It seems to not appear eg. I want to give a photo credit

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

    You must make a course on Udemy doing a full Kadence tutorial. I'm sure you'll have a lot of students on Udemy. I'll definitely buy your course.

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

    How did you arrange the content from Google Docs, how the images were arranged so beautifully, and how the readable content was arranged

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

      Thank you, Ahmed! I used dropbox to host the images for the tutorial. :-)

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

    G'Day Clifton. Another great tutorial and will be using your tutorial to build out my upcoming world track and field blog.
    And a question: Will you be creating a tutorial using Stackable Blocks for Gutenburg?
    Thanks.

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

      Thank you Michael, yes Stackable is on the calendar as well as a few others. :-)

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

    HI - This is simply awsome. Great videos. I have one question: I am transforming my WordPress based Urdu news website (RTL) from Elementor Pro to Kadence Pro. I am designing my home page. While using "Post Grid/Carousel" block of Kadence Pro, I am unable to set my featured images right aligned. Image settings only gives Top/Left alignment options but not Right. How can I align image on right side? Does Kadence theme support RTL? Thanks

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

    I hope you will explain to us how to create a travel blog

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

      Are there any examples of a travel blog you like? Post a link here.

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

      @@CliftonWP I don't have a specific example of travel blogs

  • @HamzaKhan-fx3kr
    @HamzaKhan-fx3kr 2 роки тому

    how to justify text? is there any option to do so in kadence

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

    Hey! And how to insert a youtube URL from ACF through dynamic content so that the player appears?

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

      Hello, to do this, you will need to create a custom field in ACF aa URL field. Then you can use the Video Pop-up block to pull the url as a dynamic content and play the video.

  • @Shopify-WordPress-Developer
    @Shopify-WordPress-Developer 2 роки тому

    Hey there Clifton, it seems great video ahead! I was wondering, if I am building this website from free version of Kadence theme & blocks, how much am I missing?

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

      Thank you, to replicate this website you will need Kadence Blocks Pro so you can create the post grids and loops.

    • @leyla.ahmadova
      @leyla.ahmadova 2 роки тому +1

      I managed to do exactly the same layout with Free kadence block Posts and free kadence theme. Just added some css manually, like post background

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

    How did you get the categories to show up in the navigation? Mine is a drop down menu and I cannot figure out how to change it.

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

      Thank you Heath. Go to Appearance > Menus and you can create your Primary navigation menu there using the categories. Then just make sure you add the Primary Navigation Widget in the Header Builder by going to Customizer > Header. I hope that helps.

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

      ​@CliftonWP thanksl you! I've been watching this video over the last few days to get my site updated. What do you recommend putting in the sidebar? I have a right sidebar.

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

    Will the Kadence Blocks Pro plan work with this tutorial?

  • @adamb.9510
    @adamb.9510 Рік тому

    Did you take down the magtutaccess files? If so, can they be found somewhere else?

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

      Thank you Adam! The assets are still there. Here is the link: cliftonwp.com/magtutassets

    • @adamb.9510
      @adamb.9510 Рік тому

      @@CliftonWP That worked. Thank you for the video! Have you made a video that shows you how to customize all of these posts?

  • @shivjikumar3037
    @shivjikumar3037 10 місяців тому

    Is it free theme?

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

      Kadence has both a free version and a paid pro-addon.

    • @shivjikumar3037
      @shivjikumar3037 10 місяців тому

      @@CliftonWP This is the magazine style theme that we have created. Is this possible with the free version?

  • @01montgomeryricky01
    @01montgomeryricky01 2 роки тому

    You should do a Udemy course. You do great work, you should get paid too.

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

      Wow, thank you! I've been hearing about doing a course on Udemy. I'll look into it and go for it!

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

      @@CliftonWP If you were to do that (create a course on Udemy), you would blow away all the others there.