Illudium PU-36 Explosive Codeolulator

This plugin turns code blocks -- specifically, <pre><code> blocks -- into much prettier-looking ordered lists.


  1. The plugin has some options near the top of the file. They should be self-explanatory; if they're not, just leave them for now.
  2. Upload the plugin to your plugins folder, usually wp-content/plugins/.
  3. Activate the plugin on the plugin screen.
  4. The code.css file included with this plugin contains some example rules for styling your code lists.


Get it here.

Frequently Asked Questions

Why would I want my codeblocks as ordered lists?

Because <pre> blocks break the page. Long lines break the design, because they don't wrap when they reach the edge of a block. You can get around it by setting the overflow property, but that adds ugly scroll-bars all over the place.

An ordered list shows line numbers, so it's easy to say, "I did something cool on line 6". An ordered list also wraps properly and doesn't widen your pages. And hey, it looks good.