Adds ribbon with labels to your div containers or image using shortcodes. This is the implementation of CSS Portal ribbon generator. You can set the width , colors , backgrounds of ribbons you wanted to show.
You can email me directly for any plugin request or personal modification such as styles and templates at
contact@sherkspear.com or contact me at
http://sherkspear.com/contact
Plugin URI:
http://www.sherkspear.com/
This section describes how to install the plugin and get it working.
- BACKUP everything before you install the plugin.
- Upload add-ribbon directory to the '/wp-content/plugins/' directory
- Activate the plugin through the 'Plugins' menu in WordPress
Adding Ribbon using Shortcode
- Shortcode for Sherk Add Ribbon is in the format of
[ribbon id="myribbon" padding="10" height="100" width="100" color="#000" bgcolor="#FFF" label="Featured" position="right"]
This is a sample content
[/ribbon]
- Copy the shortcode, paste it to the content text editor and update the values of your shortcode parameters depends on what you need.
Setting Ribbon for Image Content
- This is a way on adding ribbon using image as your content instead of text.
- Set your padding into 0
- Set your ribbon width and height to the width and height of your image.
- Give the image a class value of 'imgribbon'
Ex.
[ribbon id="sherkid" padding="0" width="190" height="190" bgcolor="#CCC" color="#233" label="Sample"]
< img class="imgribbon" src="images/landscape.jpg" alt="" width="190" height="190" />
[/ribbon]
Parameters Available
id
Id of your ribbon, used in customizing ribbon styles
default: ''
option: string
label
Text label for your ribbon
default: 'Label'
option: string
wider
Wider ribbon
default: 'false'
option: boolean
position
Position of the label of your ribbon
default: 'left'
option: left
right
padding
Padding of your ribbon
default: '10'
option: integer
width
Width of your ribbon
default: '200'
option: integer
height
Height of your ribbon
default: '200'
option: integer
color
Color of your text label
default: '#FFF'
option: Hex Color
bgcolor
Background color of your text label
default: '#000'
option: Hex Color