Tip:
Highlight text to annotate it
X
In today's tutorial i'm going to show you how to install Magic Slideshow in WordPress.
If you go to the main product page you'll see the WordPress icon on the right hand side
which will take you to the Magic Slideshow for WordPress page. Slideshows are a great
way to display one image after another, with optional text, hyperlinks, headings and arrows.
They're effective and very easy to install. So let's install ours now by downloading the
demo version of the WordPress plugin. Next, go to your WordPress admin area and select
Plugins. Click Add new and then click Upload. This will take you to the Upload page. Browse
your computer for the plugin you've just downloaded, this will be a zip file called mod wordpress
magic slideshow. And select Install now. Once that's done select Activate Plugin. You can
see under Plugins, Magic Slideshow is now showing. Because we're adding a slideshow,
the easiest way to display your images is attach them as a gallery. To do this you’ll
need to attach them to your post or page first. This is done in the Media section. You can
see i've already attached some on my images. I'll attach the last one to show you how it's
done. Go to the relevant image and select Attach. I'm going to attach this image to
a post called Magic Slideshow example. From the results mark the one you want and click
select. Next go to the page or post you're working on. Notice i'm working in the HTML
view not the Visual view. Rather than add each slideshow image manually we're going
to add a gallery. Select the image icon and choose the Gallery tab. You can see all the
images I've attached to my post are listed here. You'll notice my top image has a title
that doesn't make sense, so i'm going to change this. The text that appears in this Title
field will appear automatically under your image in the slideshow. Once you've saved
your changes we can now insert the gallery. And you can see in my post the word gallery
has appeared rather than all the image references. If you preview what we’ve done so far you'll
notice the slides scroll automatically or the scroll can be controlled by the navigational
arrows at the side. And the text displays under each image. Now that Magic Slideshow's
installed, let's make a couple of customizations. Go back to your WordPress admin area and select
the Magic Slideshow plugin we installed earlier. You'll be taken to a page called Magic Slideshow
settings. Here you can make incredible changes to your slideshow very easily. I'm going to
change my slideshow so instead of the images scrolling they’ll fade instead. And also
have the same effect when the navigational arrows are clicked. You can do this under
the Sliding Effect section. I'm also going to change the slideshow speed from five to
two which will make it faster. Always remember to save your settings when you make changes
to this page. Now, if I reload my web page you can see my slideshow is now fading instead
of scrolling, and it's much faster. If you're not sure how you want to display your slideshow,
go to our Magic Slideshow Examples page. Whether you want a text or image slideshow, maybe
vertical thumbnails or text pop ups this page will give you some great ideas. All the HTML
code for our examples and more can be found on the integration page. And don't forget
your Magic Slideshow settings page. Try all the options and see what works best for your
WordPress website. There's a Contact Us link at the top of all our web pages. So if this
video tutorial hasn't answered all of your questions about Magic Slideshow or if you
have a question about one of our other tools, get in touch. If we're not online when you
send your message through, we'll get back to you the very next day. And that brings
us to the end of this tutorial. Thanks for watching.