Book Image

Learn to Create WordPress Themes by Building 5 Projects

By : Eduonix Learning Solutions
Book Image

Learn to Create WordPress Themes by Building 5 Projects

By: Eduonix Learning Solutions

Overview of this book

WordPress has emerged as a powerful, easy-to-use tool to design attractive, engaging websites. Themes play a big role in making WordPress as popular as it is today, and having an eye-catching, fully-functional theme could separate your website from the rest! This book will help you take your first steps in the WordPress theme development process, with 5 different projects centered around creating unique and responsive WordPress themes. Start with creating a simple WordPress theme using HTML5, CSS, and PHP. Then, you will move on to incorporate different APIs, widgets, and tools such as Bootstrap and jQuery to create more dynamic and highly-functional themes. Whether you want to create a photo gallery theme, a highly customizable e-commerce theme, or a theme designed to suit a particular business, this book will teach you everything you need to know. By the end of this highly interactive book, you will have the required mastery to develop WordPress themes from scratch.
Table of Contents (6 chapters)

Building a WordPress Theme for Photo Gallery

In this chapter, we'll build a WordPress theme for a photo gallery. We'll use just the core WordPress post system, and we'll not need any kind of third-party photo gallery. The following image is what it's going to look like; it's called PhotoGenik. This is the theme we are going to work on:

As shown in the preceding screenshot, you can see on the home page we have some images. If we hover over them we get a nice effect, and if we click on one it brings us to the single image page where it has a little animation that comes in. It also gives us the title, description, and then we have some meta info as shown in the following screenshot:

On the left-hand side at the top in the preceding screenshot, we have the core categories module. When we click on that, and you can see it only shows the pictures from that...