WP Code Preview Logo

Do you post source code to your Wordpress blog for others to read? If so then read on...

Wordpress offers a convenient way for bloggers to display source code on their blogs with the correct syntax highlighting through the use of a shortcode. So your code can look like this :

This is great but how do I preview what it will look like before I post, and how can I customise how it looks through the many display options quickly? Well that’s what this site is for!

Just type in your code, try out the numerous display options and then, when it looks just how you want it, you can copy the code and the correctly generated short code and paste it straight into your blog post editor of choice.

As we are using the built in shortcode functionality of wordpress we don’t need to add any new plugins to Wordpress or anything like that. Supports all the features of the WordPress.com code highlighting functionality, such as ‘no toolbar’, ‘line highlighting’ etc, as well as a hige list of languages.

Try it out now!

Regardless of your editor, you can just paste in the generated code...

Using with the Wordpress Client App or Classic Editor:

Using with the new block based Wordpress Editor:

Using in Live Writer with our popular custom plugin:
We have a popular plugin that provides this functionality right inside Live Writer. Check it out here.