Create a Back to Top Button - Module 4-3 - Building a WordPress Classic Theme with Pinegrow
VloĹžit
- Äas pĹidĂĄn 30. 07. 2024
- The Interactions Module in Pinegrow is useful for adding all sorts of interactivity and animation to your project. Powered by the GSAP library, Pinegrow's interaction module gives you a simple and visual way to build complex interactions. This video shows an example of creating a back to top button that changes visibility and performs a smooth scroll back to the top of the page.
đ Note: This feature was in beta when I recorded the video. It's now been released to production.
𧰠Resources:
⢠Course Playlist: ⢠Building a WordPress C...
⢠Course info and resources on GitHub: github.com/adamslowe/pinegrow...
⢠Download the course files: github.com/adamslowe/pinegrow...
đ§Course Navigation
⢠Module 1 - Prerequisite Information and Project Setup
⢠Module 2 - Creating the Theme Templates
⢠Module 3 - Custom Post Types and Custom Blocks
⢠Module 4 - The Kitchen Sink
Module 4-1 - Working with Custom Fields
Module 4-2 - Theme Internationalization
Module 4-3 - Create a Back to Top Button (You Are Here)
Module 4-4 - Useful Code Snippets
Module 4-5 - Saving the Project and Theme
Module 4-6 - Using Alpine.js in Custom Blocks
đ My Websites:
⢠adamlowe.io
⢠peakperformancedigital.com
â Connect with Me:
⢠Facebook: / peakperformancedigital
⢠LinkedIn: / adasmshawnlowe
⢠CZcams: / @adamloweio
⢠Twitter: / @adamslowe
âď¸Tools I Use:
⢠WordPress.org: wordpress.org/
⢠Pinegrow Website Editor: pinegrow.com/
â Timestamps:
00:00 - Intro
00:32 - Button Behavior
00:53 - Setting up interactions
01:14 - Back to Top
02:48 - Button Visibility
05:00 - Showing it in action
đ Note: I'm not affiliated with Pinegrow in any way. I'm just a happy, paying customer who wants to see the product continue to grow and thrive, and to help build a more active community around it.