Daniel Farrell

Web UI/UX Design & Development
Gaming WordPress Theme
This project began when I setup a web domain and hosting for a friend of mine, who was previously blogging using Weebly until I suggested that it would be more professional to have his own domain rather than the provided example.weebly.com free domain, and using WordPress with a custom domain is cheaper than the Weebly custom domain plans. While he spent the first day setting up the blog and trying to find the perfect theme in the WordPress theme directory, I decided to try and design one and see if he liked it - he did! Below is my day-by-day progress.


Day 1


The first day was purely dedicated to designing the theme using Abode Photoshop. Two designs were created - one for mobile, and one for desktop. I also started research into WordPress theme development documentation, a surprisingly welcoming and well-written experience.

Day 2


The end result for day 2 was a fully working mock-up of the design written in HTML and Responsive CSS. This didn't take long, so I spent the rest of the day setting up a local WordPress development environment and reading more of the documentation. I also downloaded _s - a basic starter theme made by the developers of WordPress, but I scrapped this later on in the sprint in favour of starting entirely from scratch.

Days 3 to 6


The bulk of the time was taken up by taking the mock-up and transforming it into a WordPress theme. The structure of a theme is extremely simple, with concepts like templates and the WordPress Loop making development easy for developers used to PHP like myself. As I said, I decided against using the _s starter theme as it didn't fit what I wanted, which was two WordPress Loops on each page - one for the side navigation and another for the actual content of the page. I still used it, and the WordPress default themes Twenty Sixteen, Twenty Fifteen and Twenty Fourteen, in order to gain insight into how those themes deal with all the concepts, before coding my own.

Day 7


The final day was dedicated to bug fixes helped by the Wordpress Theme Unit Test which provides test cases for every post, page, navigation, widget, and edge case you can think of - things like 'Antidisestablishmentarianism' as a post title to try and break the layout of the site.