About Formattings

Formatting is a series of HTML formats that can be used to create various elements with predefined styles. Formatting is generally provided to help theme users present their post content more attractively. This includes elements like button, heading, tab, and more.

List of Formatting
Complete list of formatting can be viewed on the page: List of Formatting
Formatting Documentation Page
Formatting Documentation Page is a page that contains comprehensive information about the respective formatting. This information includes usage support, configurations, and more.

How to Access Formatting Documentation Page: Visit List of Formatting, click on the formatting name to visit the documentation page.


Formatting Specification Data
Formatting Specification Data is one of the information groups found on the Formatting Documentation Page. This data informs various aspects related to the usage rules of the respective formatting - (View).

Description:
  • Support This information indicates where the respective formatting can be used. Most formatting supports usage in the Post Editor, Page Editor, and HTML Widget.

    Support Description
    Post Editor HTML formatting can be used in the Post Editor with HTML writing mode.
    Page Editor HTML formatting can be used in the Page Editor with HTML writing mode.
    HTML Widget HTML formatting can be used within/as a Value in the configuration content of HTML Widget.


  • Nested This information indicates whether the formatting can be nested within each other or vice versa. For example, for Message Formatting, this formatting supports nesting. This means message formatting can be placed inside another message formatting.

    Example: 
                    
                  <div class='w-message'>
                    Message formatting
                    <br/>
                    <br/>
                    <div class='w-message' data-type='info' data-shadow='yes'>
                      Message formatting inside another message formatting
                    </div>
                  </div>
    Message formatting

    Message formatting inside another message formatting


    Conversely, for formatting that does not support nesting, the respective formatting should not be placed within each other. An example of formatting that does not support nesting is mark formatting. Writing code as below is not allowed: 

                  
                <mark>
                  Mark formatting
                  <mark>
                    Nested mark formatting inside mark formatting is not allowed!
                  </mark>
                </mark>

Formatting Configuration Data
Formatting Configuration Data is one of the information groups found on the Formatting Documentation Page. This data informs all configuration items available for the respective formatting - (View). There are several information columns, namely Configuration, Value, and Default Value.

Description:
Configuration Configuration name
Value Configuration value
Default Value Value used when a configuration is not added or has an invalid value

All formatting configurations are added via attributes data-* with different procedures for each formatting. Detailed information on how to add configurations has been provided on the respective Formatting Documentation Page.
Have Question?