This is the last part of the series. We’ve already seen the design creation, an introduction about the WordPress platform and the coding and styling of the entire theme except the footer. So, in this last post, we’re going to do the footer and, to finish our blog, let’s also see some plugins. The footer is pretty simple and we’re going to add some additional styles that we’ve been using during the series.
If you want to catch up with the current status of our theme, please download it here.
In this part of the series we’re going to create the templates used for pages and posts. The page template is very simple because it only has the basic structure of our design. The post template has more details, which makes it more complex. In order to complete the post page, we’re also going to do the comments template.
The current file with the current theme can be downloaded here.
As we continue with our theme’s development, I’ll show you in this article what changes we need in our index.php. So we’ll continue changing the files we copied from the Default theme and we’ll create new CSS styles. In order to complete the main part of our home page, we’ll also prepare our sidebar and add some functions to our theme.
If you didn’t read the previous article, click here to download our theme’s files.
In the Part 3 of our series, we’re going to start (finally) with the development of our WordPress theme. As I’ll not be able to show everything in one article, I’ll show only the header development today. We’re going to use the Default theme as our starting point and change it according to our needs.
Remember to download the final design created in Part 1, because we’re going to use the Photoshop file to extract the header background, the menu background and the social media icons.
In this second post from our series about WordPress theme creation, we’re going to give you an introduction on how the themes are structured. First I’ll show briefly how to install WordPress and how the folders were structured. Later we’ll continue to an overview and further explanation about the necessary and additional files of a theme. I’ll also show some functions used by WordPress to structure the web pages.
Read more »
In these series of posts I’ll explain how I created my blog’s theme. I’ll start with the basics and in the future will come up with more complicated stuff. Please leave your comment. We’ll be happy to hear from you!
In this post – Part 1 – we’ll start with the design in Photoshop. We’ll start with the basic – inspiration – and go through the entire process of building our design. I’m more a developer than a designer, but I hope I’m able to explain everything properly.
Read more »
