Post Slider by WD – Responsive Post Slider

Description

Special Offer for all Premium Plugins
WordPress Post Slider WD
Demo
User Manual
Support Forum

Post Slider helps to display posts of your website as a slider. The plugin allows to create sliders from native WordPress posts and custom posts created by third-party plugins.
The plugin has two types of posts sliders: dynamic and static post sliders.

Using dynamic post slider you can display dynamically changing list of posts, e.g. featured posts, news posts, product post from ecommerce plugins and etc. As initial step you should provide filters which will allow Post Slider plugin to display posts relevant to filtered settings.

Choose specific posts and display them using static slider. In this case slides will remain unchanged unless you add/edit existing slide list. This is also relevant to custom posts like ecommerce products or events.
Post Slider is fully responsive and looks wonderful with devices of any resolution.

Using Text layer you can display any text over the slides. In addition you can choose placeholders containing information specific for that post only, e.g. Title, post content, author and etc. Placeholder content will be modified when changes are made to posts. This applies both to static post sliders and dynamic posts sliders.

Image layers (Paid) will help to add brand logo over post slides.
If you want to add text over the slide but also want to save space you should use hotspot layer (Paid). It will display hotspot icon over the slide and display text when hovered over this icon.

Looking for advanced views? Activate Carousel or Parallax views . Carousel view (Paid) displays images with a centered main large image surrounded by smaller images: upon clicking navigation buttons centered image will be shifted. Parallax view (Pro) displays images with moving layers (with mouse hover).

Upgrade to Paid version to get access to following features:

  • Slider Image Layer
  • Slider Hotspot Layer
  • Social Sharing button layer
  • Parallax effect
  • Carousel View Slider
  • Filmstrip Support
  • Navigation button/bullet styles for each slider
  • 26 Slider Transition effects
  • Social Sharing button layer
  • 38 Layer effects

IMPORTANT:

If you think you found a bug or have any problem/question concerning Post Slider plugin, please check out Support Forum in our website. If you do not find a solution here, do not hesitate to click here to contact us.

Screenshots

  • Post Slider WD - Add Slides
  • Post Slider WD - Slider Settings
  • Post Slider WD - Slider 1
  • Post Slider WD - Slider 2
  • Post Slider WD - Slider 3

Installation

Thank you for your interest in Post Slider WD.

Minimum requirements.

  • WordPress 3.9+
  • PHP 5.x
  • MySQL 5.x

Perform a new installation

After downloading the ZIP file of the Post Slider WD plugin,

  1. Log in to the administrator panel.
  2. Go to Plugins Add > New > Upload.
  3. Click “Choose file” (“Browse”) and select the downloaded zip file of the Post Slider plugin.
    For Mac Users
    Go to your Downloads folder and locate the folder with the Post Slider WD. Right-click on the folder and select Compress. Now you have a newly created .zip file which can be installed as described here.
  4. Click “Install Now” button.
  5. Click “Activate Plugin” button for activating the Post Slider WD.
  6. If the installation does not succeed, please contact us at info@web-dorado.com.

FAQ

Installation Instructions

Thank you for your interest in Post Slider WD.

Minimum requirements.

  • WordPress 3.9+
  • PHP 5.x
  • MySQL 5.x

Perform a new installation

After downloading the ZIP file of the Post Slider WD plugin,

  1. Log in to the administrator panel.
  2. Go to Plugins Add > New > Upload.
  3. Click “Choose file” (“Browse”) and select the downloaded zip file of the Post Slider plugin.
    For Mac Users
    Go to your Downloads folder and locate the folder with the Post Slider WD. Right-click on the folder and select Compress. Now you have a newly created .zip file which can be installed as described here.
  4. Click “Install Now” button.
  5. Click “Activate Plugin” button for activating the Post Slider WD.
  6. If the installation does not succeed, please contact us at info@web-dorado.com.
How can I create posts sliders?

Go to Post Slider WordPress > Sliders > Add New. Fill in Slider title and choose the type of slider you want to create: Dynamic Post Slider or Static Posts Slider.

On the right upper corner you will see the following buttons:
* Save. This will save the changes applied to the slider and redirect you to the list of all created slides.
* Apply. This will save the changes applied to the slider and keep you on the same page in admin panel.
* Save as Copy. Using this option you can edit post slider and save it as a copy instead of replacing the original post slider.
* Cancel. You can cancel any changes made to slider hitting the button.

How can build a static posts slider?

Press Add Posts button. New window opens displaying Search, post type and category drop-downs.

Search. Here you can input a title (full or partial) to search for relevant posts. Using follow-up select field you can narrow your search to specific post type.
Post Type. Here you will see the list of WordPress native posts and custom posts created by other plugins,e.g. Calendar plugins, Ecommerce plugins and etc. After selecting a type the list of relevant taxonomies will appear, which can be used for browsing posts, e.g. for WordPress native type posts you will see Category as taxonomy.

Full list of the posts corresponding to filters will be visible below. You can select the posts you prefer to add to slider using the checkbox next to their title.

As a final step press Add to Slider button.

Posts will be added and displayed with their custom images below Slides section. You can change the sequence of the posts using drag and drop (4-pointed arrow). Additionally you can provide titles to slides by clicking on Slide N, which is slide sequential number and providing a title.

Hovering over the images you will see a set of three buttons: Edit Post, Duplicate Slide, Delete.

  • Edit Slide. Pressing the button you can replace the original post with another one.
  • Duplicate Slide. Pressing the button you will not only duplicate the slider but its layers. You can further edit and replace the slide keeping all of its layers.
  • Delete. Using the button you can remove the slide
How is the dynamic posts slider created?

Dynamic Post slider is designed to display posts which fulfill requirements set by filters. The slider posts will be updated when new posts corresponding to filters are added to your site, e.g. if you choose to display posts corresponding to Latest Posts category, newly added posts will be displayed within the slider.

The list of filters is the following:

  • Period of posts to display. Set the time for the posts, e.g. if set it to 24 hours it will display the posts added within the last 24 hours.
  • Number of posts. Set the number of posts which will be displayed as slides. If set to 0 or left empty it will display all posts.
  • Choose post type. Select the type for the dynamic posts, e.g. native or custom post types.
  • Author. Select the author whose posts will be displayed within the slider.
  • Sort posts by. Select the option which will be used as a sorting basis while displaying posts.
  • Order posts by. Set the ordering sequence for the posts- ascending or descending.
  • Post taxonomies. Here all available taxonomies will be displayed relevant for that specific type of posts. You can use drop-downs to narrow the selection.
What kinds of layers can be added to the slider?

In Pro version of Post Slider, there are 4 types of layers that can be added slides: Text, Image, Social Button and Hotspot. You can add multiple layers to each slide: layers can be of same type or different.The layers can be duplicated by pressing “Duplicate button” next to the “Close” button. In this case the duplicated layer will appear as the last positioned layer and can be further customized.

Text Layer will allow adding custom text and all post-related parameters, e.g. author, post title, content, type and etc.

  • Dimensions. Provide text layer height and width.
  • Position. Either drag and drop the layer over the slide or use x and y axis values for positioning it.
  • Size. Set font size for text layer.
  • Color. Set font color for text layer.
  • Font family. Set font family for text layer. This option can be enhanced if you add font family in Settings>General Options.
  • Font weight. If you want to add additional styling to your text, e.g. make it bold, use this option.
  • Published. Choose whether to publish the layer or not.
  • Effect in. Select the effect which will be used when layer appears over the slide.
  • Effect out. Select the effect which will be used when layer disappears from the slide.
  • Padding. Using CSS values set padding for text within the layer.
  • Background Color. Set a color which will used as a background color for the text layer.
  • Transparency. Set transparency level for the image between 0 and 100, where 100 corresponds to full transparency.
  • Border. Using CSS values set a border for text layer.
  • Radius. Using CSS values set radius for text layer.
  • Shadow. Using CSS values set shadow for image layer.

Image Layer will allow adding an image over the slider post. Please note that in case of dynamic posts you can only choose one image that will be displayed with all post slides, whereas with static post slider you can set different images.

  • Dimensions. Provide image layer height and width. To avoid distortion make sure those correspond to initial dimension of the image.
  • Alt. Fill in HTML attribute specified in the IMG tag.
  • Link. Fill in link to which user will be redirected upon hitting the layer, e.g. http://www.example.com.
  • Position. Either drag and drop the layer over the slide or use x and y axis values for positioning it.
  • Transparency. Set transparency level for the image between 0 and 100, where 100 corresponds to full transparency.
  • Published. Choose whether to publish the layer or not.
  • Effect in. Select the effect which will be used when layer appears over the slide.
  • Effect out. Select the effect which will be used when layer disappears from the slide.
  • Border. Using CSS values set a border for image layer.
  • Radius. Using CSS values set radius for image layer.
  • Shadow. Using CSS values set shadow for image layer.
Can I add social buttons to the slider?

This feature is available in Post Slider Pro. You can select social sharing buttons which will allow sharing the slide. The list includes Facebook, Tumblr, Twitter, Pinterest and Google+.

  • Position. Either drag and drop the layer over the slide or use x and y axis values for positioning it.
  • Social button. Using drop-down choose social sharing button to use as a layer.
  • Size. Define the size of social sharing button.
  • Transparency. Set transparency level for the image between 0 and 100, where 100 corresponds to full transparency.
  • Published. Choose whether to publish the layer or not.
  • Effect in. Select the effect which will be used when layer appears over the slide.
  • Effect out. Select the effect which will be used when layer disappears from the slide.
  • Color. Choose button color for the social sharing button.
  • Hover color. Choose button color for the social sharing button when hovered.
Is it possiblt to place a HotSpot on the slideshow?

Hotspot layer is available in Post Slider Pro version. It will allow displaying a hotspot icon over the slide and displaying content when hovered over this icon.

  • Text. Provide a text which will be displayed as hotspot pop-up.
  • Dimensions. Provide dimensions for hotspot pop-up window.
  • Position. Either drag and drop the layer over the slide or use x and y axis values for positioning it.
  • Link. Fill in link to which user will be redirected upon hitting the layer, e.g. http://www.example.com.
  • Hotspot text position. Select a positioning for hotspot pop-up text.
  • Hotspot Width. Define the width for the hotspot icon.
  • Hotspot Background Color. Set a background color for hotspot icon.
  • Hotspot Border. Using CSS values set a border for hotspot.
  • Hotspot Radius. Using CSS values set radius for hotspot.
  • Published. Choose whether to publish the layer or not.
  • Effect in. Select the effect which will be used when layer appears over the slide.
  • Effect out. Select the effect which will be used when layer disappears from the slide.
  • Padding. Using CSS values set padding for text within the layer.
  • Size. Define font size for hotspot pop-up text.
  • Color. Select font color for hotspot pop-up text.
  • Font family. Set font family for text layer. This option can be enhanced if you add font family in Settings>General Options.
  • Font weight. If you want to add additional styling to your text, e.g. make it bold, use this option.
  • Background Color.
  • Transparent. Set transparency level for the image between 0 and 100, where 100 corresponds to full transparency.
  • Border. Using CSS values set a border for overall hotspot layer.
  • Radius. Using CSS values set radius for overall hotspot layer.
  • Shadow. Using CSS values set shadow for overall hotspot layer.
Where can I edit the plugin settings?

If you want to make major changes applicable to entire slider go to Post Slider WD > Sliders > Settings tab.

  • Global Settings. You can change the main settings here. The changes will affect only the current slider.
  • Carousel. Carousel view displays a larger centered image with descending size images on both sides.
  • Navigation. Navigation button styles, colors and size can be adjusted. In addition you can completely disable navigation buttons.
  • Bullets. Bullets can also be used as navigation option. Clicking bullet you will open up the slider in corresponding position.
  • Filmstrip. You can add a filmstrip which will display featured images of those posts used with slider.
  • Timer Bar. You can add a bar displaying the timing left to switching to the next slide. This is commonly used when using autoplay option.
  • CSS. If you want to add additional styling to sliders you can write down CSS within the box below. These changes will overwrite the original styles.
How can I publish the created post slider?

Inserting post slider into a Page or a Post:

You can insert post sliders into pages or posts. Open the post/page. Here you will see “Insert Slider” button with a Slider icon. Press the button, Select the slider and press Insert.

In addition, you can insert the shortcode manually. The corresponding shortcode is displayed next to the created slider in Post Slider WD > Sliders section under Shortcode column.

Adding post slider to theme using PHP function:

This feature is commonly used while displaying slider within header/footer position. The function can be found at Post Slider WD>Sliders section within PHP function column.

Adding post slider as a widget:

Go to Appearance > Widgets > Post Slider. Select a position for post slider widget and press Save button. Provide a title for the slider and choose post slider using drop-down list.

Reviews

Good, but not great

It’s clear that a lot of thought and effort went into this plugin, I have no qualms at all with the fact that the ‘free’ version is very limited and that for many of the advanced features one must upgrade to the ‘premium’ version – after all, those that work hard on creating great plugins should earn something for their efforts.

However, I spent several weeks testing this plugin and gave a great deal of thought to how many stars it deserves – I would have gone with 4 except that, when compared to other ‘free’ slider plugins, this one lacks what is, IMHO, the most basic (and most important) of features, which is some flexibility to modify the slider’s text layer – the part that displays a Post’s title and (if desired) an excerpt over the image…it isn’t editable at all. Without that, this plugin will leave a lot of folks unhappy unless they pay to use the premium version, so for a “free” plugin, I can only give it three stars.

The problem with the inability to edit the text layer is two-fold — both in terms of content (it comes default with the post title and excerpt (oddly labeled ‘post_content’ rather than ‘post_excerpt’) so if you want to show only the post title, or some other custom field, you’re out of luck – you can’t change or remove those fields nor add others), and in terms of CSS — while it DOES include a Settings section for custom CSS, the construction of the slider itself does not use correctly structured semantic HTML and CSS in order to be able to do so – each image and text layer in the slider is wrapped in DIVs containing both unique CSS classes and unique ID’s making it difficult — albeit not impossible for those experienced with CSS — to target them with custom CSS, and nary a H(eading) tag (for the post title) or paragraph tag (for the excerpt) in sight …this is very frustrating and attempting to add custom CSS is definitely NOT for those who are not expert at CSS.

If all you want is to slap on a Post Slider and NOT mess with the text layer in any way, this plugin might work for you. If you’re looking for more style or content flexibility, you can upgrade to the paid version, or try a better free slider plugin such as WP Responsive Recent Post Slider.

Read all 34 reviews

Contributors & Developers

“Post Slider by WD – Responsive Post Slider” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

1.0.54

  • Fixed: Slide effects.
  • Fixed: Bug on getting post data.

1.0.53

  • Added: Active plugins and active theme names to Site Details.
  • Fixed: Conflict with PHP 7.2.0 version.

1.0.52

  • Changed: Deactivation popup

1.0.51

  • Added: Support forum and Review links.

1.0.50

  • Fixed: Carousel view animation.
  • Changed: Leave A Review link.

1.0.49

  • Changed: Show notification to install Backup WD plugin only on plugin pages.

1.0.48

  • Added: Show notice to install Backup WD plugin.

1.0.47

  • Fixed: Updated library to prevent conflict with PHP version 7.

1.0.46

  • Fixed: Validate Audio file and URL.

1.0.45

  • Fixed: Do not insert a shortcode if no slider is selected.

1.0.44

  • Fixed: HTML attribute validation improvement.

1.0.43

  • Fixed: Uninstall.
  • Fixed: Dynamic slide update.

1.0.42

  • Fixed: Slider direction with two slides.

1.0.41

  • Changed: Minimum font size validation.

1.0.40

  • Changed: Removed support forum link.

1.0.39

  • Added: Minimum font size for text layers.

1.0.38

  • Changed: Notices.

1.0.37

  • Added: Open post on slider click (optional).
  • Added: Text layer hover color.
  • Added: Support forum link.

1.0.36

  • Fixed: Post date format.
  • Added: Overview page.

1.0.35

  • Added: Global options page.
  • Added: “Include scripts/styles only on necessary pages” option.
  • Changed: Move “Add font family” to global options.

1.0.34

  • Fixed: Required field validation.

1.0.33

  • Added: Static slides order direction (optional).

1.0.32

  • Added: Animation iteration count.
  • Fixed: Save as copy.
  • Fixed: Date format in layers.

1.0.31

  • Added: Full width slider on small screens.

1.0.30

  • Changed: Text layer “More” three dots with its character.

1.0.29

  • Added: Option to hide on mobile.
  • Added: Slider loop option.
  • Fixed: Removed empty line breaks from inline javascipt to prevent conflict with some themes.

1.0.28

  • Fixed: Swedish frontend translation (thanks to Mikael Winterkvist).
  • Fixed: Layer styles conflict with some themes.
  • Added: Two way slideshow. Slideshow can go backwards if someone switch to a previous slide.

1.0.27

  • Added: Mouse wheel, mouse swipe and keyboard navigation methods.

1.0.26

  • Fixed: Post meta field in dynamic slider.

1.0.25

  • Improved: Decrease slider load time.
  • Improved: Close unclosed tags in text layer.

1.0.24

  • Changed: Distinguish free and pro styles/scripts versions.
  • Fixed: One slide cuts the other in some cases.

1.0.23

  • Changed: Slider reset button position.

1.0.22

  • Fixed: Strip whitespace and line breaks from the beginning and end of the text layer.
  • Fixed: Text layer character limit.

1.0.21

  • Added: Remove shortcodes from layers (optional).

1.0.20

  • Added: Alignment for text layer.
  • Fixed: Image, Video layers.

1.0.19

  • Added: Three fixed layer positions.
  • Fixed: Layer RotatInDownRight effect saving.

1.0.18

  • Added: Show thumbnail on bullet hover.

1.0.17

  • Changed: Featured themes page.

1.0.16

  • Fixed: Don’t show layer if content is empty.

1.0.15

  • Changed: Bulk actions for sliders.
  • Fixed: Resetting layer positions on parallax sliders on touch leave.

1.0.14

  • Changed: Support for new version of Google Fonts.
  • Added: Possibility to add font family to google fonts.
  • Fixed: Slides count in sliders list.

1.0.13

  • Changed: Updated Font Awesome to 4.6.3 version.
  • Fixed: Backend stlyes.

1.0.12

  • Changed: Increase post type length in database.

1.0.11

  • Fixed: Dynamic post slides options styles.
  • Added: Option for adding posts which do not contain featured image.

1.0.10

  • Changed: Featured plugins page.

1.0.9

  • Fixed: Posts count.
  • Fixed: Increase post taxanomies field length.

1.0.8

  • Added: Multiple taxanomies

1.0.7

  • Added: No sliders found message.
  • Fixed: Styles.

1.0.6

  • Added: Characters limit for text layer.

1.0.5

  • Fixed: Add post page styles on WordPress 4.5
  • Fixed: Undefined iframes in frontend.
  • Fixed: Filmstrip responsiveness.

1.0.4

  • Fixed: Featured image depend on dynamic post slider filter.
  • Fixed: Order by publishing date.

1.0.3

  • Added: Text bullets.
  • Added: Smart crop.

1.0.2

  • Fixed: Conflict with some themes.

1.0.1

  • Added: Notices.
  • Fixed: Preview image for sliders with dynamic posts.

1.0.0

  • Initial version