Learn how to make your news website stand out with Greenshift Query & Animation! This tutorial covers everything you need to know about using Greenshift in WordPress Gutenberg for query loops and animations.
Most Value Greenshift Animation and Query Addon + more
↪ https://tchs.li/gsallin1
Less Value Greenshift Animation and Query Addon
↪ https://tchs.li/gsdesign
Quick Start Tutorial
↪ https://tchs.li/blogtut
Recreating(ish)
↪ https://news.google.com/home
Ascii code for the circle ( • ):
↪ https://www.asciicode.com/
Resources
↪ Free Greenshift Plugin: https://tchs.li/gsfree
↪ Free Greenshift Theme: https://tchs.li/gsfreetheme
↪ Greenshift addons: https://tchs.li/greenshift
↪ Prebuild section: https://tchs.li/thestore
⌚ Timestamps ⌚
00:00 Intro
00:33 Setting up and Quick Start
01:59 Let's make our life easier
02:57 Let's Get Started!
03:14 Adding Blocks
03:47 Add Today's date and use Variables
04:24 Query Loop Builders
05:15 Adding a Class
06:50 Card Design
08:45 No rounding corners
09:00 Card Design part 2
12:08 Creating the post loop
13:47 Rename Class
14:38 Image Class Issue
16:29 Finished Query Loop
16:34 Spicing up the Query Loop with Animations
18:20 Outro
If you enjoyed this video, please give it a thumbs up; this way, I know I should create more videos like this.
Remember to subscribe to my channel so you don't miss out on new web creation videos.
Do you think it was fast and accurate?
Visit my website for more web creation tips and tricks: https://techies.review
Thanks for watching, and keep designing!