Slider by 10Web is a versatile solution to help you add fast loading, responsive and SEO-friendly sliders to your website pages, posts, theme header or any other location. The plugin supports both images and videos on the slides, which further could be spiced up with various transition effects. Filmstrip, carousel and parallax effects of Premium version will have your slides look even better. You can create multi-functional sliders in Premium version, by applying text, image, video, hotspot and social media button layers to the slides. Every feature of the slides, from text size, navigation buttons to slide loading icon, can be customized, giving you a myriad of options to experiment with style and design. It’s by far the easiest solution to create beautiful sliders, which you can add to your website with a shortcode, by inserting into the theme using the PHP function or through widget. Slider by 10Web supports swipe control to make sure your slides look great on touchscreen devices. If you’re looking for power-packed slider plugin which is also user-friendly, go ahead, download it and test the plugin yourself.
Slider by 10Web allows you to add unlimited number of sliders to your website with as many slides as you want. Easily insert the sliders to any of your posts or pages with the generated shortcode.
The Premium version allows for creation of multi-functional sliders using the available image, text, video , social media and hotspot layers. Apart from uploading video files from your pc, you can also embed media from YouTube, Vimeo, Instagram, Flickr or Dailymotion using the file’s URL.
Slider by 10Web Premium version offers 27 slide transition and 38 mind-blowing layer effects to give your slides a distinct look. You can specify the start/end point of the effects, as well as specify the effect duration.
Add text and image watermarks to your slides, by selecting the size, transparency, and one of the available nine watermark positions.
Add a social sharing buttons’ layer to your slides in Premium version. You can customize almost every aspect of the buttons and enable your visitors to share your slides across the major social media platforms, like Facebook, Google +, Twitter, Pinterest and Tumbler.
Premium version adds Parallax and carousel support. You can set to display the slides in carousel view, which shows the main image at the foreground, while having the rest of the images at the background. The parallax effect will create modern 3D-like effects on the slides and take them to the next level.
If you want to export/import your slides from one website to another, that’s absolutely doable with Slider by 10Web Premium version. You can choose to transfer the slider with pictures and settings, or you can transfer only the settings of the slider and then add your images afterwards.
*Some customizations described here are available in Premium version. Please refer to feature summary for additional info.
Slider by 10Web has an intuitive drag and drop interface, which makes it easy to create, organize and customize your slides. All the slider options as well as the plugin overview is available at the admin panel. This is basically where you can create the sliders and make the necessary changes as you go. Under the plugin’s global options, you’ll find the default options for layers and some other general settings, such as enabling Slider by 10Web media upload, choosing the loading icon,adding font families, etc. All the other options for customizing the slides can be found under the sliders section, the place where you can actually start adding new slides. The user friendly interface lets you easily add images and videos to the slides, as well as embed media from popular social platforms. Beneath the added slides you’ll find the available layers that you can apply to them, each of the layers coming with its own set of settings. Before you save the final version of the slide you can preview all the changes you’ve made. At the top of the page,you’ll also find a settings icon,where you can configure the settings for the slider you’re working on. From this section you can activate carousel view, give custom styling to bullets and buttons, adjust settings for filmstrip view, as well as configure the settings for watermarking. Also, you can add custom CSS to the slides for the additional styling features.
If you think you found a bug in Slider by 10Web or have any problem/question concerning the plugin, please check out WordPress Slider Support Forum in our website. If you do not find a solution here, do not hesitate to click here to contact us.
Installing via WordPress
Follow the steps below to install Slider by 10Web to your website.
Log-in to your WordPress administrator panel.
Select Plugins page from toolbar menu, click Add New.
Search for Slider by 10Web in the right-top search bar if you want to download the Free version or click Upload Plugin button > “Choose file” (“Browse”) and select the Slider by 10Web zip file if you are installing the Professional version of Slider by 10Web.
For Mac Users
Go to your Downloads folder and locate the folder with the Slider by 10Web. Right-click on the folder and select Compress. This will create a .zip file which can be installed as described below:
Click “Upload & Install” button.
Click “Activate Plugin” button for activating the plugin.
Installing via FTP
Login to your hosting space via an FTP software, e.g. FileZilla.
Unzip the downloaded Slider by 10Web plugin folder without making any changes to the folder.
Upload the Slider by 10Web plugin into the following location wp-content>wp-plugins.
Login to the WordPress Administrator Panel.
Activate Slider by 10Web by going to Plugins and pressing Activate button.
If any problem occurs with installation of Slider by 10Web, please let us know.
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:
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:
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:
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:
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:
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:
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.
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.
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. Each slider shortcode is displayed next to the corresponding item, under Shortcode column.
WordPress Slider plugin comes with a set of useful options which allow you to customize each slideshow independently. Having configured slideshows separately, you can publish multiple sliders on your website, each with its own unique design and purpose.
Navigate to Settings tab of your slider to begin configuring its options.
This toolbox consists of the following sections, each providing its own pack of user-friendly options.
Global tab of Slider Settings includes general options for the slider. You can personalize the way your slider behaves and shows. You can:
* modify its display type and dimensions,
* set animation effect and its duration,
* specify slider looping and shuffling settings,
* change slideshow behavior on desktop and mobile devices,
* set music to play along with the slider,
* enable parallax effect for the slider, and much more.
Have your slideshow appearing in Carousel mode by activating it from Carousel tab of Slider Settings. With these options, you can personalize the display of your slider carousel. You are able to:
* change the number of images shown on carousel,
* set the ratio of carousel image dimensions (width divided by height),
* edit the styles of carousel background image, and more.
Completely customize the way your slider navigates using the tools provided in Navigation section of Slider Settings. You are able to switch on:
* mouse-click navigation (Next/Previous buttons),
* mouse-swipe and mouse-wheel navigation,
* touch-swipe navigation on mobile devices,
* keyboard navigation with next/previous keys,
* on-slider Play / Pause buttons,
* as well as activate navigation buttons for your slider and style every attribute as you wish.
Place bullets on your slider by activating them from this section. This feature lets users to easily navigate from one slide to another in a random sequence. This set of options lets you:
* select to show bullets on hover or always,
* set the position of slider bullets,
* choose color, size and margin for them,
* customize the bullets by uploading your own images, and more.
Display a nifty filmstrip of slide thumbnails along with your slider. This is a neat way to showcase miniatures of your slides before users click to view their larger versions. You can customize the filmstrip by:
* changing its position on the slider,
* setting background color and inactive thumbnail transparency,
* specify thumbnail dimensions and separator size,
* customize the border of the active thumbnail.
Activating Timer bar lets you have a neat loading bar with each slide. The loading bar starts every time a slide displays, and ends when the slideshow switches to the next image during autoplay.
You can customize the type of the Timer bar, as well as its size, color and transparency.
You are able to add watermark to the main images of your slider with the options Watermark section provides. Choose the type of the watermark, text or image, then configure settings such as:
* providing watermark text or image URL,
* specifying font size, font style and color of watermark text.
* setting the size of the watermark image, and select the position of the watermark.
* Press Set Watermark to add the watermark text or image to main images of your slider. To remove it, simply click on Reset Watermark button.
Yes, you can create unlimited number of sliders with unlimited amount of slides. Then you may paste corresponding slider code within each page.The slider shortcodes are listed next to the slider in Slider by 10Web > Slider section.
In case you use custom PHP templates and would like to display your slideshow on these pages, you can use PHP function Slider by 10Web plugin provides. You just need to add the function, e.g.:
into the necessary .php file. For instance, if you wish to display the slideshow along with the header, simply add the code to header.php file of your website theme. You can find the function and copy it from Slider by 10Web > Sliders page, under PHP function column.
You are able to add watermark to the main images of your slider with the options Slider Settings > Watermark section provides. Choose the type of the watermark, text or image, then configure settings such as:
Press Set Watermark to add the watermark text or image to main images of your slider. To remove it, simply click on Reset Watermark button.
Slider by 10Web does support Google Fonts. This allows you to custom text layer over slides using the provided big variety of Google Fonts.
You can change the fonts of a layer by editing it. Look for Font family option to enable Google Fonts, then select the font family you wish to use.
This free slider plugin can be used for showcasing your portfoliow with the help of:
* Image slider,
* video slider (specifically vimeo slider, youtube slider, HTML5 slider),
* post slider,
* product slider,
* photo slider / gallery slider,
* carousel slider and more.
Thes content slider options are the most commonly used applications of the best slider plugin, but those can be expanded to meet the needs. You can combine images into multi-layer content with videos and carousel slideshow effect or display video layers.
The plugin allows embedding WordPress posts making it a great WordPress Posts slider with various functionality and content slideshow. This is also useful in case you wish to have a product slider. You can add your products as posts and display them on your slideshow.
Moreover, it can be turned into custom post types slider or a content slider with various layers, images and animations. This will help to create product carousel/image carousel with ecommerce plugins or photo slideshow with gallery plugin and even more.
The good part of this is that you can have a text slider with its picture slide, while keeping up with responsive post slider if compared with other post slider or banner slider plugins. This image slideshow plugin has all the necessary features for creating various kinds of wonderful CSS3 slider.
You can post a redirection link on the image, allowing the user to get to the mentioned post or page upon clicking on the slide. Please note, that with this WordPress responsive slider plugin, you need to use http:// and https:// for external links.
Watermark may not work because of the following reasons:
So, please try the following:
* Make sure to upload images in slider plugin, instead of embedding it from an external URL,
* make sure to have your server’s GD2 library on,
* resize the slideshow images and set the same dimensions as in Slider Settings before uploading.
If you post a watermark on the slider plugin and it does not appear on the image, you can check the watermark position firstly. Please open Slide Options section, and use Fillmode to change the appearance of the slide background. By changing the fillmode option, you can see in which mode the watermark looks good on WordPress responsive slider images.
Premium version of Slider by 10Web plugin allows you to place social media layers. Under each image of your slider, you’ll see Add Social Media Button Layer button.
Press it to add to your slide. You also are able to customize these buttons using layer settings.
You can add your own custom navigation images instead of buttons in WordPress responsive slider plugin. You can also manage default buttons by customizing sizes, colors, border and background colors.
To add custom buttons in slider plugin please enter Settings > Navigation section and find Image for next / previous buttons. Select Custom and upload images for each button.
Slider plugin lets you use the same text layer, image layer, video layer for all slider images. After adding the layer, you can mark the Static layer option and the layer will be visible on all slides.
The plugin takes the full width of the widget area if the Boxed Layout in Slider Settings is checked. Please note that the option you can find in the Global Options section, rather than in the widget settings.
Slider by 10Web plugin is the perfect slider solution for Wordpress. Create a great responsive…View Cart
Cookiebot is a cloud-driven solution that automatically controls cookies an...
This plugin inserts social share links at the top or bottom of each post.
Search & Replace data in your database with WordPress admin, replace do...
Flexible button creator allowing you to stick floating buttons to the side ...