WordPress Slideshow Tutorial: How To Add a WP Orbit Slider

Sometimes it is nice to add some interactivity to your pages. A Home, About or Gallery page can spice up user interaction with the addition of a slideshow, for example. You might assume that cool javascript tricks such as this are out of reach for beginners. However, today I am going to show how you can integrate a great looking slider on your site all with a few simple clicks (and without writing a single line of code).


Step 1: Go Fetch

First, lets take some time to go to the WordPress plugin page for the WP Orbit Slider. Once there, you can read through some of the documentation, faq’s and more. When diving into the use of any plugin, it is a good idea that you familiarize yourself with its area on the WordPress plugin repo as you may find tips that could save a bunch of time.


Step 2: Install

Next, lets get the orbit slider installed on your WordPress blog. We could download the plugin straight from the repo, upload it via FTP and then install it manually. However, thankfully WordPress has a built-in area to take care of that for you.

Log into the WordPress dashboard, then find the plugins page. Next, click “Add New” at the  top of the page. Search for the plugin by typing “WP Orbit Slider” into the search field.

Once the plugin has been found in the search, simply click “Install Now”. Pretty easy right? Once you have become familiar with this process, the entire WordPress Plugin Repository will become your virtual playground; experiment and have some fun!


Step 3: Setting Up The Slider

Next, we can set up the slider to display on any page that you would like but first we need to add a few slides. To begin adding slides to your new slider simply head back to your WordPress Dashboard. Now, locate the item on your navigation sidebar that says “Slides”, click and jump into the slides main page. Just as with the plugins before, we can now begin to add new slides to our slideshow. If you would like a bit more of a walkthrough, check out the video below for a step by step introduction to adding slides to our slider, declaring them as featured images and adding a descriptive title.



Step 4: Start Sliding

Finally, we can add our WP Orbit Slider to the desired page. To do this simply head over to the lucky page within your WordPress dashboard admin. Select “edit” and within the editor place the slider by typing in this shortcode

[orbit-slider]

Now, click on the Publish button and voila! Your new slideshow should be working in full force now. At any time, you may add this slider to another page. It is up to you!




I hope that you have found this tutorial to be an insightful look at how even a WordPress beginner can pull off professional level results with the help of a really neat plugin. Do you need some extra help setting up a site of your very own? Don’t hesitate to let us know via our contact page.

 


About Brock Nunn

Brock Nunn is a web designer and developer specializing in building custom WordPress for over three years. Brock operates through his company Brock Nunn Web Design offering clients personal service with outstanding results. You can follow Brock on twitter @banunn.

3 Comments

  • philly says:

    There is no shortcode posted

  • tshewangL says:

    Hi Brock,

    THank you for the Tutorial. But in your Step 4: you said paste this shortcut code in the lucky page, so what do you mean bu shortcut.
    ANd i have followed the same step but my slide won’t show up in the home page.

    Can you please Help 🙁

    THank you

    ^_^

  • Brock Nunn says:

    Hi there! In order to get the orbit slider up and running, you will be able to use the shortcode “[orbit-slider]” within the page editor area. If you are integrating the shortcode into a template, you can insert it via the template tag

Leave a Reply

What is 8 + 11 ?
Please leave these two fields as-is:
IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)
Start planning your project today. Get Started