How to Add Content with Hooked and Fixed Elements in Kadence (Kadence Pro Tutorial)
ฝัง
- เผยแพร่เมื่อ 29 ก.ค. 2024
- In this video, you are going to learn how to create elements with the Kadence Pro Theme, and Kadence Blocks Pro. We’ll cover at least 3 methods and even show how you can have any content added anywhere within the parts of your website. I hope you enjoy this in-depth tutorial on Kadence Elements. It’s one of the most powerful features of the Kadence Theme pro add-on. Enjoy!
Kadence Mega Menus Tutorial: • Kadence Pro Theme and ...
Timestamps:
0:00 Introduction to the Elements feature in Kadence Theme Pro
0:48:21 Getting Started: Installing Kadence Theme, Kadence Blocks, and Premium versions
5:24 How to install a Starter Kadence Theme
7:14 How to Create an Element with Kadence
8:22 Create a Default Element Type
11:30 How to add a Default Element to a part of your website
14:44 How to create a Fixed Element with Kadence
20:29 How to add a Fixed Element to a part of your website
23:19 How to adjust a Fixed Element
25:58 How to add a custom button block with icon element to the header
36:49 Thank you for watching!
🧰 TOOLS USED IN THIS TUTORIAL
✅ Kadence Theme Pro - cliftonwp.com/kadence
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Domain & Hosting by Siteground: cliftonwp.com/host
✅ 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 #kadence #kadencepro #kadenceelements
![[NEW] Kadence Conversions Tutorial - How to Create Exit Intent Popups, Slide-ins and Banners](http://i.ytimg.com/vi/dlaYjy0or5Y/mqdefault.jpg)
have you ever worked as a teacher? Your tuts are everything what teaching should be. Clear, precise, well-paced, thorough, patient... I am in awe!
Thank you so much for that amazing compliment! I appreciate that so much and I appreciate you watching!
Hi Clifton, I have watched a number of your videos on the Kadence Theme and Blocks and I must say you are doing a great job. Better still I would say you are the Bob Ross of the WordPress world.
Wow, thank you! I am humbled by your comment! Thank you for the great compliment!🙂
Wish everyone taught me things this way. Thank you. For each and every detail. Bless you.
Thank you and you are very welcome! I appreciate you!
Phenomenal tutorial, Clifton! I love the detail and clarity in which you teach how to create a website. Thanks for the added value. Keep up the great work!
You're very welcome Chef Tone! I appreciate you watching the tutorial and many thanks for the sub!
Super helpful. Just what I needed. Thanks for the good work.
What a cool trick that was...the button with the icon in the header. Amazing, Clifton.
Thank you! Glad you liked it!
Great video tutorial. Thank you!
Another great video, Clifton! Thank you. Ya know, just a couple days ago I was wishing you could add an icon in a button in the header. And, now I see you can. 🙏
You are very welcome and thank you! Glad this tutorial helped!
Amazing video Clifton! The power of Kadence Elements is superb 🤗
Thank you Carmelo!
Another great video. Thank you Clifton. I am sincerely grateful.
You are very welcome Ward!
It was really helpful. Great work, Clifton and thanks. Greetings from Czech republic.
You are very welcome!!! Thank you and I appreciate you watching!
Super helpful, as always! Thank you so much!
You are very welcome!
That's Awesome Brother
Thank you! New subscriber. Excellent videos- detailed, clear and very informative.
Thank you so much and I appreciate the Sub! Thank you!
Thanks Clifton!
It really helped me.
You are very welcome!!!! I appreciate you watching!
Great insights !!
Thank you!
Thanks a lot for your tutorials
You are very welcome!
Thank you very much friend, great video. Greetings from Colombia
Thank you John! I appreciate you watching! More to come!
I'm speechless, really !!!
You deserve the OSCAR as teacher doesn't matter the topic but I'm glad you teach WordPress because I need it !!!
Wow, thank you! I appreciate you watching and your kind compliment!
Great tutorial.
Thank you Chris!
Much appreciated thankyou
Thank you Peter! I appreciate you watching!
✓ Great tutorial! Thanks for your time. I'm looking forward to the tutorial on dynamic content.
Agreed!
Thank you Paul! Dynamic content in Kadence is coming soon! I appreciate you watching!
Thanks Clifton
You are welcome! Thank you for watching!
THANKS CLIFTON! YOU NEED A CAPE! I APPRECIATE YOUR TIME! PS BEST TEACHING VOICE! +CALMING!
Thank you Gwyn!!!! I appreciate you watching and thank you for the compliment!
Hi Gwyn! The website looks great! When you purchase Kadence Pro, you get a feature called elements. This feature will allow you to create sections or areas that you can hook conditionally at the top or your categories and practically anywhere you want in your Kadence based themes. You wont' need to use the old school categories section at all. You will have more flexibility using the Kadence elements pro feature. Let me know if you need help with it. You can email me at clifton@cliftonwp.com. 🙂
Great tut, however what is the use case for custom hook element placement setting and how is it used? Nothing on K docs or anywhere that I can find
Hi, thank you very much for this amazing channel. I would to know if you can do a video explained how to use a "custom hook". I've searched but nothing good comes. I know you can help. Thank you.
Excellent video. Many thanks. Since you did the video there has been some change in the Kadence Theme. There are now 4 element types, one of them being "templates". I cannot find any documentation about it. Do you have information eventually that you could share?
Thank you yes! I'll be posting that video next!
I have a Kadence theme. My blog is a food blog. People with the same theme have "more ideas" at the end of the blog with recipes and images, and I have no idea how to set it up. Any pointers?
Hi Clifton. I love your content, you're a great teacher.
Also I have a question, is it possible to add custom options with ACF on the Block options (sorry for the redundancy). For example, I add a custom SVG that goes behind a text, but I want to know if I can create a Radio Button on ACF that allows me to show or hide this SVG, and add this option as another option of the Advanced Image Block. Thanks a lot.
Thank you Daniel! This is possible with some customization and conditionals. A little complex and achievable.
Greetings, thanks for sharing knowledge.
One question: can I use it to create a different footer for posts and pages? Thank you
Greetings Carlos! Yes you can. You can create a custom footer using the Elements Feature in Kadence Pro. When creating an Element in Kadence, there is an option to "Replace the Footer" with that Element under the "Placement" dropdown. You can also specify which pages or posts you want that Footer to appear. I hope that helps!
hi, Clifton, how can I add graph in Kadence
kindly use acf plugin with kadence theme in your som tutorials
Clifton, I noticed when you are in the custom header 27:39 that you have 16 items available to you. I only have 4 - secondary navigation, search, social & HTML. Any idea why? I have Kadence Pro and Kadence Pro blocks installed. Though technically I would have 3 more because I used Logo, Primary navigation and button in the header area. I can't figure out why mine looks so different (and limited!). Thanks for another great video. Your videos are the most helpful of all the Kadence videos on TH-cam.
Thank you Marian! I appreciate you! If you have Kadence Pro installed, you will want to make sure you have the "Header Add-ons" option toggled on. Go to your dashboard, then hover over "Appearance", click on "Kadence", scroll down to the Pro-addons section and toggle the "Header Add-ons" toggle switch to "on". That will give you all the extra header widgets. 🙂I hope that helps!
@@CliftonWP That did the trick! Thanks so much Clifton! Now my available items look the same as yours.
@@MarianPierreLouis Awesome!!!
Hi Clifton, what is a default element? I don't seem to have that option. I have to choose between "content section," "fixed section," "template" and "html" - cheers, Dan
Thank you Daniel! A default element is now called the "content section". Kadence has made some changes to the nomenclature since I made this video. I'll be making an update soon. 🙂
@@CliftonWP Thanks! It's a wonder anyone figures this out! Much of it isn't at all intuitive.