Comments on: Posting Source Code on Your WordPress Blog Posts

By: Antti Kokkonen

Antti Kokkonen — Thu, 01 Apr 2010 01:35:17 +0000

Awesome. I'm happy it helped! Reminder me fix the “curly quotes” on my blog as well, never liked'em that much :)

By: Doug C.

Doug C. — Thu, 01 Apr 2010 01:28:37 +0000

Antti, I replaced all instances of quotation marks in my code with the escaped characters and it works perfect. I just used the Find and Replace feature in my text editor, which made it really easy to accomplish this quickly.

Thank you for your help.

By: Antti Kokkonen

Antti Kokkonen — Wed, 31 Mar 2010 22:35:17 +0000

Awesome. I'm happy it helped! Reminder me fix the “curly quotes” on my blog as well, never liked'em that much :)

By: Doug C.

Doug C. — Wed, 31 Mar 2010 22:28:37 +0000

Thank you for your help.

By: Antti Kokkonen

Antti Kokkonen — Wed, 31 Mar 2010 14:11:44 +0000

The “remove_filter” does the trick. I don't why it's not working for you as that's something related to your theme, but other than that, yeah, using the escaped HTML code is the way to go – not a good way, but a way :)

By: Doug C.

Doug C. — Wed, 31 Mar 2010 13:45:26 +0000

Ok, now I understand. You mean just place the code you wrote directly in the stylesheet, as is. Got it. But now it still has those bizarre quotation marks so the only way to fix that is with a plugin, eh?

By: Antti Kokkonen

Antti Kokkonen — Wed, 31 Mar 2010 13:42:18 +0000

How does editing existing element differ from adding a new one? Just add it, if you need to. Use my example if you want (it just makes the text monospace, taken that you actually have the code inside code-tags).

By: Doug C.

Doug C. — Wed, 31 Mar 2010 13:38:56 +0000

The thing is I can't find a code attribute anywhere in my stylesheet in order to style it.

By: Antti Kokkonen

Antti Kokkonen — Wed, 31 Mar 2010 13:35:13 +0000

As I already said on earlier comment, having style for code in the css is just styling, does not help with quotation issue. Here's example if you want to style however:
code {font:1em Monaco,'Courier New',monospace}

By: Doug C.

Doug C. — Wed, 31 Mar 2010 12:54:52 +0000

Nope, I entered it correctly, but it didn't do anything. I don't have a code style in my stylesheet. That's why I asked, “Curiously I did not find a “code” class in my own site's stylesheet. Is that something I have to create myself?

By: Antti Kokkonen

Antti Kokkonen — Wed, 31 Mar 2010 12:51:44 +0000

If the remove_filter didn't work, you did it wrong -or- there is overriding line of code elsewhere in your theme-files (checking other filters for “the_content” or “_filter” from the .php should do the trick).

And the reason the code-tag didn't do anything probably has something to do with the having style definition for code in the css-file :)

By: Dave Doolin

Dave Doolin — Wed, 31 Mar 2010 12:49:09 +0000

I actually present a fair bit of code, and WP-Syntax doesn't play well with Thesis theme.
Thinking about switching to SyntaxHighlighter Evolved next.

By: Doug C.

Doug C. — Wed, 31 Mar 2010 12:35:28 +0000

I already tried adding the “remove_filter” line to my functions.php file and it didn't do anything. I coded a div with some inline styles to dress up that ugly code section in my article, but since it's not a proper “code” tag it didn't do anything but make the boxes better looking.

By: Antti Kokkonen

Antti Kokkonen — Wed, 31 Mar 2010 12:29:05 +0000

The "smart quotes" or "curly quotes" is a WordPress theme feature. If you want to disable it completely (affects all quotes, not just in code), add this to functions.php of your WP theme:

remove_filter('the_content', 'wptexturize');

The option for just code is using the escaped character code of quotation mark instead of just typing it:

" instead of: "

...and after using the character code, just publish. If you edit after that, the code will be converted back to " (In that sense, WordPress editor sucks a bit, thus disapling the wptexturize is good option).

For the styling, add something like this to the .css file (you don't necessary need it, unless you want particular style for the code- or pre-tagged text):

code {font:1em Monaco,'Courier New',monospace}

By: Doug C.

Doug C. — Wed, 31 Mar 2010 10:10:41 +0000

I only write in the HTML window anyway, but I just wrote a guest blog tutorial and the code (if copied off the page) renders with backward quotation marks. Curiously I did not find a “code” class in my own site's stylesheet. Is that something I have to create myself?

By: Antti Kokkonen

Antti Kokkonen — Wed, 31 Mar 2010 10:04:26 +0000

The best code highlighting plugin I've seen is the SyntaxHighlighter Evolved I mention on the post.

I don't use it myself, since I don't like having the Javascript thing here, when I only post code every so often. I personally use HTML tags and CSS to format the bits of code… At minimum, the code needs to be in CODE-tag, or in PRE-tag, and those should use “monospace” font, like Monaco, 'Courier New' or similar.

The “quotation mark issue” is “fixed” by using a PRE-tag or editing the post only in the HTML-side (not WYSIWYG), and use the character code. More about that in the WordPress codex link on the post: http://codex.wordpress.org/Writing_Code_in_Your…

By: Doug C.

Doug C. — Wed, 31 Mar 2010 09:24:50 +0000

Antti, have you found any code converter plugins other than the one you mentioned? I'm having some issues with writing code in some of my tutorials on my WP site – the quotation marks keep getting turned around. I've been searching for something to fix this (either a plugin or perhaps a hard coded fix), but I haven't really found anything that works yet.