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).
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.:
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
- How can i get post ID, post name (slug)?
- What is a taxonomy, term? How can i get it? How can i get category/tag ID, name (slug)?
- How to Get Image URL (address)?
- How to apply show animation to elements?
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.|
More info here.