Slider

How to create Sliders

  • août 20, 2012

Using Sliders can now be used on all and any pages/posts. In previous versions of KingSize WordPress, this was restricted to only the homepage – hooray for updates!

To learn more about Homepage Background usage, checkout our Tutorial on « Background Sliders and Background Videos » for the purpose of homepage usage. In this tutorial though, we will be specifically discussing how you create the Slider Items and how they can be used throughout the website.

First, log into your Dashboard and in the menu locate « Slider ».

The first thing we want to do is create some Slider Categories, so mouse over the « Slider » menu item and you will see « Slider Categories ».

Let’s create two Slider Categories:

1.) This first category will be « Homepage » and will be for the purpose of using the slider on the homepage of your website.

2.) The second category we will create is « Photos » and will be used for the purpose of the Photos portfolio (or anywhere else).

Now again, mouse over the « Slider » item and this time we want to select the menu item « Add New » to create some new slider items for use.

It’s pretty straight-forward from here…

First we will give our new slider item a Title (this is required but can be disabled from showing on the frontend of your site by going to your Theme Options > Home Settings and disabling the Title and Descriptions from showing on the slides).

Then we will add some contents (this is optional and can be disable from within your Theme Options > Home Settings).

Each Slider post you create is an individual slider item (ie., image). So here we will use the « Featured Image » option to assign our slider image. So locate the right-side column and you will see « Featured Image », click this and you can upload an image from your computer, or select one from the « Media Gallery » already uploaded and assign it as the featured image. You must select the « Show » link beside the image to see the option that allows you to assign it as your featured image.

Those are the most important and required steps. Now select from the « Categories » box which category you want this assigned to or you can create a new one.

Slider Write Panel Options

Beneath the Content / Text area, you will see the « Slider Settings » area, it is here you can define a few extra options specific to this post / slide.

Custom Learn More Link: If you do not insert a link, this option will not appear on the slider image. However, if you wish to link your slider item to another post, page, or offsite link, you simply need to insert the URL into this field.

Custom Learn More Text: By default it shows « Learn More », you can change that by inserting your own text within this available field.

Open in a New Window: By default it will open in the same tab / window. However if you’re linking offsite, you want the link to likely open in a new window. Check this box.

In conclusion to your Slide Item being added

Now once you have finished customizing that slider item, you will « SAVE » / « PUBLISH » it to finalize the work. This item will only show when you’ve assigned it somewhere.

So for example, should you have assigned it to the « Homepage » category and inside your « Theme Options > Home Settings » selected the « Homepage » (by using the Category ID from within « Slider > Slider Categories ») as your main homepage category, then this image will appear on the Homepage slider. Otherwise, until you have assigned that to a page/post/homepage, then it will not be viewable by the visitors/guests of your website.

If you have created a second Slider Category, such as « Photos » and would like for this to be displayed within a page/post of your choice, open that page/post to Edit it and inside the write-panel you will find an option to assign the Category ID for the Background Slider to be used.

Background Slider & Background Videos

  • août 20, 2012

In the release of version 4, we have introduced not only the Video Background capabilities, but a new and improved Background Slider script using the ever popular Supersized.

With previous versions of KingSize WordPress, we had a Theme Option where you would upload your Backgrounds and sort them there. In the release of version 4, we have created a new post-type that is specific to the Slider. It is here you will now create, manage and organize your slider images and jammed with a lot of new options and features for your usage.

First and most importantly though, allow us to clarify a detail for those of you who are past buyers updating from previous versions to version 4.

Fear not, your background images will not be lost from the previous versions. Once you have installed your updated version of KingSize WordPress v4, go to your « Theme Options » and « SAVE » the settings. by doing this, it will carry over your original settings defined, and import your slider items into the newly created Slider post-type automatically.

Let’s take a moment and explain a little about both types of Backgrounds, Slider vs. Videos and how you will be using them.

Slider / Background Theme Options

Inside your Dashboard, go to « Appearance > KingSize Options » and you will locate a tab titled « Home Settings« . It is here you will define your homepage slider / video options used.

Background Type for Homepage: Here you will define whether or not your homepage will use the « Image Slider » or « Video« .

If you select the « Video » option as your homepage, scroll down to the bottom of this page and you’ll see the corresponding Video Options which we’ll explain a little more about shortly.

Assign Homepage Slider Category: With the release of version 4, we have included the ability to use Sliders on multiple pages. So to have a specific slider for your homepage, you will want to create a category for it (ie., Homepage). Beside each Category you create (inside the Slider post-type) you will see an ID number. This is what you’d place inside this area as well corresponding areas throughout the website when using the unique slider categories on pages and posts.

Assign Number of Slider Items: By default if left empty it will display all slider items in the ID you have specified. However if you want to only display 5 of those slider images, then you would define that number here.

Slider Intervals: Here you can define (in milliseconds) how fast the images change.

Slider Transitions: Here you can define (in milliseconds) the effect time on changes.

Slider Transition Types: As a default, the slider will use « Fade » but you have the option to choose from the others in this drop-down selection.

Slider Order: Define the order in which the slider items are displayed.

Slider Titles & Descriptions: Choose to enable or disable these from showing.

Slide Controls: Choose to enable or disable these from showing.

Slide Controls Positions: Here there are two options, either « Above » or « Below » the Title and Descriptions. When using longer descriptions / text on your slide items, you will want these controls to be displayed below. If you’re using 1 to a maximum of 2 lines of text, then they will appear fine with being placed above. Otherwise, more than 2 lines we would recommend you use the « Below » placement for the best presentation on your website.

Homepage Video Options

In order for videos to work on your homepage, you need to use the option « Background Type for Homepage » and assign it the Video selection.

Using either « YouTube, Vimeo or MP4 » please insert your video URL.

Next select whether or not you want it to « Automatically Play », « Repeat Video Continuously » and/or show the control bar (for Pause / Play, Next / Previous).

Now make sure to « SAVE » your settings once you have completed the setup.