In this video I will show you how I like to add page transitions to a WordPress website. This will be a more advanced tutorial as it will require custom coding. I won't be using any page transition plugins as I find them very limiting when it comes to customization and performance.
The method I will be using is 100% CSS code so there won't be any extra JavaScript bloat to your website.
Code Snippets Plugin:
https://wordpress.org/plugins/code-snippets/
CSS Code:
https://wickydesign.com/wordpress-page-transition-tutorial/
Timestamps:
0:00 Introduction
1:50 Global Page Transitions
11:35 Target Certain Pages
#WordPress #PageTransition #WordPressCSS
Our Recommended Tools
Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!
WORDPRESS PLUGINS:
✔️ Elementor Free: https://trk.elementor.com/jwrh6ghjtz9w-webbuilderblue
✔️ Elementor Pro: https://trk.elementor.com/4776
✔️ Crocoblock: https://crocoblock.com/?ref=2562
✔️ Ultimate Add Ons: https://ultimateelementor.com/pricing/?campaign=UE&bsf=8362
✔️ Elementor Custom Skin: https://gumroad.com/a/545789043
✔️ All In One SEO: https://www.shareasale.com/r.cfm?b=1491200&u=2081667&m=94778
BUSINESS TOOLS:
✔️ Dubsado: https://www.dubsado.com/?c=wickydesign
✔️ MailerLite: https://www.mailerlite.com/a/jrdqblbizo
✔️ Wave: https://waveapps.com/
GRAPHICS:
✔️ Adobe: http://clkuk.tradedoubler.com/click?p=264355&a=3228525
WEBSITE HOSTING:
✔️ KnownHost: https://www.knownhost.com/?aid=71319c26
------
For more information regarding our web design and branding services, please visit https://wickydesign.com
The method I will be using is 100% CSS code so there won't be any extra JavaScript bloat to your website.
Code Snippets Plugin:
https://wordpress.org/plugins/code-snippets/
CSS Code:
https://wickydesign.com/wordpress-page-transition-tutorial/
Timestamps:
0:00 Introduction
1:50 Global Page Transitions
11:35 Target Certain Pages
#WordPress #PageTransition #WordPressCSS
Our Recommended Tools
Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!
WORDPRESS PLUGINS:
✔️ Elementor Free: https://trk.elementor.com/jwrh6ghjtz9w-webbuilderblue
✔️ Elementor Pro: https://trk.elementor.com/4776
✔️ Crocoblock: https://crocoblock.com/?ref=2562
✔️ Ultimate Add Ons: https://ultimateelementor.com/pricing/?campaign=UE&bsf=8362
✔️ Elementor Custom Skin: https://gumroad.com/a/545789043
✔️ All In One SEO: https://www.shareasale.com/r.cfm?b=1491200&u=2081667&m=94778
BUSINESS TOOLS:
✔️ Dubsado: https://www.dubsado.com/?c=wickydesign
✔️ MailerLite: https://www.mailerlite.com/a/jrdqblbizo
✔️ Wave: https://waveapps.com/
GRAPHICS:
✔️ Adobe: http://clkuk.tradedoubler.com/click?p=264355&a=3228525
WEBSITE HOSTING:
✔️ KnownHost: https://www.knownhost.com/?aid=71319c26
------
For more information regarding our web design and branding services, please visit https://wickydesign.com
- Category
- Web design
Be the first to comment