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
↪ tchs.li/gsallin1
Less Value Greenshift Animation and Query Addon
↪ tchs.li/gsdesign
Quick Start Tutorial
↪ tchs.li/blogtut
Recreating(-ish)
↪ news.google.com/home
Ascii code for the circle ( • ):
↪ www.ascii-code.com/
👇 Resources 👇
↪ Free Greenshift Plugin: tchs.li/gsfree
↪ Free Greenshift Theme: tchs.li/gsfreetheme
↪ Greenshift addons: tchs.li/greenshift
↪ Pre-build section: 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: techies.review/
Thanks for watching, and keep desi
コメント