Iamlittle Tech

WordPress Theme Development : FAQs and Getting Started

Posted on January 2nd, 2017. Written by:

Before we start this series, I am assuming that you have some knowledge of HTML and CSS. You don’t need to a wizz-kid like me but it could come in helpful when you get stuck.

I’m also hoping that you have already installed WordPress onto your server whether that’s locally or in the cloud. We will also require FTP or SFTP access to the server where our website 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 this 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 your FTP client open and your favourite text editor at the ready.

 

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.

 

Now we have the folder selected, we need to create a few files so that WordPress will allow us to select the theme in the Dashboard.

 

The files we need to create.

Copy this code into your style.css file that you just created.

The code we just pasted tells WordPress our theme is called MyTheme, our theme’s website is http://mywebsite.com, the theme author is Duncan McClean, the authors website is http://duncan.mcclean.co.uk. It also tells WordPress the version to display in the Dashboard.

 

Because we added the code, WordPress should allow our theme to be activated.

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