ฝัง
- เผยแพร่เมื่อ 30 ก.ค. 2024
- In this video, you will learn how to create sticky sections in your WordPress Website using the latest feature in Kadence Sections to add some dynamics to your website designs. Lately Kadence Blocks has added the Section Block separate from the Row Block as one of the options for container Gutenberg blocks. This in-depth tutorial will cover 2 awesome ways to create rows or sections that stick to the top of the website when you scroll on the page. As a bonus I will also show you how to use a sticky container Gutenberg block plugin to create even more advanced sticky layouts.
Enjoy!
Timestamps:
0:00 How to Create Sticky Sections in WordPress With Kadence
01:40 How to Install Kadence Theme and Kadence Blocks
05:17 Sticky Sections Explained
14:31 How to Install Kadence Starter Templates
13:40 How to make Kadence Sections Sticky
27:48 How to Make an entire Row Sticky Using the Sticky Gutenberg Block
41:40 Conclusion & Thank you!
🙏SUPPORT & THANK YOUS?
✅ Buy me a Coffee - www.buymeacoffee.com/cliftonw...
✅ Leave a Super Thanks in TH-cam Comments
🧰TOOLS I USED IN THIS TUTORIAL
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
✅ Kadence Theme Pro Addon - cliftonwp.com/kadence
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Domain & Hosting by Siteground: cliftonwp.com/host
🧰 FAVORITE WEBSITE BUILDING TOOLS
✅ Kadence Theme Pro - cliftonwp.com/kadence
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Kadence Conversions - Kadence Pro Bundle - cliftonwp.com/kadence
✅ 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 #kadencetutorials #sticks sections
![🔥[New Tutorial] How to Customize a Kadence Starter Template into a Unique WordPress Website](/img/n.gif)
Welcome back Clifton I have missed your excellent Kadence tutorials
Thank you kindly! Happy to be back and have more to come! I appreciate you Darren!
Yeah, Clifton's back.
Thank you Chris!
You are my favorite tutorial of Kadence
Thank you so much!
WOW ，come back with consistent high quality！
Thank you Robin!!! 🙂
'so the next thing that we need to do is create some space' ~ great overall life advice 👌🏽
Great video. Make more videos, building entire websites with Kadence Blocks. Thank You!
Thank you, and will do!
@@CliftonWP Hello Clifton, I want to know any slider for hero section for Gutenberg? Free slider plugin?
My Man Is Back!!! My BIG WELCOME!!!
Thank you Charlie! Glad to be back!
You always make things easier, simple to learn and enjoy using it. Thanks for the Sticky Sections tutorial.
My pleasure! Thank you for watching!
Clifton what an amazing tutorial! Thank you so much for explaining this in that much detail. You create the best tutorials I've ever watched & I watch a ton of them. Very very much appreciated 😊👍
You're very welcome Sabina! I appreciate you watching and thank you so much for the compliment! More to come! :-)
Thank you Clifton 🥰 Please make more videos on On-page SEO, Page and Post Optimization Thanks
Thank you Salman! Will add it to the list.
Thanks Clifton. Great Video!!
Thank you very much for watching! I appreciate you!
Thank you once again ❤
Awesome!! Exactly what i was looking for! Thanks a lot!
You are very welcome Jakub!
As always I get a useful tip embedded in your tutorial
Happy to hear it Tom! :-)
Welcome back bro. Longest time! Awesome tutorial... Clear and succinct.
Thank you brother! Glad to be back and happy to hear from you!
Thank you for this tutorial. Super helpful.
You are very welcome Curtis!
You are the best! Keep the Kadence tutorials!! Very well made video!
Welcome back Clifton!! Such an amazing teacher!! Velvety smooth voice and layman’s terms explanations! Love it!!
Thank you Uzo! I appreciate you! 🙂
Thank you Cliftonn! Please make Videos about Kadence more often! You are the best teacher on the internet! Could you make video for freelancers - how to deal with clients? Modeling how to gather info from him properly, how to make a prototype/site that he really loves... How to transfer a website to a client... And how to get money in a right way so as not to waste time and not be left without payment. Please help us the newbie-freelancers. We are the most grateful audience! Please do it! And one more thing - make a tutorrial about webdesign. How to make a website from wireframes, and then choose the right colors for it. Where and how to look for good examples (colors, composition etc) to use them. And so on
Thank you very much Victor! I'd love to teach on those subjects you mentioned. Thank you for the suggestions and I will add them to my topic list. 🙂
@@CliftonWP Thank you Clifton! I'll be looking forward to it! Please add to your list one very essential thing for the newbies: How to make portfolio quickly? What to show potential clients? There is a vicious circle: no portfolio - no clients. No clients - no orders. If there are no orders, there will be no portfolio...neither real experience. How to start a poor beginner? What advice would you give to your students who study with your lessons? How to find real customers and get real money?
Clifton, love you man. great channel.
Thank you so much!!!
wow, what a voice!
Glad to see you're back Clifton! Amazing tutorial as always!
Thank you Markus!
As always, MARVELLOUS tutorial. You are a AMAZING "teacher", love all your videos. Thanks thanks thanks ❤ Hope to get and see more content from you soon!
Thank you Carmelo! I appreciate you!
MR. Clifton you are the best and excellent Kadence tutorials, may you explaine how to make infinite scroll posts in kadence not blog but in posts .
thank you
Thank you! Kadence Pro has infinite scroll for archives. If you want to use it for posts you'll have hand code it or look for a plugin that can achieve this. 🙂
Long time since your last video Clifton. This one is very interesting and versatile on the applications that can be made. Thanks for sharing your knowledge.
You are very welcome! Thank you Peter!
...And Peter! Thank you so much for your support! I appreciate you. Thank you!
Great guidelines, dear I will be great full to you if you make a tutorial on DOM elements page speed insight...??
You really deserve much more than 4.2k subs. You will easily get 100k if you continue. Try to figure out a way to have short vids too, like 10-20 mins and I think you will get a lot more subs as your claririty is 100%, quality of video 100%, ease of understanding and following 100%, well done!
Thank you so so much!!!! I really appreciate that and will keep creating content! Thank you!
Please tell me the screen size of your computer. Mine is 14 inches. When I design with Gutenberg Editor, I can't preview the actual content size and actual look. After I design anything I always need to view in a new window. Is it because of the screen size? Thank you!
Thank you! Could you make a tutorial on how to make a card block? It's one of the most used blocks but it's missing from Kadence. Or am I wrong?
Thank you Ana! The closest block to a card block in Kadence Blocks would be the Info Box block. I'll put a tutorial around this in the schedule. 🙂
Clifton how can you rank number 1 in google??