In Creating Your Own WordPress Theme Part 4 we began adjusting the css to reflect what we want. In this part, we’ll wrap up this tutorial with a completed theme. There will probably be quite a few changes and this will be rather long. Hopefully we’ll have something a little unique when we’re done.
We’ll be working on the sidebars, comment area, footer, and making a few adjustments to several of the php files to make it all come together.
Let’s get started…
Click here to continue reading →
In Creating Your Own WordPress Theme Part 3 we managed to setup the basic layout. We’ll go ahead and pick up where we left off and see what we can get accomplished this evening.
Since I wasn’t happy with the link colors, I played around with various color combos for a couple of hours until I found something that I think looks good and is a little different. So here’s the changed css…
Click here to continue reading →
It’s been about a week since my last update to this series due to me being incredibly busy with paying work, but never fear…Part 3 is here.
In Creating Your Own WordPress Theme Part 2 we finished up with a very basic theme with no styling. It works, but it’s ugly. Today we’re going to pick up right where we left off and get most of the layout, minus any graphics, done.
Open style.css so we add in some of the basics including font, font-size, h1, etc. Here’s what I’ve done so far…
Click here to continue reading →
For those of you who don’t want to go through all the steps included in Creating Your Own WordPress Theme Part 2, here are the base theme files that I use when creating a new theme.
In Creating Your Own WordPress Theme Part 1 we talked about writing down what you would like your theme to include and then drawing some pictures of your website to get an idea of what it would look like. Today we’ll use those ideas and drawings and get into the actual coding of the theme.
The first thing we need to realize is there is no need to recreate a theme from scratch. The default theme (Kubrick) contains just about everything we’ll need, so we’re going to use it as a base for creating our new theme. Even though we’ll be making a few changes to the default .php files, the vast majority of our time will be spent creating and editing style.css.
Ok, so let’s get started. Go ahead and make a copy of the default directory under yourdomain/wp-content/themes.
Click here to continue reading →
Before you get started with creating your own WordPress theme, there are a few things that you’ll need.
I personally have everything installed on my local computer because, in my opinion, it makes it so much easier to adjust/tweak code without having to wait for the software to update files for you online. But whatever works for you.
Ok. First things first.
Click here to continue reading →
You’ll notice that I’m currently running the “Default” theme for WordPress. There is a reason for that, and I guess that now is as good a time as any to tell you why….
So here’s the reason…
I haven’t had time to create a theme for this site yet. Well, that’s not entirely true. I have had time, but I wanted to do something a little different, or better yet, special for the rebirth of WordPress Mania.
So, what I’m going to do is show you step-by-step exactly how I create themes for WordPress. And at the end, we’ll have the new theme for WPMania.
So starting with the next post, and running as long as it needs to, we’re going to create our own theme.
I hope it’ll help you give it a try yourself.
