Shortcode Mastery

Wordpress Shortcodes Builder


Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

To setup Shortcode Mastery plugin just upload shortcode-mastery folder to your plugins folder and active Shortcode Mastery in plugins menu page.

Shortcode Mastery plugin allows to create unlimited numbers of shortcodes.

To create a new one just click Create Shortcode menu item and enter your shortcode name. Name can contain both upper and lower characters, numbers and spaces.

Optional you can add description and set icon.

 

After creating a new shortcode it can be allowed with sm_ prefix.

 
After that you can customize your brand new shortcode with some sections. There are 6 section that help you to create everything you need:

With Parameters section you can create, edit and delete unlimited number of default parameters for your brand new shortcode.

All of your parameters are available with {[ your_parameter_name ]} in Query, Loop, Markup, Scripts and Styles sections.

To create a new parameter just enter Parameter Name and Default Value of parameter and click the Add new parameter button.

To edit a parameter click the pencil icon after parameter's name:value couple.

To delete a parameter click the delete icon after parameter's name:value couple.

You can use text, {[ function()... ]} or php global objects in value field.

In version 1.2 added parameters types and required parameters. Important! Shortcode renders only if all required parameters are filled.

In Query section you can create unlimited number and variations of query arguments for you Loop section.

There are a lot of predefined template buttons for unlimited query variations:

You need only 3 steps to create new query argument:

  1. Choose query group. All query groups reflect Wordpress WP_Query object parameters.
  2. Choose query parameter. Choose current WP_Query object parameter.
  3. Enter values. Enter a value of new parameter and click the Add new value button. The current group and parameter name appear above input.

If you want to create array of values, use comma separated values in input.

After adding a new query arguments all changes are displayed in Query arguments list.

For Tax Query, Date Query and Meta Query provided special GUI.

You can add, edit, delete, group and ungroup nodes from array of elements you build. You can change relationship between nodes too.

Number before values in node shows depth of array.

If you want to move nodes on a deeper level just select some nodes (grater then 2) by checking boxes and click the Group with nesting button. To move a node on upper level click the rewind icon.

If you want to edit or delete node, use related icons.

You can change values of node parameters by clicking arrows icon.

To edit a query argument just click the pencil icon after argument's name:value couple in Query arguments list and than click the pencil icon in value item below input.

To delete a query argument click the delete icon after argument's name:value.

All array values are collapsed so to show values just click the eye icon.

You can use parameters in query arguments values. All words like true or false are converted in Boolean values regardless of parameter type.

In Loop section your code runs inside your query loop created in Query section.

Loop section uses Twig 1.x template engine and {[ tag_variable ]} Tag Variables Syntax. All Wordpress and PHP functions are available with that syntax.

There are some predefined variables in Loop section:

See Twig 1.x documentation to learn more about template engine usage.

Markup section is a body of your brand new shortcode.

Markup section uses Twig 1.x template engine and {[ tag_variable ]} Tag Variables Syntax. All Wordpress and PHP functions are available with that syntax.

There are some predefined variables in Markup section:

To insert Loop section code use the LOOP button or {@ LOOP @}.

To insert your shortcode content use the CONTENT button or {@ CONTENT @}.

In Scripts section you can add some javascript to your brand new shortcode that will be loaded in a right way in Header or Footer.

You can embed script from url and add inline scripts.

You can use parameters defined in Parameters section.

In Styles section you can add some css to your brand new shortcode that will be loaded in a right way in header.

You can use parameters defined in Parameters section.

You can embed styles from url and add inline styles.

After all changes in all sections click Save Shortcode.

You can list, edit, delete and export your shortcodes at All Shortcodes page (All Shortcodes menu item) by clicking on the corresponding buttons.

To import your shortcode text file (which was exported) use Import Shortcode section below your list of shortcodes.

To export all shortcodes use Export All Shortcodes button.

To insert your shortcode into the post or page content use Insert Shortcode button in TinyMCE Editor.

After clicking on the button you will be able to customize your shortcode or just quick insert it.

The shortcodes collection is presented under Collection Menu Button.

You can find different types of shortcodes by group, tags and using search.

There are many examples of usage and the collection is constantly updated.