- Видео 14
- Просмотров 145 036
WordPress Guru
Добавлен 11 май 2019
GSAP Scroll Animations in WordPress with Bricks Builder - No Code
Hello Everyone,
In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Bricks Builder in this Tutorial but the process is the same for any other page builder out there like, Elementor Page Builder or Oxygen Builder as well, if you have any questions then you can ask in the Comment section below.
LIKE & SUBSCRIBE
In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Bricks Builder in this Tutorial but the process is the same for any other page builder out there like, Elementor Page Builder or Oxygen Builder as well, if you have any questions then you can ask in the Comment section below.
LIKE & SUBSCRIBE
Просмотров: 415
Видео
GSAP Advance Animations in WordPress with Elementor + Motion Page | No Coding
Просмотров 380Месяц назад
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the C...
Advance Posts Layout using Elementor Loop Grid
Просмотров 1862 месяца назад
Hello Everyone, in this tutorial I will show how to make Advance looking layout for your Posts, News sections or even for Custom Post types using Elementor's Loop Grid widget. I will not use any extra plugin. Only one line of CSS is used, so I will add that in the Pinned comment, so you will be able to copy it as well. LIKE & SUBSCRIBE Buy Elementor Pro: bit.ly/48tmCQz
GSAP Scroll Animations in WordPress with Elementor + Motion Page | No Coding
Просмотров 5742 месяца назад
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there, like Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the C...
Make Advance Hero Animations in WordPress with Elementor + Motion Page | No Coding
Просмотров 5614 месяца назад
Hello Everyone, In this video, I will show How to make Advance Hero Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but you can use any page builder like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the Comment section below. LIKE & SUBSC...
GSAP Advance Animations in WordPress with Elementor + Motion Page | No Coding
Просмотров 1,2 тыс.5 месяцев назад
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the C...
Make Advance Landing Page on WordPress for Free from Scratch
Просмотров 1 тыс.5 месяцев назад
Hello Everyone, In this Video I will show How to make an Advance Landing page on WordPress for Free, using Elementor Page Builder Free Version Only. I will make the Complete Landing page from Scratch. This is a Beginner to Intermediate Level Tutorial. 0:00 Introduction 0:57 Elementor's Features to Enable 2:18 Start Making the Landing Page 46:20 Like & Subscribe Download Complete Landing page: b...
GSAP Scroll Animations in WordPress with Elementor + Motion Page | No Coding
Просмотров 1,5 тыс.5 месяцев назад
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builders out there like, Bricks Builder or Oxygen Builder as well, if you have any questions then you can ask in the ...
Advance Scroll Animations in WordPress using Elementor + Motion Page | No Coding
Просмотров 6 тыс.Год назад
Hello Everyone, In this video tutorial, I will show How to make Advance Scroll Animations based on GSAP (Greensock Animation Platform) in WordPress using a Plugin called Motion Page without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well, if you have any...
GSAP Advance Animations in WordPress with Elementor + Motion Page | No Coding
Просмотров 21 тыс.Год назад
Hello Everyone, In this video, I will show How to make Advance Scroll Animations based on GSAP in WordPress using a Plugin called Motion Page and without using any code at all, I will be using Elementor Page Builder in this Tutorial but the process is the same for any other page builder out there like, Bricks Builder or Oxygen Builder as well if you have any questions then you can ask in the Co...
How to make a Sidebar Menu in WordPress using Elementor | No Plugin or Code Required
Просмотров 14 тыс.Год назад
Hello Everyone, In this video, I am showing How to make a Sidebar Menu or Sticky Vertical Menu in WordPress using Elementor without using any extra plugins or any code. This is an updated video for 2023, as in my last video I used an extra Plugin and some CSS code to make this, but in this video, I am not using any extra plugin or any code at all. There are two parts to this Video. In the First...
How to Install WordPress in Less than 2 minutes in 2021
Просмотров 912 года назад
Hello Everyone, in this short video, I showed how to Install WordPress on your Domain in Less than Two Minutes... Yes, you heard it right, in less than 2 minutes. If the video helped you in any way then please LIKE & SUBSCRIBE to my Channel. Thanks Copyright Free background Music in Video: ruclips.net/video/EP625xQIGzs/видео.html
How to Add A Sidebar Menu with Elementor - 2022
Просмотров 97 тыс.5 лет назад
Hello everyone, in this video I have shown HOW TO MAKE A STICKY SIDEBAR / VERTICAL MENU in WordPress using Elementor Pro Page Builder. This method will work with any WordPress Theme, if you found something unclear in the video then please comment below and I will try to reply as soon as possible. And if this video helps you in any way then please LIKE this Video and SUBSCRIBE to my channel. Thanks
Please help me, i click the button " save timeline" nothing happens on frontend,help mee
Please contact motionpage support.
were can i get the image
You can download this from www.pexels.com/ But you will need to cut out the circle part to make it transparent.
What a pity you didnt mention you were using PRO!
Hello 👋🏻 Are you going to stop using Elementor? 😢
Haha No, I will be making more Elementor Tutorials soon. 🙂
@@wordpressguru24 Great 👍🏻 !
i have this plugin but can i use this without license
No, you cannot.
Cool but if you have a long page then the photo will cover the rest of it unfortunately.
No, just set the overflow to hidden, it will not show outside of the section.
@@wordpressguru24 Ah yes of course. Rookie mistake. Thanks for the reply!
motion page install or download kaha se kare ?????????????? it's argent kisi ko pata ho to btao
It's a paid plugin, you can Buy it from their website: motion.page/
Free vala koi plugins hai iske jesa
Is this a pro version?
Yes.
P.S: I didn't make it Mobile Responsive in this video because it was not much practical for this Tutorial. 🙂
really good. hope to see in bricks too ...
I am planning to start making Bricks + Motionpage tutorials soon. :) But following this tutorial you can achieve same result in Bricks as well.
@@wordpressguru24 yes I know the concept is impotant and no problem with that. But it is easier and enjoyable for me to see it in bricks. Choose what you are OK with it. 👍 The important part is the same
@@hosseinkhanmohammadi4770 Right.
you need elementor pro for this
Why is options not hiding
Custom CSS Code used in the tutorial: selector:hover img{ opacity: 1; } @media only screen and (max-width: 600px) { selector img{ opacity: 1 !important; } }
What about small devices?
You can easily make it mobile responsive as well, you just need to make a different timeline for Mobile devices in order to achieve the exact result, I did that in my recent video, you can check that out for better understanding.
SO cool! Pls luv to see more covering Motion Page
Thanks 🙂
Nice ! Keep going 😎
Thanks :)
@@wordpressguru24 Hello ! Could you add a link to download the Templates of each tutorial? 🙏🏻 (Like the channel of Kokoro Web Animation). I would be very grateful if you do it. 🤩 Like your tutorials 👍🏻
@@mariopereira6018 Sure.
@@wordpressguru24Many thanks ! Really appreciate it 😎🤩
@@mariopereira6018 Download Link added in the Video Description. 🙂
How can we get the background video?
You can get free videos from different websites, like: www.pexels.com/
what is plgin name ?
motion page. motion.page/
Is it for free??
No, it is a paid plugin@@benelfkihomar4136
Hello, Great job! Like your videos. Missing Responsive for Mobile too :( Please, can you add it for next videos? I'll appreciate it !
Can u do this with code
Yes you can make it with code as well.
Promo*SM
Make more videos like this
Did you find it?
Did you find it?
@@sidb3989 what?
where did you find the photo?
Very well explained!
The link is not working :(
I updated it, please check now.
@@wordpressguru24 , tks so much, i love the video
Love from india❤ keep it up🔥 best of 🤞 luck
Thanks. 🙂
hey, is this motion plugin free?
No, it's a paid plugin. You can buy it from: motion.page/
Hi. What about the mobile version?
You can easily make it mobile responsive as well. :)
@@wordpressguru24 It wasn't a question) It would be good to show about mobile adaptation in the video. 60-70% of users visit the site from a smartphone. To know for sure, it's worth doing something like this at all. When you see the mobile version in the manual, all doubts disappear)
Right, I will make a different video for Mobile responsiveness if required.@@jjes.studio
@@wordpressguru24 If it's not difficult) In general, this is a wish for the future, always take into account the mobile version.
It makes the video longer, but I will keep that in mind for future videos, Thanks :) @@jjes.studio
Top video content!
Thanks. :)
Woww what a video bro...❤❤❤❤🎉🎉🎉
Thanks 🙂
Powerful information sir . ❤
Thanks 🙂
Thank you for tutorial. I have some questions. Motion.page is better than motion effects in elementor? and it better for Google Pagespeed test?
Yes, Motionpage is way more advanced as compared to default elementor motion effects, it is based on the Greensock animation platform (GSAP), which is a JS library for advance animations, and GSAP animations are lightweight as compared to other animations.
Luv GSAP!
Greta job. More Elementor and motion.page videos please....
Sure. :)
Hi my friend thanks for your video, I have a question, how connect mi account of wordpress with Motion Page, because I´m looking in the window of plugin in worpress and i can´t found, can you help me please?
It is a paid plugin, here is the link to their website from where you can purchase the plugin. motion.page/
Why did you stop creating these videos (motion page + Elementor)? they are very good
I will make more videos soon, just a little busy at the moment and unable to make new tutorials, but I will make more motion.page + Elementor tutorials soon.
After creating following your method, i was able to design, but after publish on entire website my content is now showing, although it is scrolling down but without content and menu is stick, what is the problem,
i need this plugin where should i contact with you ?
Is this mobile responsive?
Yes it is.
i want this plugin can you please give me
You can Buy it from : motion.page/
Amazing video. I think alot of viewers here would appreciate if you could just share in a comment the reason and meaning behind the html tags so we can understand when and why to apply for those animations Thanks in advance
Awesome tutorial! I love how you explained clearly and concisely how to create advanced animations with GSAP in WordPress using Elementor and Motion Page. It really helped me grasp this technique better and bring my web projects to life. Your examples were fantastic and inspired me to experiment with my own animations. Thanks for sharing your expertise! Looking forward to seeing more content like this in the future. 👏👏👏
I am glad it helped you. :)
GREAT VIDEO!! THIS IS THE BEST TUTORIAL I HAVE SEEN ON THIS TOPIC!!!! WOULD LIKE TO KNOW WHERE I CAN GET THOSE TYPE OF IMAGES AND VIDEO THAT WOULD FIT FOR THIS TYPE OF IDEA? THANKS IN ADVANCE
There are plenty of royalty-free video and images websites available, you can get these from those websites.
Why do you start by creating a container with the HTML tag section? Is this needed?
Yes it is needed.
I need to show side menu entire website like header and footer
will this menu appear in entire website or only edited page.... please reply
will this appear in all page or only edited page...
is this will apper in entire website...or on a particular page...
Now do you edit side bar menu same as header menu? and how do you make categories drop down? how do you add it to a full website template? Thank you
is this will appear on all page...?