In the documentation below, you will learn about Element Pack essential shortcodes. You can use these shortcodes anywhere you need them.
Alert Shortcode
In Alert shortcode, you will get an Alert Message. You can use it anywhere. You can also use the properties below:
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
| type to add a background color according to the type of the message that is delivered |
primary ( light blue color) success ( light green color) warning ( light orange color) danger ( light red color) |
default |
| style add font color, size, font type, etc. |
any type of css style can apply here | none |
Example:
[ep_alert class="" type="" style=""]Alert Message[/ep_alert]Preview:
Author Avatar Shortcode
If you use the Author Avatar shortcode, you will get the author image. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class show the figure of the author of the class name holder |
any type of html class name | none |
Example:
[ep_author_avatar class="my-class"]Preview:
Author Name Shortcode
If you use the Author Name shortcode, you will get the author name. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class show the name of the author of the class name holder |
any type of html class name | none |
Example:
[ep_author_name class="my-class"]Preview:
Badge Shortcode
If you use the Badge shortcode, you will get a ready badge style. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class can add custom design using class name (design should be against the class name) |
any type of html class name | none |
Example:
[ep_badge class="my-class"]Badge Text Here[/ep_badge]Preview:
Breadcrumbs Shortcode
If you use the Breadcrumbs shortcode, you will get the current page breadcrumbs. You can use it anywhere.
Example:
[ep_breadcrumbs]Preview:
Button Shortcode
If you use the Button shortcode, you will get a button. You can use it anywhere. You can also use the properties below:
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
| link use link to connect to external website or source |
any type of active link (i.e. "https://example.com") |
# |
| type to add a background color or change button type |
default (light gray color) primary (light blue color) secondary (gray color) danger (red color) text (plain text) link (plain link) |
default (light gray color) |
| style add font color, size, font type, etc. |
any type of css style can apply here | none |
Example:
[ep_button class="" link="" type="" style=""]Button[/ep_button]Preview:
Clipboard Shortcode
If you use the Clipboard shortcode, you can copy any text. Hover the copy text to show the copy button, then click it. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class can add custom design using class name (design should be against the class name) |
any type of html class name | none |
Example:
[ep_clipboard class="my-class"]Copy Content[/ep_clipboard]Preview:
Countdown Shortcode
With the Countdown shortcode, you will get a countdown. You can use it anywhere. You can also use the properties below:
| Option name | Possible values | Default value |
|---|---|---|
| class can add custom design using class name (design should be against the class name) |
any type of html class name | none |
| date add custom countdown date (target date for countdown) |
date value i.e. date = "2021-07-09 09:00" | 2020-10-10 12:00 |
Example:
[ep_countdown date="2020-10-10 12:00"]Preview:
Current Date Shortcode
If you use the Current Date shortcode, you will get the current date. You can use it anywhere. You can also use the class and format parameters.
| Option name | Possible values | Default value |
|---|---|---|
| class can add custom design using class name (design should be against the class name) |
any type of html class name | none |
| format change the date format at will |
F j, Y – November 6, 2010 F j, Y – November 6, 2010 F, Y – November, 2010 l, F jS, Y – Saturday, November 6th, 2010 M j, Y – Nov 6, 2010 Y/m/d – 2010/11/06 |
2020-10-10 12:00 |
Example:
[ep_current_date class="my-class" format="F j, Y"]Preview:
Current User Shortcode
If you use the Current User shortcode, you will get the WordPress current user name. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class can add custom design using class name (design should be against the class name) |
any type of html class name | none |
Example:
[ep_current_user class="my-class"]Preview:
Label Shortcode
If you use the Label shortcode, you will get a label. You can use it anywhere. You can also use the properties below:
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
| type to add a background color according to the type of the message that is delivered |
primary ( light blue color) success ( light green color) warning ( light orange color) danger ( light red color) |
default |
| style add font color, size, font type, etc. |
any type of css style can apply here | none |
Example:
[ep_label class="" type="" style=""]Label[/ep_label]Preview:
Lightbox Shortcode
If you use the Lightbox shortcode, you will get a lightbox. You can use it anywhere. You can also use the properties below:
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
| link use link to connect to external website or source |
any type of active link | https://youtu.be/aqz-KE-bpKQ |
| caption for adding a name value |
any type of text | Youtube |
Example:
[ep_lightbox class="" link="" caption=""]Lightbox[/ep_lightbox]Preview:
Notification Shortcode
If you use the Notification shortcode, you will get a notification. You can use it anywhere. You can also use the properties below:
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
| message displayed in the notification |
any type of text | Notification message |
Example:
[ep_notification class="" message=""]Content[/ep_notification]Preview:
Page Title Shortcode
If you use the Page Title shortcode, you will get the current page title. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
Example:
[ep_page_title class="my-class"]Preview:
Page URL Shortcode
If you use the Page URL shortcode, you will get the current page URL. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
Example:
[ep_page_url class="my-class"]Preview:
Post Date Shortcode
If you use the Post Date shortcode, you will get the current post date. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
Example:
[ep_post_date class="my-class"]Preview:
Site Title Shortcode
If you use the Site Title shortcode, you will get the WordPress site title. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
Example:
[ep_site_title class="my-class"]Preview:
Site URL Shortcode
If you use the Site URL shortcode, you will get the WordPress site URL. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
Example:
[ep_site_url class="my-class"]Preview:
Tag List Shortcode
If you use the Tag List shortcode, you will get the WordPress post tag list. You can use it anywhere. You can also use the class parameter.
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
Example:
[ep_tag_list class="my-class"]Preview:
Tooltip Shortcode
If you use the Tooltip shortcode, you will get a tooltip. You can use it anywhere. You can also use the properties below:
| Option name | Possible values | Default value |
|---|---|---|
| class give a specific definition using class |
any type of html class name | none |
| position set the tooltip position |
top - (Aligns the tooltip to the top) top-left - (Aligns the tooltip to the top left) top-right - (Aligns the tooltip to the top right) bottom - (Aligns the tooltip to the bottom) bottom-left - (Aligns the tooltip to the bottom left) bottom-right - (Aligns the tooltip to the bottom right) left - (Aligns the tooltip to the left) right - (Aligns the tooltip to the right) |
top-center |
| tooltip_text displayed text in the notification |
any type of text | This is Tooltip |
Example:
[ep_tooltip class="" position="" tooltip_text=""]Content[/ep_tooltip]Preview:
