How To Display Code Properly Within Your WordPress Blog Posts

You may have noticed it, but I share code on an extremely regular basis in my WordPress blog posts. While there are many plugin-based solutions to display code on your blog, it’s always best to find plugin-free solutions to your WordPress questions.

An interesting way of displaying code properly within your WordPress blog posts is to change the behavior of WordPress with some pre-determined HTML tags. In this example, I’ll be using the <pre> and </pre> tags.

Simply paste the following code in the functions.php file of your WordPress theme:

1
2
3
4
5
6
7

function pre_entities($matches) {
	return str_replace($matches[1],htmlentities($matches[1]),$matches[0]);
}
$content = preg_replace_callback('/<pre.*?>(.*?)<\/pre>/imsu',pre_entities, $content);

This piece of code will automatically replace content in <pre> and </pre> tags by HTML entities.