Overview

The Ella theme does not contain very many shortcodes because for most layout situations the page builder is used instead of shortcodes, however a few remain whos purpose is to help when inserting blocks of content via the builder or the default WP editor. These will be described here below.

What Are Shortcodes?
Shortcodes are basically helper codes which can be inserted into the default Wordpress editor and when the page is rendered they will become full elements. The type of element depends on the type of shortcode used. Shortcodes are available for inserting items such as buttons, colored labels, videos, badges etc. In the following section we will list all the available shortcodes and the properties or parameters associated with each one.
To insert a shortcode simply click the Insert Shortcode button in the toolbar area of the default Wordpress editor. When building a page using the page builder view in this theme the WP default editor can be accessed via the "Edit with the HTML Editor" link immediately under the fields intended for content. This is how a shortcode may be used from the page builder.

^ The Shortcode Icon

It should be noted that it is not sufficient to copy and paste a shortcode's short syntax from one page/post/theme's editor window to another. To be inserted correctly each shortcode needs to be inserted using the shortcode editor. If this process is not followed, the page will not render correctly and the layout will not look as expected.

To Add a Shortcode do the following:

  1. Position the cursor in the editor in the specific position where you wish to place the shortcode or element.

  2. Click the Shortcode button

    1

    to open the shortcode editor/manager dialog (see image above for this button's location.

  3. Select the desired shortcode type from the dropdown list

  4. Fill in all of the required parameters for that shortcode

  5. When you are ready, click Insert Shortcode the editor will then close and you will see the shortcode appear in the editor window.