Follow this WordPress Theme Tutorial Series from the beginning. You don’t need index.php today. Open Xampp Control, theme folder, Firefox, Internet Explorer, and style.css. Before we start, forget yesterday’s screenshot that I showed you. I had the widget plugin turned on while taking the screenshot, which explains why my sidebar looked different from yours. Also, in the style.css file, change all Sans-serif […]
Tutorials
WP Theme Lesson #11: Widths and Floats
Follow this WordPress Theme Tutorial Series from the beginning. This lesson will cover how to set the width for each DIV (or invisible box) and how to arrange them. It’ll also show you some workarounds to get your theme to display right or look the same in both Firefox and Internet Explorer. Before we start, open the […]
WP Theme Lesson #10: Hex Codes and Styling Links
Follow this WordPress Theme Tutorial Series from the beginning. Continuing from yesterday’s introduction to CSS, we’ll do more coloring and learn more about hex codes. The color property, followed by a hexadecimal (hex) code, is for coloring texts (words). For example, body { color: #000000;} means all texts (words) in the body of your page will be black. The background […]
WP Theme Lesson #9: Style.css and CSS Intro
The best way to learn CSS is to dive right in. Unlike XHTML and PHP, you don’t need to touch the core files of your template. You also don’t need to understand any basic concept. Just dive in. Trial and error is the way to go. Before we start, you should already have some information […]
WP Theme Lesson #8: How to Validate
You need to learn how to validate your codes, before stepping into CSS and working with the style.css file. Validate/Validating/Validation simply means making sure there’s no error. At beginning of this series, I gave you two links to bookmark, XHTML Validator and CSS Validator. For this lesson, you’ll use the XHTML validator. I’ll keep this lesson very short and simple […]
WP Theme Lesson #7: Footer
This lesson on the footer is simple. You’re going to add a DIV or invisible box under the Sidebar DIV and fill in some copyright text for the footer. Think you can do that without my instructions? Go ahead a try it. Come back to this lesson to double check. Step 1: Add the DIV Type the […]