How Does CSS and HTML Work In WordPress
If you wondered, I create my own WordPress themes. While it hasn’t always been this way, back when I first started blogging and using self-hosted WordPress, I was at the mercy of using free WordPress themes. While this is a great option to have, I was still personally frustrated because I would have difficultly finding a theme that I liked. In some cases, I would find a theme that I enjoyed but there’d always be something minor that I didn’t like about it, such as having a tons of sponsored links at the bottom.
Over the course of time, I took it upon myself to learn more and more about WordPress themes and how they are built. Amazingly, the shell of a WordPress theme is actually quite simple. I know that you don’t believe me at this point in time, but in due time, you’ll agree with me. In this article I want to talk to you about CSS and how it plays a heavy roll in WordPress themes.
What Is CSS?
CSS stands for Cascading Style Sheets. It has been around since the early days of HTML. To keep a long story short, CSS is a stylesheet language that allows for people to make HTML look pretty. CSS allows you to add colors, sizes and styles to your fonts. Additionally, CSS allows you to position text a certain way on a web page. Back in the early days of HTML many people would use tables to make text appear on a web page in columns.
Today this is done using CSS. This type of HTML styling allows for your content on the source file to be more search engine friendly. That is part of the reason why blogs out of the box are natural search engine magnets. While the content appears to readers one way, the source file of the text is presented to search engines a different way. In many cases if you have written very good CSS you can really control the flow of your content and how you present the information to search engines.
How Does CSS Work With WordPress?
CSS plays a huge roll in WordPress because the program allows for the creation and use of custom WordPress themes. WordPress themes are really nothing more than a handful of standardized files that controls the key elements and codes of the WordPress program and one file that controls the styling. Really, if you look at it in forms of complexity, creating or modifying WordPress themes are really one of the simplest forms of CSS stying. Reason being is for the standards in WordPress.
I totally intend on showing you how to create your own WordPress themes. However, I would strongly recommend that you follow my lead here and invest time into learning CSS itself and how it can be used to style basic HTML pages. WordPress, even though it’s written in PHP, many of the files use standard HTML code. This standard HTML code has been styled using CSS for almost ten years. In other words, not much has changed. It will greatly benefit you to get the term WordPress out of your mind and get more in the mindset of learning CSS.
How Do I Learn CSS?
CSS is very simple to learn compared to other programming languages. Once your learn CSS it’s really no different than learning how to play the guitar. Once you have successfully grasped the concept of CSS, the only limitation of using CSS is in your imagination. The same goes hand in hand after learning how to play guitar and writing music. Your only limitation in playing the guitar and writing music is in your level of creativity.
There are many sources on the Internet that give you CSS tutorials and guides to learning. Simply use Google and search for things like CSS Tutorials, or CSS Guides, or How To Learn CSS. However, I didn’t go that route. I decided on purchasing a book. For me, I learn and attain information much better when it is in the form of a book rather than information found on a web page. Usually if I find information on a web page that I want to learn, I’ll even go so far as to print it so that I have have the information in hand.
What CSS Books Do You Recommend?
I can only recommend the books that I have purchased myself. I purchased these books at my local bookstore; however, you can use the Internet to try to search for the best deals. One thing to consider with my book recommendations is the time you are reading this article. As of June 7th, 2008 these following books will be great. Keep in mind that the older this article ages, you might want to consider making your own choices. It is very important to purchase FRESH books related to web design as the technology chances so rapidly. With that being said, here are two books that I recommend purchasing.
- CSS Web Site Design Hands on Training (Hands-On Training)
- The Ultimate CSS Reference
- The Essential Guide to CSS and HTML Web Design (Essential Guide)
The last book is a great choice too because it includes both CSS as well as HTML study. However, overall I would strongly recommend that you if need help learning HTML, I would purchase a book specifically for HTML. If you don’t know HTML here are a few books that I own and recommend that you purchase.
What HTML Books Do You Recommend?
Here is are three HTML books that I would recommend purchasing. Learning HTML has to come FIRST before you attempt to learn CSS. As you now know, CSS is a styling language that helps make HTML look pretty. If you don’t know how to program in HTML, then CSS will be useless to you. Not to worry though, HTML is a very simple programming language to learn. Honestly… it’s easy and can literally take you a good hard worked weekend to learn. Here are three books that I enjoyed reading.
- Learning Web Design: A Beginner’s Guide to (X)HTML, StyleSheets, and Web Graphics
- HTML, XHTML, and CSS, Sixth Edition (Visual Quickstart Guide)
- Pro CSS and HTML Design Patterns
The first book is awesome. The second book is too, but keep in mind it is getting a little older. However, at this time everything is still very current and very helpful. The third book I actually do not own but have had in my hands many many times at the bookstore and will be purchasing it soon. This book does a great job at combining both CSS and HTML, while again I prefer to have a book dedicated to one subject, this one does a great job with covering both languages. HTML and CSS really go hand in hand and this last book does a great job at presenting both.
Questions and Comments?
If you should have any questions or comments or want me to give you an opinion on a book that you are considering purchasing, drop me a comment using the comment form below. I will be happy to help answer your comments as best as I can. Also feel free to share your experience. If you have books that you feel would be helpful for others, feel free to use the comment form to share what you know.

Related Articles:
- Question For You - Do You Want A Series On WordPress Theme Tutorials?
- The WordPress WP Super Cache Plugin
- Anyone Out There Still Building Static HTML Sites?
- A Review of Brian Gardner’s WordPress Themes
- Add To Wordpress Sidebar.php
- How To Speed Up Your WordPress Blog
- The Complete Wordpress.com Video Guide and Tutorial
- Wordpress Theme Generator
- Computer Programmer For Hire
- Is Your WordPress Blog Worth $65,000 Dollars?



Join my free newsletter to learn more about making money online with a blog. Simply enter your name and email address below.

Date/Time: 6-8-2008 21:16:54 Comment #15258
I remember when I got my first computer, I locked myself in my room and taught myself HTML. By the time I got it figured out, this whole CSS thing was beginning to take off.
I haven’t completely figured out the CSS thing yet, but I am starting to get it figured out. There is a great website that can help with CSS also.
http://www.w3schools.com/css/default.asp
I figure that by the time I get CSS figured out completely, it will be outdated and we’ll be on to something else. LOL
Date/Time: 6-9-2008 18:13:22 Comment #15292
CSS and HTML isn’t going away anytime soon… you should teach yourself, you’d be totally happy.
Date/Time: 6-9-2008 05:04:10 Comment #15264
Morning G,
Are trying to sneak a wordpress theme design tutorial by us in little snippets like that.
Come On Garry you’re going to do one and you know you are!!!
Ive been fooling about CSS on WP for a little while.
Some of it still mystifies me.
Ive broken more blog themes that way.
Until I figured out you can do all the editing and fooling around on your hardrive and view the theme before you upload it.
I use a cool little pgm called Xamp control panel, its a no charge thing and it allows you to install WP locally on your hard drive.
Call me lazy but I do changes live, instead of downloading which ever Css template I have then editing it and the re-loading it. NOT always the best idea let me tell you.
So yeah when is the full on WP theme design tute coming.
Any thoughts on releasing your other themes you’ve thrown away.
PS you have an adorable family by the way.
Date/Time: 6-9-2008 18:14:27 Comment #15293
I was considering not releasing AFFAdMax just to make everyone mad.
Joking… maybe a week, you’ll be getting the golden brick in email with download link.
Date/Time: 6-11-2008 07:43:34 Comment #15393
Great post Garry… Excellent feedback too.. Let’s face it.. People are either time starved.. lazy.. preoccupied… Or all 3.. It would be a great thing for a blogger who’s platform is Wordpress, to pick up CSS and HTML in fact I have picked up some great tips from a small book that basically teaches you how to create a web page from scratch.. move images around… change elements of a page… style the textual elements (like how the text will appear on a page).. create headers and header graphics placement.. basically all the elements and the layout of a web page… Not bad for a book that is all of 122 pages long. It’s called “Creating A Web Page With HTML” by Elizabeth Castro. Hey.. I’m no HTML expert.. but having a book like this handy has given me the confidence to do some tweaking to my blog… Now that is cool! As far as WordPress Themes are concerned they just seem to get better and better as more people jump on board the train… Which is testimony to both the platform and Open Source Community. What I recommend, is getting a theme made for you that reflects your sites theme and your personal style… Creating one yourself (if you can be bothered).. Or purchase one of the many professional “Off The Shelf” themes that are out there that will fit you. But that is another subject all together.
Enjoy!