Crayon Syntax Highlighter - A plugin for displaying code in WordPress

Displaying Code in WordPress with Crayon Syntax Highlighter

| 5 Comments

Being that this is a website that’s all about WordPress, it’s kind of essential to be able to display code on my site, to help my readers see snippets of code that they will need to make the modifications I’m writing about.

Until a couple of weeks ago, I was using Syntax Highlighter Evolved to display code on my site. However, I had a couple of small issues with it and decided to go in search of the alternatives, being that I’d been using it for a couple of years without looking at what new plugins had arrived on the scene.

One plugin I came across is called Crayon Syntax Highlighter, so I thought I’d try it out. I was mightily impressed. It’s faster than Syntax Highlighter Evolved, it’s in active development and it’s much more user friendly, for both the writer and the reader.

It also has a much wider array of configuration options, to really fine tune the appearance and operation of the plugin.

An added benefit for me was that it recognises the same shortcodes as Syntax Highlighter Evolved, so all of my old markup was instantly recognised by Crayon Syntax Highlighter.

From what I can tell, it has all the features that Syntax Highlighter Evolved has, plus a whole lot more. If you need help figuring out how to use its features, like adding titles, highlighting lines, specifying the code language and specifying appearance options on a snippet by snippet basis, there’s a huge help write-up on the Help drop-down on the plugin’s configuration page.

I’m so glad I found this plugin and made the switch. If you’re running Syntax Highlighter Evolved, I seriously suggest checking it out.

Categories: Plugins | Permalink

What next?

Hire me

If you couldn't quite manage this yourself, find it too intimidating, or just don't have the time to do it, you can always hire Dave to do it. Please get in touch so that we can discuss your needs.

Leave a comment

If you have a question, update, or comment about the tutorial, please leave a comment. I try and respond to every comment, though it may take a few days, so please check back soon.

Keep your site backed up, updated & secure

I provide a service called The WP Butler, which helps you stay on top of the maintenance of your WordPress site. Instead of worrying about whether your site is secure, updated and backed up, The WP Butler handles all that for you on a regular basis, so that you can focus on doing what you do best. If you use coupon DIWW, you'll save 15% on our already-low-prices for all maintenance plans.

Author: Dave Clements

Dave Clements has been building websites for close to a decade and in 2010, he formalised that by starting his own company, The UK Edge. He now works on a variety of web projects, from simple tasks like installing a new WordPress site, to consulting on problems, or redesigning his clients' sites. He also runs Do It With WordPress, a site dedicated to providing free tutorials on WordPress. When he's not building your new website, you can find Dave eating Wheat Thins, spending time with friends and family, watching Indie films, fostering kittens from the local Humane Society, listening to some dubstep, dance and electronic rock, and exploring the world.

5 Comments

  1. Hi, Crayon Syntax Highlighter works with WordPress older version too? If yes, please tell me I don’t want to risk my site by installing it.

    • It should do. You should check the plugin page for the “Requires version” field to see what the developer has retro-supported the plugin to. My guess is yes, but more to the point, you should update WordPress. Keeping old versions is not wise.

  2. Syntax Highlighter Evolved was driving me nuts. If I switched between visual and html my code would get all sorts of ‘pre’ and ‘comment’ tags added in. There doesn’t seem to be a fix in sight.

    Thanks for the Crayon recommendation. Just made the switch.

    I can now switch between visual and html without correcting my code every time! I also like the “paste code here” box instead of having to type out the shortcode.

Leave a Reply