WP OpenPanel – More Space for WordPress Sites

WP OpenPanel is a WordPress plugin that is used to open full screen panels on your sites. You can add and manage unlimited panels with rich contents like text, images and also HTML code like creating posts in WordPress. You can use shortcodes and HTML code to add panel buttons into your posts, widgets and themes.

Note: There are two required paarameters always are added in HTML code: data-panelid and “op-tab” class.

Section 4: Parameters.

4.1 Paramaters in Shortcode:

Parameters

Properties

Description

id

Integer.

The id of the panel that you want to display when the button is clicked.

type

String.

This param is used to set HTML tag. i.e: div, span, p,…
Default: div.

effect

String.

This param is used to set showing effect for panels.
Values: fade, top, bottom, left, right.
Default: fade.

auto

Boolean.

This param is used to enable autoshow feature. Only one panel can be displayed automatically. If you enable autoshow for many panel buttons the plugin will set autoshow for the first panel that is enabled.
Values: true/false.
Default: false.

The code above will create a button that has “Text button” title. It will show a panel that has ID=7 automatically with “left” effect. Additionally, the button also has “your-own-class” and Text Color is Red (color:##E51400). The button type is span so it can be in a paragraph like normal text.

4.2 Parameters in HTML code:

Parameters

Properties

Description

data-panelid

Integer.

The id of the panel that you want to display when the button is clicked.

data-effect

String.

This param is used to set showing effect for panels.
Values: fade, top, bottom, left, right.
Default: fade.

data-auto

Boolean.

This param is used to enable autoshow feature. Only one panel can be displayed automatically. If you enable autoshow for many panel buttons the plugin will set autoshow for the first panel that is enabled.
Values: true/false.
Default: false.

The code above will add a button that has “Simple Button” title. When it is clicked a panel that has ID=12 will be displayed with “fade” effect (default effect).

Note: As you see two examples above, there always have “op-tab” class.

That’s it. If you have any questions that beyond the scope of this plugin, please feel free to open new tickets in WP OpenPanel Support Zone. No guarantees, but I’ll do my best to assist you. Thanks so much!