What theme is good for posting code?

All we need is an easy explanation of the problem, so here it is.

I have my blog hosted at www.alphaot.com and I guess it’s good enough. But problems arise when the lines of code get longer than 30 characters. The lines just wrap and get icky or something they even don’t wrap!

In your experience what’s a great WordPress theme for a developers blog to post code to?

Also, I’m using Windows Live Writer, any extensions for code publishing you would recommend?

Edit:

More than plugins, I’m interested on a clean, free wordpress theme that is WIDE so the code doesn’t have to be wrapped.

How to solve :

I know you bored from this bug, So we are here to help you! Take a deep breath and look at the explanation of your problem. We have many solutions to this problem, But we recommend you to use the first method because it is tested & true method that will 100% work for you.

Method 1

I would suggest that you flip the question to What plugin is good for posting code?. You can only do so much with <pre> and <code> HTML tags. I post code snippets on my blog all the time using the WP-Syntax plugin. Here’s a nice working example:

A WordPress Blog Post with PHP, TXT and HTML snippets using the WP-Syntax Plugin

It allows me to identify the code I post as CSS, HTML, JavaScript, PHP, plain text, and many more. Then it color codes the snippets accordingly.

It also preserves indents which I’ve found very useful for usability/user experience when copy/pasting decent sized code snippets from other sites.

The syntax is easy, you just switch to the HTML editor in a post and wrap all of your code in a <pre> tag. For example:

<pre lang="php">
  <?php
    echo "I love cheese!";
  ?>
</pre>

The above will output a nice color coded PHP snippet. The plugin leverages the GeSHi syntax highlighting class to do its dirty work. All of the available languages are outlined on the GeSHi website.

Method 2

I’ve found success using Nathan Rice’s Single Post Template plugin, and creating a “no-sidebar” template page for posting code. Works pretty well for most cases.

Method 3

Perishable Press has extensive tutorial on styling <pre> tags, including nifty auto-expand on hover for long lines.

Method 4

In the end I used the theme called Elegant Grunge from Michael Tyson.

I’m using Windows Live Writer 2011 with the Insert Code plugins for it, and it works very well.

Check out my blog Alphaot.com to see how it ended up.

Method 5

I personally find the CSS method to be suitable..

https://stackoverflow.com/questions/322929/word-wrap-in-css-js

See the answer provided by Jake Scott.

Note: Use and implement method 1 because this method fully tested our system.
Thank you 🙂

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

Leave a Reply