Slider by 10Web – Responsive Image Slider

WordPress Slider plugin is a user-friendly tool which helps you create unlimited responsive sliders for your website.

It lets you add images, videos, posts and other media as slides or layers. Configure the numerous useful options and showcase your slider on a WordPress page, post, widget area or a custom PHP template.

Include YouTube, Vimeo, as well as self-hosted videos to your slideshow with just a few clicks. Video autoplay feature of Slider plugin lets you provide a modern user interface for the visitors of your website.

Enrich the display of your slides with 6 amazing layer features, such as text, image and video layers, other media, social buttons, and hotspots. WordPress Slider plugin provides various aesthetic transition effects for slides and layers, letting you advance your slideshow to a whole new level.

Using this WordPress Slider plugin, you can turn your slideshow into a posts slider using your website posts. Furthermore, you can create an interactive slideshow by linking any slide to an internal or external web page.

Powered by modern technology, WordPress Slider plugin will help you build amazing sliders without having to code a single line. You can create the following types of CSS3 slider with wonderful autoplay feature:

• cycle slider,
• free video slideshow (specifically TouTube slideshow and vimeo slideshow),
• product carousel,
• Javascript slideshow,
• photo slideshow,
• testimonial slider,
• content slideshow,
• simple image rotator,
• video gallery and more.

You can display images slider with different elegant animations. This slideshow plugin allows you to display your portfolio images, videos in a modern slider gallery.

The options to create these slideshows are infinite. For instance, if you wish to create a simple PDF slider, you can use text layers and image layers on a white background image, and thus showcase your content slider in a PDF-like style.

Or, you can turn the slider into a Woocommerce slider by adding links to Woocommerce product pages.

Press Add Slides button below Slider Title to add an item to your banner rotator. You will access WordPress Media Library, which lets you use existing images or upload new media.

Upload the images and videos you wish to add or browse items from WordPress Media Library. You can select a single item by clicking on it, or choose multiple by pressing and holding Shift or Control keys on your keyboard.

After choosing the images and videos for your image carousel or cycle slider, press Add to Slider button.

When the slides are added, you will be able to see the list of their thumbnails which help you to easily navigate through slides. Each thumbnail has its own set of buttons, which will become visible after hovering on an item:

• Edit. You can change the slide image, keeping its attributes (e.g. layers on slides, transitions).
• Copy. Pressing this button will create a duplicate of the current slide. The duplicate will be added as the last slide of your slideshow.
• Delete. You can delete the slide using this button.

Furthermore, you are able to change the ordering of the slides by dragging the thumbnails and repositioning them.

Make sure to Publish/Update your slideshow to keep the changes you made. You can also Preview the slider to check its appearance.

Adding Images from URL

In addition to uploading, embedding items and using WordPress posts, WordPress Slider plugin allows to insert images using their absolute links. To do this, press Add Slides button and navigate to Insert from URL tab.

This section of the toolbox provides an input, where you just need to add the absolute URL of an image. The link needs to have the following structure:

https://example.com/complete-file-path/image.jpg

After providing the URL of the slide image, click Add to Slider button.

Using WD Media Uploader

Besides using default Media Library, WordPress Slider plugin has an advanced WD Uploader for adding or editing slides. This is a powerful and user-friendly tool which allows you to upload and manage images, separate them into folders, and more.

To access WD Uploader, firstly, you need to enable it from Global Options of Slider by 10Web plugin. Go to Slider by 10Web > Options page and set Enable WD Media Uploader setting to Yes.

Afterwards, edit your slideshow and click on Add Slides button. Navigate to WD Media Uploader tab to start adding new images. This dashboard includes a set of options which we will describe one by one.

Slider by 10Web plugin also lets you embed media from various platforms, such as YouTube and Vimeo. To use this feature, press Add Slides button then click on Embed Media tab. Use the input bar above to add the URL of the image or video you wish to add, then press Add to slider button.

You can import items from the following websites: * YouTube, * Vimeo, * Instagram, * Flickr, * Dailymotion.

For instance, when adding a YouTube video as a slideshow item, you just need to provide its link.

This lets you create a modern-looking fullscreen slider with videos, that showcase your products, business or services.

Use CSS tab of Slider Settings to write additional CSS code and apply custom styles to the slider. Note, that these changes will override the original styles of the slider.

Also, you can edit its Settings by enabling different attributes and configuring corresponding features. For instance, you can enable slide vertical animation effect and turn your slideshow into a vertical slider.

These vertical slides look especially nice, when you are displaying professional photographs. However, you are able to use all slide effects both on images and videos.

To publish your slideshow on a widget area, navigate to Appearance > Widgets page. All widgets on your website and widget areas provided by your theme are available on this dashboard.

Look for Slider by 10Web widget, then drag it to the widget area where you wish to display the slideshow. Write a Title for the widget and choose any slideshow using Select Slider drop-down menu. Press Save and the slider will appear on this widget area immediately.

WordPress slider plugin provides powerful layer options, which help you enhance the display of your slideshow. This section of Slider by 10Web user guide will help you add them to your slides and fully customize them.

The plugin is tuned up with the following types of layers, which can be added to each slide multiple times:

• Text, allowing you to display a text block on your slides,
• Image, which lets you place an image layer over the slide background image,
• Video, which you can use to add a self-hosted video on the slide,
• Media Embed, that adds Youtube, Vimeo, Instagram, Flickr, and Dailymotion media as slide layer,
• Social Buttons, letting you place Facebook, Google+, Twitter, Pinterest, and Tumblr share buttons on your slides,
• Hotspot, which adds an animating spot to slide. It displays additional text, when users hover the hotspot, and you can also add an onclick link to it.

Click on a slide you wish to edit, and the layer buttons will appear under the main image. Press the one you wish to add to the selected slide, and let’s begin customizing its settings.

After a layer is added, a new toolbox becomes available, providing various customization options. Using the top bar, you can: * reorder the layer using drag-and-drop feature, * edit the title of the layer, * delete or copy it, * change its order number.

Click on the gray bar to expand and edit all options of the layer. This section of user-friendly tools allows to fully personalize each layer. You are able to implement modifications such as:

• specify the dimensions of layers,
• set their positions on slides,
• configure slide in and slide out animations effects,
• modify their color, font style, transparency,
• add unique classes for layers,
• set links on each layer,
• configure various on-click actions, such as playing/pausing slideshow, and much more.

It is important to note, that Slider by 10Web plugin also allows you to reposition layers by dragging them around on the slide itself.

To save lots of time, WordPress slider plugin provides its Import/Export feature, letting you move created sliders from one site to another. With just a few clicks, you can have all slideshows uploaded and built on your second website.

Prior to transferring the sliders, make sure to install Slider by 10Web to the destination site. Let’s begin discussing exporting and importing options.

Exporting Sliders

Navigate to Slider by 10Web > Sliders page to export slideshows. Mark the sliders you would like to export, then select Export option from Bulk Actions. Afterwards, press Apply button and sliders will start downloading immediately.

You can choose to transfer the slider with images and settings, or alternatively, just export the settings and add your own slides afterwards.

Importing Sliders

To import the downloaded sliders, go to Slider by 10Web > Import page first. Use Choose File button to browse the exported slider. Select the file, afterwards, click Import button. The slider will be added automatically.

You can also import slideshows from Demo site and import them to your website. Just press the Download button below each slider, and follow the steps described above.

To insert your slider into a page or post, add or edit the post/page where you wish to showcase the slideshow. Above the content editor, there is a button titled Add Slider by 10Web. All you need to do is to press this button, choose a slideshow using Select a Slider drop-down menu, then click Insert.

The shortcode of your slideshow, e.g. [wds id=”2″], will be added to the content of the page/post you are editing.

In addition, you can add the shortcode manually by copying it from Slider by 10Web > Sliders page.