Slider Revolution Tutorial WordPress - Multi Image Slider
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- Slider Revolution Tutorial for WordPress
Learn the basics of building your first Slider Revolution 6 Slider. Learn how to create a slider, add new slides, add animation, global layers and much more.
This Slider Revolution Tutorial will help you get to grips with many foundation skills ready to start building your own multi-image sliders.
Slider revolution 6: revolution.themepunch.com/
AFFILIATE DOWNLOADS
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
- SLIDER REVOLUTION 6 - bit.ly/2NYr8NV
SUBSCRIBE
bit.ly/2rX7rhu
LETS CONNECT:
/ wptutz
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk - แนวปฏิบัติและการใช้ชีวิต
Learn how to build your first multi-image slider in Slider Revolution 6.
Holy sh#t take a breath! Pause ..... You obviously know this program in and out but we are trying to learn. Please slow down. Not everyone thinks fast.
Can you make a video or do you have one already on Global layers? I am trying to make a image with 5 pictures on in the front, and so on
nabil libre I’m old lol my brain works like joe Biden’s. Slow!
@nabil libre Me too! I watch it at 1.50 to get to the point I need :)
Really helpful instruction video for a beginner who just wants to do a basic slider. Nice, clear instruction. I really appreciate it. Thanks!
This is a great tutorial, Slider Revolution has been difficult for me to learn but this helped out a lot. Appreciate it! thank you, man. I love you 😘
Wow thanks. This was a great tutorial! Slider Revolution has been difficult for me to learn but this helped out alot. Appreciate it!
thank you so much for this great tutorial! I appreciated that you gave an overview and then went into detail. Very clear and useful!
Brilliant tutorial that got me up in running in 30 minutes. Thanks so much!
I love your all tutorials 🥰
This is a great tutorial, thank you. I've managed to figure out how to add three rounds of typewriter text into one slide - usually WAY above my ability, so thank you. For the life of me I can't figure out how to make the third round end before the slide transitions. It moves on to the next slide halfway through the third round and it's killing me.
Thank you Paul, great tut :)
Thanks, Ive received the slider bundled in a theme but I struggled to use it. Your tutorial is a great help
WOW! What an awesome tutorial!! I watched this video multiple times. I hope to create a beautiful website!! Wish me luck. Thank you!
Thank you for great tutorials.
Good basic tut. Saved us all a lot of time descovering... ty
Wonderful tutorial. Thanks so much!
This is g great tutorial. Really helpful for beginners. Thank you.
This tutorial helped me out a lot .. thanks much
You move quickly great job - Thumbs up!
I'll keep this short: Thank God for your tutorials!!!
On another hand its sad how convulted it is that you need 30 minutes to expain how to make essentially glorified video editor or power point.
Great video as always thanks, just curious about how heavy the plugin is and also when creating the slides for elementor pro... Is it heavy on the page too.
Last question is it possible to create verticle and horizontal slides together?
Thanks again, 👍😊
Very good tutorial, thanks for this! 👍🙏
Thank you for your video, it is well-detailed and useful.
Great video. Thank you for this helpful video!
Great tutorial! Thank you :) 👍
I was wondering if you have a tutorial to make a slider where the multiple images can be seen on the screen.
For example to see 3 images in a row, the previous and next arrows will show more images.
Also, just to be picky, lol, make the center image a little bit larger than the rest.
Any advice will be very much appreciated. Thanks! 😊
very helpful. thank you!
Thanks Paul!
It is still helpful in 2023, thank you.
Good tutorial - thanks! Did you ever get time to do the tutorial you mentioned about working with Revolution slider on various types of devices?
Thank you your video is clear and help a lot.
Hello, I liked your video very much. It was easy to follow along. When I clicked on "preview" the images don't show up. What do I need to do for them to show up? Also how do I add more photos to the slide? Do you have to choose layer each time or click slide and add new side?
Your Elementor tutorials are very helpful, thanks. I will like to ask you something. I got recently SR6. In 2016 you make "Slider Revolution: How to Create an Interactive Slider & Menu#" The SR6 has any improvement for making a navigation menu?
Nice simple and clear to understand
THANK YOU SO MUCH
thanks man its really help me
These are great tuts. Thank you! Just got Total theme and considering getting the premium slider revolution to get access to all the cool templates..Is it worth it? Or can I do almost anything with the built-in plugin?
thanks for this video.
Great stuff!
This is great!
Hey @WPTuts, your tutorials are great. I have one problem. When I turn on arrows, it doesn't display the options as it shows in your video. What could be the problem?
Great Demo Great program.
Thanks dear it helped alot
Tank you for you best tutorial
Is there another video in regards to different browser sizes please? I think this is one of the most important features of a slider! Please let me know - thank you!
great tutorial ;)
Thank you! Is it possible to add posts as slider? And how can I achieve that?
Excellent Video
Hi would you please create a video about how to use template with parallax effects and how to manipulate pre-built parameters?
Hi, great video! At the moment my first slide comes in from the top and the second one from right to left. How can i have it so all slides come in from the left? Many thanks
Beside your cool accent, your a coo tauter and with a great knowledge
Thanks for sharing your experience
Thanks Mr Yapper :)
When I first started buiding sites for clients, I fell in love with RevSlider. Over the years though, I've learned that it's bells and whistles are just not worth the bloat on a page and the server load. That's just my opinion. Now I'm just keeping it simple and using the slider in Elementor. The only real premium plugin I use is Gravity Forms and they've mastered the NON-BLOATNESS I'll call it.
Thank you.
Does version 6 have a 'helper grid' i.e. a grid that overlays the work area to help with aligning the various elements. In v 5 there was a button on the bar at the bottom of the work area that you could click to bring up the helper grid. I cannot find the same anywhere in v.6.
Great tutorial, Mad question I know, how can I make the view of the page smaller? I want to put an image on an image but the control panels obscures my view! I need to know how to look at it at less than 100%
Thank you sir
If you upgrade and have a "key" will this upgrade include being able to place arrows on sliders as you have demonstrated in this video? I have turned on the "Arrow Type" on my slider but do not have the options you are using for arrows in your video, When I used the second option and global screen I get a window that shows me links to upgrade. Thanks for clearing up what is included in the upgrade.
best learn tnks
Hey, if I am adding text layer or image layer it is getting reflected on the first slider as a popup on the top right side. how to remove that. All slider text is getting collapse and coming on the first slider-top right-hand side.
Flash Is Back! lol Layers, Keyframes, Actions, Scenes and Symbols
Exactly. This atrocity of a bloatware needs to die already in web development industry. Unfortunately it certainly doesn't look like it will anytime soon :/
hmm great. but can u give us alternative for next and back slide if we use button ?
Hey. I'm trying to use an external image in image layer content, and it doesn't work at all. always open the media panel. only using background I see the option to use external image. Is that so, or can I use an external image layer? thanks!
So by using a non-transparent background, (i.e. image), and cover, you ensure the image fits perfectly every screen with no gaps anywhere.
But what if you wanted to choose which portion of the image to show in each of the devices? I found that I have no say if I use 'image' as a slider background.
Before I watched this video, I had used transparent background and added an 'image layer', which gave me the chance to control which portion of image to show in each device. But it quickly becomes messy trying to stretch, shrink all image layers and manually control all this.
What would be the best practice please?
I use the setting for each device and adjust the image per layout. It saves per device type.
This is strange but I don't see any such settings on "Image Settings" tab, like 10:22. I wonder if something is changed or I need premium version? I need to change background position but I can't understand where are these settings.
thanks
How can I use slider revolution to cover complete header along with nav menus with the help of elementor?
Does Slider Revolution come with sound and music library?
Hello everyone. Do you know if I can geolocate an image inside a Slider Revolution?
Nice
Can you illustrte how to use the callback action? It doesnt seem to do anything thanks
Hi, I am facing an issue. We have a gym website with a before/ after pic gallery section on home page. As we are trying to new rows of pics we are not being able to do!! Can you please suggest.
Hello sir, can you make a video on how to make testimonials in slider revolution
What is the maximum number of slides you can have in one slider? Google isn't quickly returning any ansewrs. Thanks!
How do you add text that spans several slides ?
There is a pc and iphone on a slider. how do i change that image
If your largest size in the Layer Area Size is 1240x900, why do you put in the first slider image that is 1920x1080? Please explain how to size the images to the Slider size, and how that works with Elementor.
Hello, great tutorial, but, how can to text align justify, there is no option to do this
How do I add multiple slides at once, Instead of adding them 1 at a time?
how do I rotate an image in slider revolution
how to show revolution slider 3 slides at once?
Year after year always one of the most priceless plugin$ EVER!! Do #grateful100 they just keep raising the bar #THEMEPUNCHFAM for 5-6 years n w many many repeat purchases via myself and client Envato link sends
I felt like I missed an episode. How did you even get to the editing screen?
Thanks. I have a Wordpress site with WPBakery and I am curious before I buy the Slider rev if I can create smaller sliders that go mid page for my site? I don't see anywhere any info on that.
Absolutely! You can insert the SR sliders anywhere you want on your page by dropping in the SR widget in WPBakery.
Thank you.
Another good tutorial Paul loads of brownie points, sorry I have a daft sense of humour but we should enjoy life and a bit of humour helps, keep up the good work.
I have a problem with my website name
After it displays on home page it suddenly disappears
M Looking a simple partial view image carousel. I didn't find a solution. Anybody knows ? Modern apps all showing carousel with partial view. M also looking. Any body please?
what are the bloody dotted lines that appear in the workspace ? They seem to be Constraints. Also, what is the Wait prompt on the timeline ? HELP !!!!!
Can't I achieve this with elementor pro
wwoo thank u can a free version do all these? if yes how to dowload it?
Hello, I was with you up to 19 minuets in. I created a layer with coloured background then a slide with full size image to roll over the top of the coloured background. I then clicked preview. Unfortunately all I got was the coloured background. It looks like your second slide just appeared automatically without adjusting the timeline? All I am trying to do is create a 5 image slideshow with transitions. with the old version I could do it in 30 minutes. I have been on a full day with this new version without success. That's progress for you. Any help most appreciated. Baz
Managed to get 1 slide to show out of the 5 I have made by activating 1st. slide under the General tab ...
Please make a carousel video for Ver 6
why my slider is unable to move to the next slide?
These animations are great and all that, but simply adding text, without any animation is very hard to find. I can't figure out how to place text without it disappearing every 3 seconds...
Why is my slider lagging out? I only have 4 slides
amazing. Thanks but the images are not responsive
For the love of god, I've never watched a video for so long and learned so little.
is this plugin available in free version?
I'm afraid not, it's either the premium version or the one bundled with various premium themes.
Please upload the files, i want to download... Thanks
This is a paid plugin!
Thanks for this nice video...
#ilyaschaudhary
too long and doesn't explain why i just get white when adding images from wp gallery :(
Your title is to learn multi image slider. You put only one image (the first was the background) and then you started putting a lot text in it. Instead you could add multiple images like 3,4.
Sorry but you are not explaning how to transition bethween one slider to another