Shortcodes

Foundation 6 has a tonne of components built in and these are made available in Inti Foundation as WordPress shortcodes.

inti-foundation-shortcodes

You can turn shortcode picker tool on and off in functions.php

add_theme_support('inti-shortcodes');

Expansion in Child Themes

Creating your own shortcodes, or overwriting the default Inti Foundation ones is simple.

structure-shortcodes New shortcodes you create must contain two files, PHP and JS.

The PHP file contains a function for the shortcode output (what is displayed to the public visiting the website) and a form template for adding options to the shortcode picker (available wherever the WP_Editor is). It also contains functions to enqueue the JS file.

The JS file contains two event watchers. One detects the change on the selected shortcode in the picker to display the options form, one detects a click on the insert button and builds a valid shortcode tag from the options form.