Iamlittle Tech

WordPress Theme Development : FAQs and Getting Started

Posted on January 2nd, 2017. Written by:

Before you start with these tutorials, I am assuming you have at least a small amount of knowledge of HTML, CSS and WordPress.

I’m also hoping that you have already installed WordPress onto your server whether that’s locally or somewhere on the internet. We will also require FTP  access to the server where our WordPress installation is hosted.

Why would I want to create my own WordPress theme?

There are many reasons that you might want write your own WordPress theme. One reason could be because your business’ website is old and outdated. Another might be that you just want to get into programming.

Before I start this theme, do I need prior experience?

It would be helpful if you do, but it’s not a must. We all start somewhere.

What can I do when I get stuck?

If you happen to get stuck, just drop a comment below and someone will try to help as best we can.

What is covered in this series of tutorials?

This series will cover various different bits and bobs. We’ll be creating navigation menus, sidebars and we’ll learn how to show our latest posts on our homepage.

How long will these series take?

To complete, it could take anywhere from 40 minutes to a few hours. Depending on your experience and whether or not you are writing the code from hand or downloading the finished master piece.

Getting Started

Before we get started, make sure you have a local development environment open and your favourite text editor at the ready. If you don’t have either of these, I recommend using XAMPP and Sublime Text 3. Both are free.

In Sublime, head to ‘File’ then ‘Open Folder’. The folder you would like to choose is where we are creating our theme. Usually, we would develop locally, so this would be our /wp-content/ThemeName folder. Provided you have created the theme folder.

You’re going to need to create these files so we can get started.

The files we need to create.

After your file structure is set up, open you style.css file and copy the following code into that file. It tells WordPress all it needs to know about your theme. Like its name, author and version.

Now you can go to your WordPress dashboard and activate the new theme we created.

If you go onto your site now, you’ll find that there is nothing there but a huge blank screen.

Homer Simpson GIF - Find & Share on GIPHY

We’ll fix this in the next lesson by actually you know adding code.

Download – Next Lesson