Kadence Theme - Blog Pages & Posts, WordPress Tutorial (Free Version)

Подписаться 46 тыс.

Просмотров 27 тыс.

50% 1

You learn to build customized blog page layouts on the Kadence theme. In this tutorial we cover using the theme customizer to display your posts. This can be used to display all your blogs, and also display individual blog categories. We also show an another method of displaying posts using the Gutenberg editor and the 'latest posts' block - this allows us to build additional blog grid and blog list layouts on any page. This is useful if you want add additional content to a blog page, or if you want to add the 'latest posts' to your home page for example.
This was all done using the free version of Kadence, but the pro version provides a TON of extra functionality, it's worth checking out here: ideaspot.com.au/kadence
Our other Kadence theme tutorials are available from the links below:
Kadence theme basic setup tutorial:
• Kadence Theme Tutorial...
(This tutorial also shows how to setup email forms in Kadence).
Kadence theme headers tutorial:
• Kadence Header Tutoria...
Kadence theme eCommerce tutorial:
• Kadence + WooCommerce ...
Kadence theme online course creation:
• LearnDash + Kadence Th...
0:00 Kadence Theme Blog Introduction
0:43 Setup & Prerequisites
1:44 Kadence Theme Customizer - Blog Page - Archive Layout
10:22 Kadence Theme Post Category Pages
10:47 Add post categories to header menu
11:45 Displaying posts using Gutenberg editor
12:20 Changing between Gutenberg blog page and theme customizer blog page
12:53 Cloning the blog page for use on other pages or categories
14:21 Customizing with Gutenberg blocks and the 'latest posts' block
15:34 Gutenberg list view and grid view for 'Latest Posts'
16:53 Display latest post on home page
18:34 Customizing single post layout in Kadence
21:11 More skills with Kadence theme
At IdeaSpot, we support the free and open exchange of knowledge and information. Please support us by using these description links included here. Besides the great discounts you can get from these links, they help us grow too by providing us a small commission on referral. Thank you for supporting IdeaSpot so we can continue to provide you with free content each week!

Опубликовано:

27 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 53

@SuzJCD 2 года назад

OMG I had been stuck on something for months and solved it in just a few minutes following your excellent tutorial. I will be forever grateful! The Yoast Duplicate Post plugin was a life saver. Thank you!

@jimjuris 3 года назад

Thank you for creating this fantastic video. I learned a lot about creating a blog by watching this vido.

@peterpan7976 2 года назад

Thank you I really appreciate everything you showed me in this video

@survivalistheaven7537 3 года назад

Your voice is so soothing

@madre91 3 года назад

Finally exactly what I wanted to know. Thank you very much

@drjimbarnes 3 года назад

Another simple, clear explanation of this very useful theme and Gutenberg blocks. Brilliant.

@IdeaSpot 3 года назад

Cheers, thanks James

@riaadarif7687 Год назад

Thanks a million

@DivineJesusPrayers 3 года назад

Wow! I was working for some hours on customizing my first website using this theme ... and this tutorial shows up in my youtube notification! Just about the time i wanted to do exactly what's on the tutorial too! Thanks so much for all the content you are putting out on this theme. Much appreciated.

@IdeaSpot 3 года назад

Great to hear!

@zavianzee2937 3 года назад

@@IdeaSpot Hi, Do we need to use a Kadence child theme or the main parent theme for changes in all pages home, services, and blog pages, like u have done in your videos, waiting for your more help, thanks in advance :)

@jugalgupta7234 3 года назад

Impressive and helpful. Thanks.

@juniataford1294 Год назад

This is so helpful! Thank you so much!

@Whitenoise541 Год назад

Looks lovely. So many features. I only have an artists site on the go. This will look nice with the artwork. Thank you

@victorrono820 2 года назад

Great content on your channel. About this video, how do you edit latest posts header and content fonts in the homepage. Thanks

@MKUltra2001 3 года назад

Great video. In the section where you clone a page and turn it into the "marketing" page, are you essentially creating a custom category page? If we do this, do we then need to do a redirect from the default category page that Wordpress will have created?

@cabpil0t556 2 года назад

Newbie here. Why I cant see this layout on nav.menu? Only can see it after I set up /blog/category. And from wp dashboard and customizer page different too

@rounakdey2646 3 года назад

Hi nice tutorial.. but when I am manually customising the blog page, it is ok in block editor but the main blog page is not changing. The main page is changing when I'm changing anything from appearance . But by block editor it is not working...😓

@jugalgupta7234 3 года назад

Nice

@jenniferward6821 2 года назад

Terrific ta

@GAZ_X 7 месяцев назад

Hi, great video. I have just made a website but noting changes when I do what you're doing? The strange thin is, it's only the Blog page that won't see any changes? Any ideas?

@StephenCDayton 3 года назад

Thank you for this video. You earned a subscriber! I learned a couple of new things which is great. I was, however, hoping your tutorial would cover what I feel is either a huge missing feature in Kadence or is a bug. Perhaps you could enlighten me? I installed Kadence and added the "Recent Posts" block to my homepage, but I wanted the background of the block to be dark while using white text and having a light gold color for the links. But shockingly the "Latest Post Block" doesn't have an option to change link colors, so the theme is using a default black link text which means I can't use a dark background color AND because the link text matches the regular text no one will ever know the links exist! I did see that there was an option to change link text in the outer Row Layout Block and in the editor it "appears" to work but if I save the changes it does not show up on the actual site (yes I refreshed) so that option clearly doesn't work to change Recent Post Block link colors. Do you know if Kadence has any way to change the Recent Post Block link colors?

@IdeaSpot 3 года назад

Hi, This is in the pro version: themes.kadencethemes.com/ascend-premium-10/post-grid-carousel/ The free version just uses the standard wordpress 'latest posts' block which doesn't have a lot of styling options as you've noticed - but you can still style it using CSS if you'd like a free solution.

@StephenCDayton 3 года назад

@@IdeaSpot Oh, ok. Thank you.

@chadtarheel 3 года назад

how does one customize a post then save the whole post layout as a template for repeat use in Gutenberg (e.g., featured image, heading, subheading, bullet points)?

@IdeaSpot 3 года назад

Could save your post as a draft then duplicate it when needed > ru-vid.com/video/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE-kHr24ocYmOk.html

@chadtarheel 3 года назад

@@IdeaSpot thanks, will check out the link!

@drjimbarnes 3 года назад

Are Kadence posts faster to load than posts using Gutenberg Blocks?

@IdeaSpot 3 года назад

Should be about the same, the number of posts & images you want to display will be the main factor rather than which template you choose here

@drjimbarnes 3 года назад

Great!

@NeilCheesman Год назад

Is it possible to a) add posts to the homepage using the basic Kadence Theme or b) add text to the latest posts page?

@codcrecks Год назад

Hey can pls Tell me what size (Pixel ) the Blog Post images have ?

@medicsdomain9871 3 года назад

I've got a problem. I customize my website to be right sidebar but it doesn't show at the right instead it heads down and the whole page looks like it's on full width. Is there anything i can do about this?

@IdeaSpot 3 года назад

Not sure, but you can contact Kadence here: www.kadencewp.com/free-support/

@enkiimuto1041 2 года назад

I switched tabs for a moment while in the intro and t hen thought I had clicked a pitch meeting video.

@John-pr3bn 3 года назад

Thanks excelent video. How can i remove post date from this template?

@IdeaSpot 3 года назад

In the customizer, it’s called post meta

@Owlzon Год назад

How does "Page" become a "category"? It doesn't work. It doesnt show up like that

@Tripwithadi 3 года назад

why does my edit page look so different? i cant edit the layout with gutenberg

@biswadipdasgupta4204 3 года назад

Where are these starter templates and blog layouts which you say comes with Kadence? I can't find any of them.

@IdeaSpot 3 года назад

Check the kadence starter template plugin

@cabpil0t556 2 года назад

Yes mine the same too. Only 4 pages. Not until I dig it inside dashboard- all post.

@loganpickett1671 3 года назад

I would love to talk to you about working with Kadence further. I help manage the partnerships for KadenceWP. Is there an email address I can contact you with?

@IdeaSpot 3 года назад

Hi Logan, you can reach me at IdeaSpot.au@gmail.com