After countless of design and inspiration list you have finally come up with your own website design. But it is still sitting in Photoshop waiting to be coded. Coding a WordPress theme for the first time can appear a daunting task and even if you have done it before there is a lot of tag and code to remember.
Personally when coding a WordPress theme I’m always googling or searching the WordPress codex for solutions. This made me realize that others have the same issues and maybe even beyond WordPress only, with HTML, CSS, PHP and jQuery.
So I looked around and selected the best and most updated cheat sheets I could find to help you code your own WordPress theme. I aimed mostly for web page and PDF versions; Copy and Paste goodness that you don’t get with image versions.
Find me by IP has a very good chart covering everything about HTML5 & CSS3, they keep track of all visitors browser data and they offer you the same service, just send others a link supplied by Find me by IP and you’ll get all information of their browser.
You have decided to code your new theme with HTML5 and CSS3, but lets admit it a lot of the syntax and selectors are just to complicated to commit by memory. Box-shadow, text-shadow, lets not even talk about gradients. This cheat sheets will save you a lot of time.
Don’t want to go hardcore HTML5 and CSS3 yet? These clear and clean XHTML and CSS Cheat Sheets cover everything just in case you have forgotten something.
The mother-load of all cheat sheets, all tags and shortcodes. This very clear overview links back each item to the WordPress Codex, saving you time from searching in the Codex and heaving to choose which result to pick.
This checklist is very important, you have to name your stylesheet “style.css”, other pages also have a required name. If you want to release your theme for others to use it is important that you have covered all HTML attributes, such as lists, headers, block-quotes, etc.
if you have basic knowledge of PHP and want to mod your page and post entries result a bit this cheat sheet will come in handy.
Feeling even more brave or worse, no plug-in for what you need? This jQuery cheat sheet will help you if you need to implement some jQuery codes that need some modifications.