Adding Layers to Post Sliders

Instructions to add layers to post sliders in Post Slider WD plugin.

General Description

The WordPress Post Slider plugin comes with 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

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

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.

Social Buttons Layer

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.

HotSpot Layer

Hotspot layer 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.