How to Use Shortcodes

Shortcodes are something like placeholders. You add them into the text of a post or page and they will be replaced in the output with something different, depending on the code you use. Shortcodes are enclosed by square bracket and they start with a shortcode’s specific name, followed by optional parameters. Parameters can be numbers or words, and they look like size=12, button=large or title=”Hello there!”

  • If the value of a parameter contains spaces, then you need to enclose it in quotes.
  • If you need to use quotes inside the value, you can use single quotes or double quotes, what ever you haven’t used for the outer enclosure.

When you copy shortcodes from this site, please make sure you don’t copy over any formatting (e.g. bold). It is also recommended to re-type all (double) quotes since curly/tilted quotes are not recognized by WordPress.

Available Shortcodes

You can find the list of front end features here. Each of it has its own shortcode.

Too Complicated?

If you don’t want to mess around with shortcodes and parameters, you can also get the same results with Gutenberg, which is the default WordPress editor since version 5.0. All tag cloud shortcodes exist as Gutenberg blocks and you can simply configure them through a user interface.

TGB - Gutenberg Post Edit screen
Example of the Accordion Tag Cloud as Gutenberg block. The options are available in the “Inspector” in the right side bar.

How do you rate this article?