The Shortcode Tester is a post editor tool for WordPress developers that displays in a popup window the HTML generated by WordPress shortcodes, i.e. so you can quickly view the generated HTML without having to view the entire post. Please visit https://github.com/magenta-cuda/shortcode-tester/blob/master/README.md for a very quick introduction.
- Download the plugin from the WordPress repository.
- Open the ‘Plugins’ menu item and activate the plugin.
- Read the tutorial at https://github.com/magenta-cuda/shortcode-tester/blob/master/README.md.
- “Show Rendered” shows more than the shortcode HTML elements.
“The Shortcode Tester” tries to hide HTML elements that are not part of the shortcode. It assumes that the current theme uses the standard WordPress framework for emitting the header, the content, sidebars and the footer ( actions/filters such as ‘the_content’, ‘get_sidebar’, ‘get_footer’, … ). If the current theme deviates from this framework “The Shortcode Tester” will not be able to properly identify the header, sidebars and/or the footer.
- “Show Rendered” shows less than the shortcode HTML elements.
- “Show Rendered” vs “Alt Show Rendered”
- Does “Show Rendered” require that the shortcode have support for Gutenberg blocks?
No. “Show Rendered” does not use Gutenberg blocks. It uses the WordPress server to render the shortcode as it would when the page is requested from the browser and tries to skip rendering everything but the shortcode. In particular, it will work with old plugins that do not have support for Gutenberg blocks.
Contributors & Developers
“A Shortcode Tester” is open source software. The following people have contributed to this plugin.Contributors
Interested in development?
- added “Alt Show Rendered” button which prevent the theme’s scripts from running
- fix problem with non permalink URL’s
- fix “permalink not found” error after updating to WordPress 5.3
- fix problem with “Show Rendered” on posts of type ‘post’
- add support for Gutenberg
- fix major bug where shortcode evaluation was wrong if it was dependent on is_admin() === false
- disable false warnings from DOMDocument
- add prettify option
- refactor to improve software quality
- Code rewritten to improve software quality
- Fix namespace problem
- Initial release.