rmoff's random ramblings
about talks

Sourcecode markup tweaks in Wordpress

Published Sep 26, 2011 by in Wordpress at https://rmoff.net/2011/09/26/sourcecode-markup-tweaks-in-wordpress/

I noticed in Ed Stevens’ blog posting here that some sourcecode he’d posted had certain lines highlighted.

Wordpress provides the sourcecode tag for marking up sourcecode in blog posts. For example:

cd /some/random/folder ls -l # do not run this next line!

is much better presented as: [sourcecode language=“bash”] cd /some/random/folder ls -l # do not run this next line! [/sourcecode] by wrapping it in [sourcecode] tags

I’ve known about the language=‘xx’ attribute that you can use with the tag, but Ed’s posting prompted me to check on the syntax and it turns out there a few tweaks one can use. Some of them are illustrated below. The list is taken from Wordpress’ Posting Source Code reference page.

[sourcecode] …. [/sourcecode] ðŸ”—

[sourcecode] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode language=bash] …. [/sourcecode] ðŸ”—

[sourcecode language=“bash”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode gutter=false] …. [/sourcecode] ðŸ”—

[sourcecode gutter=“false”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode collapse=true] …. [/sourcecode] ðŸ”—

[sourcecode collapse=“true”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode highlight=3,5,6,8] …. [/sourcecode] ðŸ”—

[sourcecode highlight=“3,5,6,8”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode firstline=42] …. [/sourcecode] ðŸ”—

[sourcecode firstline=“42”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode padlinenumbers=3] …. [/sourcecode] ðŸ”—

[sourcecode padlinenumbers=“3”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode toolbar=false] …. [/sourcecode] ðŸ”—

[sourcecode toolbar=“false”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]

[sourcecode light=true language=‘bash’] …. [/sourcecode] ðŸ”—

[sourcecode light=“true” language=“bash”] #REF: http://en.support.wordpress.com/code/posting-source-code/ # # This is some dummy source code to illustrate sourcecode posting on wordpress # Line 2 # Line 3 cd /some/random/folder ls -l # do not run this next line! rm -rf /some [/sourcecode]


Robin Moffatt

Robin Moffatt works on the DevRel team at Confluent. He likes writing about himself in the third person, eating good breakfasts, and drinking good beer.

Story logo

© 2025