WordPress provides you with shortcodes that let you do nifty things with very little effort.
Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line.
Lately, we were writing an article in which we wanted to display a shortcode, but unexpectedly the shortcode got executed instead of simply showing up.
Below are the 3 options from our developer that you can use to display the shortcode without rendering it on the front end:
Option 1. Wrap shortcode in square brackets
The structure of WordPress shortcodes is enveloped by an opening and closing square bracket
If you write the shortcode as it is and it is already present in the WordPress Shortcode library, then surely it will get executed.
So to stop its execution, wrap it in square brackets like in the example given below:
Any shortcodes that are wrapped in square brackets will be displayed on the front end of your site but will not be executed.
Option 2. Use <code> tag inside the square brackets
WordPress executes the shortcode only when it’s in its right format.
In the above option, we disturbed the square brackets. In this option, we will disturb the inside part of the brackets by wrapping the content with
Below is how it should look:
The code container HTML tag will create a barrier between shortcode content and square brackets and ruin the shortcode’s format.
A shortcode with a ruined format won’t execute, and we will be able to achieve our goal.
Option 3. Replace square brackets with HTML codes
If you replace square brackets with the HTML code for those brackets, then WordPress will render the HTML output on the front end instead of rendering the entire shortcode.
So, if you want to use
You have to add it to the Text/HTML Editor of the WordPress editor.
But here’s the problem, as soon as you switch back to Visual Editor, WordPress will turn the HTML back to its rendered form.
Hence, this option is not suitable for most people.
I hope the above 3 methods helped you display shortcodes with no execution. If you have any doubts or other ways to share, then feel free to use the comments section below.