I have been using the WordPress Syntaxhighlighter Plus plugin to display code for quite awhile now. Today I wanted to check on recent updates and through reading on the developers site found out that the code is no longer maintained and he recommends people use the WordPress Syntaxhighlighter Evolved plugin instead. I decided to go ahead and download the Syntaxhighlighter Evolved plugin and test it on my development site. I was pleased immediately with the choice and knew that I would be moving it live as soon as I had any kinks worked out. There was only one thing holding me bac which was the fact that with the code wrap turned off the CSS for alternating colors and for the highlighting was cut off when you started to scroll to any code that spilled out past the default size. The plugin also blew out the right side of my site a bit so I needed to modify a couple CSS width parameters. I describe a workaround for the alternating colors being cut off below as well as how to set the width so it doesn’t blow out your layout.
I typically post a lot of code or Linux shell data into WordPress posts using the SyntaxHighlighter plugin however in some scenarios that doesn’t always work the best so I use the QuickCode plugin. Since QuickCode is only rarely used I always forget the possible options that are available so this is a quick reference to those options.
QuickCode: A WordPress plugin formater
Standard QuickCode Post With No Options:
<?php print “This is sample code line one”; ?>
<?php print “This is sample code line two”; ?>
<?php print “This is sample code line three, Question Defense ROCKS!”; ?>