Kadence Pro Tutorial - Create Custom Post Layout Templates like Backlinko
Vložit
- čas přidán 7. 09. 2024
- Using the Kadence Pro Theme and Kadence Blocks Pro, we can create amazing looking custom post templates, so articles from different post categories will look different. Much like Brian Dean's Backlinko.
So, if you want to learn how the Kadence Pro Theme's Hooked Elements, Kadence Blocks Pro's Dynamic Content, and the free Advanced Custom Fields (ACF), work together, this video is right for you.
⭐ Get Kadence (10% OFF: JCSAVE10) ⭐
👉 Kadence Essential Bundle (Pro Theme + Blocks Pro): jackcao.com/ka...
👉 Kadence Blocks: jackcao.com/ka...
👉 Kadence Pro Theme: jackcao.com/ka...
📺 More Kadence Tutorials: • Kadence WP Tutorials
💖 Other Recommended WordPress Tools:
👉 Web Host: jackcao.com/cl...
👉 Speed Optimization Tool: jackcao.com/wp...
🔔 Subscribe for more WordPress Related Content: jackcao.com/su...
📽 More Helpful Videos:
✅ 11 Gutenberg Block Plugins: • Top 11 Gutenberg Block...
✅ Will Multiple Gutenberg Blocks Slow Down WordPress Site: • Will Multiple Gutenber...
✅ Site Speed Case Study: • Case Study: Speed Up W...
✅ Build a Fast Loading Home Page: • Build a Fast Loading H...
✅ Improve Site Speed (9 tips): • How to Speed Up Your W...
✅ Build a Lead Capture Page with Gutenberg Blocks: • How to Create a Lead C...
🎥 Recommended Playlist:
✅ WordPress Gutenberg Tutorials for Beginners: • WordPress Tutorial for...
✅ Woocommerce Tutorials for Beginners: • Woocommerce Tutorial
✅ Improve Site Speed (Case Studies): • Site Speed Improvement...
✅ Start an Affiliate Blog: • Blogging for Profits -...
✅ Pinterest Affiliate Marketing: • Pinterest Affiliate Ma...
✅ Affiliate Marketing Tutorials: • Affiliate Marketing
✅ Start a Personal Brand: • Personal Brand Website...
__________________________________________________________________________
AFFILIATE DISCLOSURE: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a small commission. I won't put anything here that I haven't verified and/or personally used myself. And, you will never pay anything more than what it cost if you buy the product directly from the source. From time to time, I may even provide you with some discount codes to help you save money.
__________________________________________________________________________
#customposttemplates
Thanks Jack. This is a really clear introduction to some powerful concepts and techniques. Your momentary oversight and immediate corrections of some steps helped to consolidate the learning as we were going. So I was glad of it. If it was deliberate you made it look natural!
Glad that you find this useful. It was not deliberate, but luckily I managed so save it. Everytime I create a tutorial I will usually complete the same on another site for reference but as I get carried away, I tend to forget the steps I took, so that's what happened. 😂
Thanks you so much for creating these tutorials, I have learned a lot from your tuts, would love to see more videos coming and learn more. You create real contents that solves our problems.
Happy to share Emran! More will come 😉
You're are some of the best Kadence tutorials I've watched.
Do you have one that includes an explanation of hooked elements?
Jack, many thanks for another AMAZING Tutorial ❤️😍!!! Loving your channel, you are inspiration and learning sooo many things with you. Hope to see many more Kadence tutorials. Thanks a lot Jack!!!
You are welcome and thanks for supporting the channel, Carmelo! Will definitely have more Kadence Tutorials as we go along! 😊
This is better than some paid tutorial.
Thank you for saying that 🙂
Hello thanks for your video. I find it very "very" useful. Your Videos and Kadence are Gold for me. I wanted to ask in minute 26:22 why do you select the custom field type as "link" instead of "url" I have tried both and I don´t understand the difference, both worked in my case. Not sure If can be any difference in SEO selecting "link" or "url"
Looks great! Can you perhaps also show us how to create custom layouts for category pages, with full posts shown in it?
I have done a tutorial on this, but I am not sure if it is what you are looking for. The posts shown in snippets. If you want the full post shown, you need to go to your WordPress Dashboard >> Settings >> Reading >> change the "For each post in a feed, include" from "Excerpt" to "Full Text". Anyway, here's the video: czcams.com/video/GFsbb4WE8o0/video.html
Thanks Jack, great tutorial. I noticed around the 17:00 minute mark that you showed how to get rid of the old featured image. But that step also blew away the author name and posting date. How do I get that piece back?
hi from Istanbul. Thanks.
Thanks for sharing.
Hi Sir I will request you to make a tutorial on Magazine website using Generatepress theme Thanks
Great suggestion! But with other Gutenberg Block Plugin? With just the Generateblock, it is kinda hard to achieve great design.
And there's the video guide! Now if only they can add dynamic content to video blocks, or at least Kadence's video popup block... then my dynamic heros will be able to fully match what I had with Elementor.
Hope Kadence developers will pick up on your comment 😁
@@JackCao FYI - dynamic options have been added to the Video Popup block! I was dealing with a of other theme/block issues and brought it up, so they included it in the last update.
@@michael.deibert Awesome! Thank you so much for the update!
Amazing theme and tutorial, thanks very much!
love your work, thanks
Glad you enjoy it! 😊
Hello, Jack. We just added the dynamic video popup block to my site's product pages and it's a total game changer. We had to jump through hoops previously to do the things Ben has been able to do with the new functionality he just added to the Kadence Shop Kit. I'm looking forward to seeing what you think about it.
wow thanks for the video Jack!
youre the best bro
Thanks Jack, as always 👍👍👍
Thanks for another great tutorial!
You are most welcome! Happy to share! 😊
I dit it. Thank You
Awesome! 😊
hi jack, very nice explained thanks for it but i got a problem first there is no default setting and second there is not showing category after selecting group in element setting. Could you kind help
hey.. thanks for amazing tutorial... can you make video about ( how to desgin home page like kinsta hosting website? )
Helpful
Hi Jack, great tutorial. I was wondering if it was possible to apply a full page template in bulk (based on category)? i.e layout all the blocks with text, images etc and then apply the full page design to existing posts that were built using classic editor. Assume I'd have to convert them all to block first..
This is a great question. I'd like to know, too.
Thanks a lot Jack for this very useful & in depth Tuto. You have very creative and useful ideas for your audience. By chance do you know if it is possible to insert Call to Actions or custom hooks after any number of paragraph's ? I saw that it is possible after the 4rth paragraph, but it would be great to have more options, like after the 5th, 10th, 15th, etc... For Top 20 kind of articles, it would be amazing !
I may need to explore this. Thank you for suggesting! 😊
Jack, can you make a nice A to Z tutorial on Kadence. Make a nice affiliate marketing site that is a hybrid between an affiliate site and a magazine site? Or make a tutorial on how to make a magazine-style site with Kadence, please. Thank you.
I have done a tutorial for Kadence's Magazine-style site: czcams.com/video/_xbpzTsjiFY/video.html (Only the home page though)
@@JackCao Thank you. I am torn. I will probably go with Genesis Blocks or Mag Pro theme.
@@dinorossi6611 Alternatively, check this out: czcams.com/video/X4vKrjcSpI8/video.html
You don't need to rely on a theme. This Gutenberg block plugin will take care of the layouts for you.
Hi Jack I think people are looking for to how make rounded blocs with kadence... I can't find it anywhere how to use a radius to make the blocks rounded... Maybe can be an Idea for a very short video.
Hello jack .. i just found this and thank u its so useful.. just im little bit lost here... i want to create a website to let users create their own pages filled with their own infos to show to public.. but i want to let theme choose frome templates to customize those pages .. please help .. frome where should i start ???
in the current kadence version, there are 4 element types, content, template, fixed, code. is the default you picked the template one?
Hello Jack. I have 1 question for you . Please help me answer:
1 - I create home page and then i design directly on home page.
2 - I create home page blank then i use hook elements of kadence theme for design same as home page
--> What is the difference between the two methods? ( About Dom size, SEO, request....). Which method is better?
Thank you !
over my head, but i appreciate the effort? Did you install ACF too? said need only kadence
ACF is required if you want to create templates. Without ACF all your content will be static (will not change for different product).
Incredibly helpful--not just in showing how to do use dynamic info, but in even giving me the idea of doing it. What a time-saver!
You use square image in your template, but everybody says to use 2:1 aspect ratio images for optimal appearance when sharing on facebook, etc. How do you get around this?
When you run Facebook ads, the best image ratio is 1:1. 1,000px by 1,000px to be exact, and it will give you a very nice featured image on Facebook feed. So, applying that to web images, I think 1:1 is most suitable for FB. 2:1 will give a landscape look though.
@@JackCao Okay, noted. But what about visitors sharing your post, which includes featured image. Isn't 2:1 best for that?
Do you need to download any wordpress software or is that already builded in kadence theme itself?
Hey Jack I love your content. Very useful. One question though, other than speed what's a good reason to switch to block plugins over page builders such as Elementor? Is there less issues with block plugins in terms of updates, that's my only issue with some of the page builders as updates sometimes cause breakage.
Maybe at the end, you were having some spacing just because of paragraph block ? :)
I don't think so, but maybe? Haha!
I am using he Kadence free version and I don't see any built-in design liberary how to enable it?
Hi Jack I’ve always enjoyed all your tutorials. I have an issue with Kadence and Gutenberg that hopefully you can help me out. I built the page sample that you worked on and I added an Amazon affiliate link it’s a JavaScript that AMAZON provides, I added code but no matter what I do it doesn’t show up. What am I doing wrong? Thanks for the help.
I don't think you should add javascripts to the custom fields. If the custom field entity is a "Link", it will only detect link. So, if you want to add an Amazon Affiliate Link, make sure that it is only the link you have added, not the entire Javascript.
@@JackCao Thanks for the reply Jack, is there a way I can send you a secure message? I'm confused, thanks.
Is there a way to have custom designs for each product category page? Kadence has a function to use a custom design for the main shop page, but doesn’t seem to have option to customize each product archive page.
I'll explore that and do a tutorial on it. Thank you for sharing! 😊
is it normal to see post settings instead of element settings at 10:24
Another great tut Jack! Thank you
You are most welcome! 😊
Can you save this to Kadence Cloud?
Hi Jack! Is it possible to hide a "View Page" button if there wasn't an entered affiliate link?
I don't think that's possible. You may have to add a direct link to the product in that case. An alternative is to create different template and instead of making the taxonomy as category (for seo purpose), make it tags instead. Hope you understand what I mean.
Thanks , What about the site speed? After ading 2-3 elements on the header Cumulative Layout Shift & First Contentful Paint
Get High. Similar design can be done easily with elementor, don't you agree ?
I am sorry sir, but Elementor on its own is the biggest of an issue for your site speed
There are no problems with site speed for Gutenberg as it load codes when needed. As for Elementor, it loads a lot of unnecessary codes. The main reason people switch to Gutenberg is because of site speed, plus Gutenberg is getting easier and easier to use.
I am using Kadence pro theme and Kadence block and other Gutenberg block editor.
But currently i am facing a problem. it is showing (Updating Failed. The response is not a valid JSON response) whenever i try to update a post or page after editing.
Hi Akash, please send a support ticket to Kadence. They can help better with such technical issues: www.kadencewp.com/premium-support-tickets/
Hi Jack, can an archive page from a custom post - with filters, be designed with these plugins?
Absolutely! Check this out: czcams.com/video/GFsbb4WE8o0/video.html
Is it necessary to have Kadence theme pro as well as kadence block pro? I'm not sure what the extra benefits are.
Yes, it is necessary. The biggest benefit is the hooked elements because it allows you to add designs to any parts of your website, it even allows you to stick elements like the sticky header or footer. Blocks Pro gives you the dynamic content. I mean if you just need the bare minimum, you don't really need the pro, but if you want design flexibility and custom layouts then you will need the pro versions.
@@JackCao Really appreciate this feedback. Thank you very much!
Este chinito si que sabe, thanks bro.
Is kademce pro free ?
Hi, bro can you do it with genertepress premium
I'm exploring the theme builder, will do a tutorial soon.
@@JackCao thanks I will be seriously and eagerly waiting for the tutorial
All of things you say is easily possible with most page builders like Elemetor or ... and they are not just much cheaper but also have much more options and are much more stronger what you get in Kadence pro Theme.
There's no logical reason pay much more and get much less 😂😂😂
Using page builders and create a single post page template and you are good to go... along much more features that Themes like Kadence are NOT able to offer at all.
I personally can't understand why to use such experience Themes...
@GeekTimeline I tested a lot since last year regarding optimising and ...
As my experience, there is no much difference between some page builders and even Gutenberg, with a little tweaking. It's not enough to sacrify all other things because your website might be load few milliseconds faster.
And again, as I tested the same websites built with Elemntor and Gutenberg and speed testing, I didn't find difference mora then maximum if %10 , which is not negligible at all.
This is my idea, you cab argue, but the reality is that if someone use page builders correctly, there is no much gap in between, but at the same time you loose a lot if features that you can't get them with Gutenberg or other Themes, and even if you can get them you need to use several extra plugins which is worse.
@@Nima-Norouzi I agree with you to the extend that you are proficient in speed optimization, which most beginners are not. In fact, most business owners and bloggers, would not want to spend time to learn speed optimization, so they would need page speed out of the box.
I see you mentioned about testing both elementor and kadence and find little difference in speed? Did you do the test extensively and being unbiased? Because I've done that and have seen Kadence speed much better than Elementor out of the box. I've shared it on my channel as well. Feel free to watch it.
This will be so Helpful ! Thanks !
You are most welcome! 😊