This is some demos of Openpanel plugin for WordPress. To see how it works you can click on buttons below.
1. Simple text Demo:
Click Here to display a panel with simple paragraph.
Code:
|
1 |
[openpanel id="1" type="span"]Click Here[/openpanel] to display a panel with simple text paragraph. |
2. Simple Image Demo: Click the image below to display a panel with images.
Code:
|
1 |
[openpanel id="2"]<img class="alignnone size-medium wp-image-21" src="http://wp.sonhlab.com/wp-content/uploads/2015/10/bread-breakfast-knife-300x200.jpg" alt="bread-breakfast-knife" width="300" height="200" />[/openpanel] |
3. HTML Custom Button Demo: This panel includes some buttons that can open new panels when they are clicked.
Demo ButtonCode:
|
1 |
[openpanel id="3" class="op-inline"]<div style="background: #96BF01; width: 205px; height: 100px; line-height: 100px; cursor: pointer; text-align: center; display: inline-block;"><img style="vertical-align: middle; position: relative; width: 48px; height: 48px; padding: 0px; margin: auto;" src="http://wp.sonhlab.com/wp-content/uploads/2015/12/shopping-white-circle-48.png" alt="demo button" /><span style="vertical-align: middle; display: inline; color: #fff; margin-left: 10px;">Demo Button</span></div>[/openpanel] |
If you need more information, please go to WP OpenPanel Documentation ./.