General Overview

Alex -

One of the main features of the strategy of building pages using shortcodes - is absolute flexibility. With it, you can easily compose any page that meets your needs. Shortcodes need to be inserted into the page editor. You can do this manualy (by copy and paste) or using shortcode inserter (see image below).

Enclosing shortcodes

The list above show self-closing shortcode macros such as [myshortcode] and enclosing shortcodes such as [myshortcode]content[/myshortcode].

Enclosing shortcodes such as [myshortcode]content[/myshortcode]. Some enclosing shortcodes supports multiple content values. For multiple content values use delimiter "___" e.g.:
One line
[myshortcode]content___content[/myshortcode]
or multiline
[myshortcode]
content
___
content
[/myshortcode]

Shortcode Attributes

Theme shortcodes supports different attributes. Attributes helps you to adjust shortcode to your needs.

How to add attribute? 

[myshortcode attribute1="attribute value" attribute2="attribute value"]

Attributes can be found on each shortcode page.

Also Please read this guidelines

Global HTML Attributes

Some shortcodes supports global html attributes.

accesskey list of key labels A key label or list of key labels with which to associate the element; each key label represents a keyboard shortcut which UAs can use to activate the element or give focus to the element.
class set of space-separated tokens A name of a classification, or list of names of classifications, to which the element belongs.
contenteditable "true" or "false" or "" (empty string) Specifies whether the contents of the element are editable.
contextmenu ID reference The value of the id attribute on the menu with which to associate the element as a context menu.
dir "ltr" or "rtl" or "auto" Specifies the element’s text directionality.
draggable "true" or "false" Specifies whether the element is draggable.
dropzone dropzone value Specifies what types of content can be dropped on the element, and instructs the UA about which actions to take with content when it is dropped on the element.
hidden "hidden" or "" (empty string) Specifies that the element represents an element that is not yet, or is no longer, relevant.
id ID A unique identifier for the element. There must not be multiple elements in a document that have the same id value.
lang language tag Specifies the primary language for the contents of the element and for any of the element’s attributes that contain text.
spellcheck "true" or "false" or "" (empty string) Specifies whether the element represents an element whose contents are subject to spell checking and grammar checking.
style string Specifies zero or more CSS declarations that apply to the element.
tabindex integer Specifies whether the element represents an element that is is focusable (that is, an element which is part of the sequence of focusable elements in the document), and the relative order of the element in the sequence of focusable elements in the document.
title any value Advisory information associated with the element.
translate "yes" or "no" Specifies whether an element’s attribute values and contents of its children are to be translated when the page is localized, or whether to leave them unchanged.
NameValueDescription

More info here.

Have more questions? Submit a request

Comments

Powered by Zendesk