Knowledge Base

Ignition Framework shortcode collection

The Ignition Framework includes several shortcodes you can use in any content area field in Customizer, inside your content using the shortcode block or in a text widget.

[ignition-custom-menu name="your menu name"]

Create a Custom menu from Appearance→Menus, then use this shortcode to display it in any location you want. Primary used to display Social icons in the top bar.

  • Create New Menu instead from Appearance→Customize→Menus.
  • To add a social media link to the menu, click + Add Items.
  • Next, select the Custom Links menu item type.
  • Add the address for one of your social media profiles in the URL field. For example, if the link to your Facebook profile is https://www.facebook.com/cssigniter, you would copy that into the URL field.
  • You can also enter a name for the social media profile in the Link Text field. Once you’re ready, click Add to Menu.
  • Repeat the above steps until all the social media profiles you wish to use have been added to the menu.
  • Finally, click Publish.

We strongly suggest checking this article on using menus in WordPress.


[ignition-site-search]

Simple site search field, you can use it under any content area in the Customizer.

[ignition-site-search post_type=”product”]

Same as above but, will help you search specifically products. This is quite helpful if you have an online Shop or if you want to search for a certain post type.


[ignition-date]

Supported attributes are:

  • format (optional): The date format, by default follows the one set under Settings → General.

Use this shortcode in any Customizer content area to display today’s date.


[ignition-current-weather id="your-location-id(optional)"]

Supported attributes are:

  • id (optional): The id of the location to display the weather from, default is the one set under the Customizer Weather options.
  • units (optional): C or F units to display.

This will display the weather inside any content area in Customizer. You will need to setup the API first from Customize→Utilities→Weather. The location ID number can be found by visiting OpenWeatherMap.org and searching for your city. Leave this blank and the default ID from Customize→Utilities→Weather will appear.


[ignition-wc-login]

If you have an Account page selected this shortcode will generate a link to that page. You will need to have WooCommerce installed and  under WooCommerce→Settings→Accounts & Privacy tab the Allow customers to create an account during checkout option  checked.


[ignition-minicart-button]

This shortcode will display the minicart. Use it under Customize→Top Bar in any content field you wish. You will need to have WooCommerce installed in order this to work.


[ignition-language-switcher]

Supported attributes are:

  • display (optional): accepted values are flags, text or both
  • type (optional): accepted values are dropdown or menu
  • untranslated (optional): accepted values are hide or home

We support WPML and Polylang. You can either use their default language switcher or our shortcode one.


[ignition-icon-link]

Supported attributes are:

  • icon (optional if text exists): one of the available icon slugs. For a list of the available icon slugs see here.
  • text (optional if icon exists): wording for your link.
  • link: the URL you want your link to point to.

[ignition-instagram-feed]

Supported attributes are:

  • username: The username you wish to display on the feed.
  • limit (optional): The maximum number of images to display. Default 12
  • videos (optional): Whether to display video thumbnails. Accepts 1 or 0. Default 0.
  • resolution (optional): The default image resolution. Accepts ‘default‘ (automatic selection), ‘thumbnail‘ (150x150px), ‘low‘ (320x320px), ‘standard‘ (640x640px). Default ‘default’.
  • width (optional): The desired width of each image, when $resolution is ‘default’. Accepts any positive integer. Default 250.
  • carousel (optional): Whether to enable the slick slider carousel. Accepts 1 or 0. Default 1.
  • autoplay (optional): Whether the carousel will auto slide. Requires carousel to be enabled. Accepts 1 or 0. Default 0.
  • slides (optional): The number of visible images. Requires carousel to be enabled. Accepts any positive integer. Default 8.
  • arrows (optional): Whether to show the navigation arrows. Requires carousel to be enabled. Accepts 1 or 0. Default 0.
  • speed (optional): The auto slide timeout in milliseconds. Requires carousel and autoplay to be enabled. Accepts any positive integer. Default 3000.

Use the coupon code WORDPRESS and save 30% OFF! Buy Now