AZEXO HTML Customizer

AZEXO HTML Customizer


How to use:

  1. After plugin activation post and page HTML editors will be replaced by AZEXO HTML Customizer.
  2. You can disable AZEXO HTML Customizer by clicking on “Switch to html” button.

Plugin can be used in two modes:

  1. Customization (previously entered) of post/page content by non-technical users.
  2. Build landing pages based on active theme CSS styles by use previously created HTML sections.

In second mode HTML sections must be placed in “azh” folder of active theme. If this folder not exists in theme plugin automatically will work only in first mode.

Use scroll mouse button to add description to editable fields – make effect only in backend editor and removed from result HTML.

Columns widths and their offsets determined based on Bootstrap class notation.

Special attributes – make effect only in backend editor:

  1. data-section=”SECTION NAME” – enable HTML editing possibility
  2. data-group=”GROUP NAME” – wrap fields which placed inside
  3. data-cloneable – enable possibility to clone/sort/remove of children
  4. data-element – enable possibility to add/remove shortcode

Restrictions of HTML:

  1. HTML comments not allowed
  2. shortcode inside (before/after) text not alowed
  3. more than one shortcode together not allowed

Icon patterns: <div class="icon ICON-CLASS" /> <i class="ICON-CLASS" />

Numeric attributes – any attributes with “data-” prefix and numeric values.

Checkboxe fields – any attributes with “data-” prefix and true/false values.

For dropdown fields need to add declaration to window.azh.dropdown_patterns array of objects in next format: { pattern: PATTERN WITH ONE GROUP TO REPLACE BY VALUE FROM OPTIONS, options: {VALUE1: LABEL1, VALUE2: LABEL2, etc.} }