Plugin Installation

To install MaxSlider navigate to Plugins > Add New and search for maxslider in the search box. Once the results come back click the Install Now button.

maxslider_install

When the installation finishes click the Activate button to activate the plugin.

maxslider_activate

That’s it! MaxSlider is installed and activated.

Creating a new slider

In your WordPress dashboard navigate to MaxSlider > Add New

ms_add_new

You will be presented with the slider creation screen. Start by giving your slider a title.

ms_title

Adding slides

Now let’s create our first slide.

ms_new_slide

 

  1. Start by clicking the Upload Image box to add the slider image,
  2. next add the slider’s title,
  3. fill in the slider’s subtitle,
  4. use the input box to set the slider title’s size in px,
  5. do the same for the slider’s subtitle,
  6. modify the title’s color using the color-picker,
  7. same thing for the slider’s subtitle,
  8. fill in the text for your slider’s button,
  9. set the URL where the slider button will lead to when clicked,
  10. set the button’s background color,
  11. set the button’s text color,
  12. use the drop-down to select one of the four available button sizes,
  13. select the horizontal alignment for the slider text & button
  14. select the vertical alignment for the slider content.
  15. and finally set the background color for the slider’s content.

That’s it, you have now created your first slide. To create another one click the Add Slide button and repeat the process.

ms_add_slide

Removing slides

If you want to remove a slide just click the Remove Slide button which appears at the bottom right corner of each slide.

ms_remove_slide

Note: The remove slide button will not appear if you only have one slide in your slider.

Batch uploads

ms_batch_upload

To upload multiple images at once just click the Batch Upload button. Upload the images or select ones that are already in your media gallery and insert them. Each image will create a slide and you can then just fill in the rest of the information.

Slider Settings

Let’s take a look at the slider’s settings ( Note: these options are per-slider).

ms_slider_settings

 

  1. Here you can toggle the slider’s auto slider functionality. If you want it to only slide manually just uncheck the box.
  2. Use the drop down to switch between the available fade and slide effects,
  3. here you can set the pause between slides in milliseconds (this only applies if auto slide is enabled),
  4. The default slider height is 600px, if you want a taller or shorter slider you can configure it here, just add the number and save,
  5. Choose between dots, arrows and nothing for your slider navigation
  6. Select the desired position for the slider navigation. There are five options, the default centered and one for each corner of the slider.
  7. Set the color of the navigation arrows.
  8. Set the background color for the navigation buttons.
  9. Finally select an image size for the slider. The drop-down will list the plugin’s default image size, the image sizes for WordPress preset thumbnails and any image sizes added by themes and plugins. If you want to create custom image sizes please continue reading.

Placing the slider in a page or post

Once you are finished creating the slider you can Publish it. Next scroll down to the Shortcode metabox.

ms_shortcode

Copy the shortcode and paste it in the content on any post or page, update and you are done. Check out your new slider!

Creating custom image sizes for the slider

If you want to create a custom image size for your MaxSlider you can do that by using the Simple Image Sizes plugin.

Activate the plugin and go to Settings > Media. There you can click to add a new image size.

ms_new_thumb

Give it a name, fill in the sizes and select if you want the image to be cropped or not, then validate it.

ms_my_thumb

That’s it. Every image you upload from now on will have a thumbnail with these new dimensions. If you want your existing images to be cropped to that, scroll down and regenerate your thumbnails.

Now if you check the image size drop-down on each slider’s settings metabox you will find the new size available for selection.

ms_thumb_applied

Use the coupon code WORDPRESS and save 20% Join Today!