ฝัง
- เผยแพร่เมื่อ 10 ก.ค. 2024
- 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!
![ตีสิบเดย์ [FULL] | ครอบครัวสะท้านทุ่ง "นางบี & อ้ายสติ๊ก"](http://i.ytimg.com/vi/A1rhYcxxNtA/mqdefault.jpg)
![คุณอาเรียโต๊ะข้างๆ พูดรัสเซียหวานใส่ซะหัวใจจะวาย ตอนที่ 2 [ซับไทย] 【Ani-One Thailand】](http://i.ytimg.com/vi/kbbfYakMY8k/mqdefault.jpg)
Thank you for creating this fantastic video. I learned a lot about creating a blog by watching this vido.
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!
Another simple, clear explanation of this very useful theme and Gutenberg blocks. Brilliant.
Cheers, thanks James
Finally exactly what I wanted to know. Thank you very much
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.
Great to hear!
@@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 :)
Thank you I really appreciate everything you showed me in this video
Your voice is so soothing
Impressive and helpful. Thanks.
This is so helpful! Thank you so much!
Thanks a million
Looks lovely. So many features. I only have an artists site on the go. This will look nice with the artwork. Thank you
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?
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
Nice
Terrific ta
Great content on your channel. About this video, how do you edit latest posts header and content fonts in the homepage. Thanks
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?
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...😓
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)?
Could save your post as a draft then duplicate it when needed > th-cam.com/video/kHr24ocYmOk/w-d-xo.html
@@IdeaSpot thanks, will check out the link!
Is it possible to a) add posts to the homepage using the basic Kadence Theme or b) add text to the latest posts page?
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?
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.
@@IdeaSpot Oh, ok. Thank you.
Are Kadence posts faster to load than posts using Gutenberg Blocks?
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
Great!
Hey can pls Tell me what size (Pixel ) the Blog Post images have ?
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?
Not sure, but you can contact Kadence here: www.kadencewp.com/free-support/
why does my edit page look so different? i cant edit the layout with gutenberg
Where are these starter templates and blog layouts which you say comes with Kadence? I can't find any of them.
Check the kadence starter template plugin
Yes mine the same too. Only 4 pages. Not until I dig it inside dashboard- all post.
Thanks excelent video. How can i remove post date from this template?
In the customizer, it’s called post meta
I switched tabs for a moment while in the intro and t hen thought I had clicked a pitch meeting video.
How does "Page" become a "category"? It doesn't work. It doesnt show up like that
The trick for getting Kadence's blog page to show up , which you discussed at 12:00, didn't work for me
what happens? post a snipboard.io/ screenshot
@@IdeaSpot there is no change... it remains the same
Can comments be added to posts?
Yes for sure, make sure it’s ticked in the Wordpress discussion settings and on the post settings
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?
Hi Logan, you can reach me at IdeaSpot.au@gmail.com
Starter templet tutorial th-cam.com/video/Czr1kR2QmDU/w-d-xo.html