Show shortcode without executing it

I am trying to display code in my WordPress page and it isn’t working. Everything I read says that you should be able to just use pre tag with code tag and it would be good but when I try to display a shortcode, it renders the shortcode rather than displaying the code.

The codex says that using pre and code would work but it isn’t for me. Has anyone had this issue? Am I missing something in functions.php that makes this work?

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

To display a shortcode instead of rendering it you have two options:

1. Write [[shortcode]]. WordPress will show this as [shortcode].
2. Escape the [, write it as as [ or [.

Method 2

Using &#91 tag will not work if you switch between the text and visual editor.

The [[shortcode]] solution does not work either with WP 4.1.1.

Instead, the following solution works:

[[shortcode]
Hello World
[/shortcode]]

Method 3

Worked for me:
[shortcode] where &#91 is [ and ] is ] html codes.

Don’t worked for me the one suggested by toscho:
Write [[shortcode]]. WordPress will show this as [shortcode].

Method 4

I tried all suggested answers, none worked for me.

Here is my (strange) way of showing [solr_search_shortcode]:
<pre>[<code>solr_search_shortcode</code>]</pre>

See it live here.

Method 5

Wrapping brackets with <span>[</span> also seems to work

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0