Creating sliders with the Customizr WordPress theme PRO prod


Howdy web designer!

You’ve downloaded the Customizr theme and of course you want to have a beautiful slider on your front page. But you don’t know where to start from to do that.

This is exactly why I have published this step by step short tutorial.  You won’t believe how quick and easy it is! (check this video for a quick introduction).

I am assuming you have done the following pre-requisites :

1 installed last version of Customizr from your WordPress admin panel

2 logged into your WordPress admin

3 Opened the front page customizer section and see the dropdown list below :

default-customizr-slider

1. Go to the media library

wordpress-media-library

 

2. Open a media and set the slide’s options

 

1  From the Media Library, click on an image that you want to add to your slider
2  Click on the “Edit more details” link on the right of the screen (not the Edit button)
3 Scroll down and find the Slider Options box (see the screenshot below)

 

customizr-theme-adding-an-image-to-a-slider

 

3. Adding optional call to action content

Here you can set the optional call to action content : title, description, color (of title and description), button, link.

Leave those settings empty if you only want to display an image.

 

customizr-slider-call-to-actions-settings

 

4. Creating a slider name

If you haven’t created any slider, you will see the following message : “You haven’t create any slider yet. Write a slider name and click on the button to add you first slider.”

Just type a name and click on “add a slider”.

customizr-add-a-slider-name

Once clicked on the button, your slider is created and you will see that your image has been added in it (see below).

customizr-slider-adding-a-slide

 

5. Adding another slide to an existing slider

Now you might probably want to add other slides to this slider. Then just open a new media and follow the previous steps.

Once done, you should now have 2 slides in your slider (see below).

customizr-list-of-slider-slides

 

6. Reordering the slides

Reordering the slides is done manually by dragging and dropping your slides, see the screenshot below :

customizr-reordering-slides-drag-and-drop

7. Displaying a slider on the front page

Now go back to customizer (click on customiz’it to go there), open the front page section and click on the slider dropdown list. You should see your freshly created slider in the list now.

Just select it, save and you are done.

customizr-list-front-page-sliders

 

8. Displaying a slider on a post or a page

Open a page or a post and go to the bottom of the screen. There you’ll find a metabox called “Slider Options”.

Click on the iphone like button and select your wanted slider in the dropdown list.

 

customizr-select-a-slider-for-page

9. Deleting a slider

On the top right corner of the slides list, you’ll find a clickable link called “Delete this slider” (see below). Just click it and confirm the action in the pop in window.

customizr-deleting-a-slider

 

 

10. Creating a slider in Customizr : (quick) video demonstration!

 

JOIEprod