Learn to Create WordPress Themes by Building 5 Projects

By : Eduonix Learning Solutions

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.

Preface

What this book covers

What you need for this book

Free Chapter

Creating a Simple Theme with WordPress

Installing and setting up WordPress

Single posts and thumbnails

Pages and menus

Widget locations and comments

Summary

Building a WordPress Theme

Post formats

Creating a design using HTML and CSS

Creating a WordPress theme

Displaying blog post

Creating a single post and adding an image

Creating custom archive pages

Different post formats

Pages, custom templates, and sub navigation

Working with Theme Widgets

Custom home page

Comment Functionality

Summary

Building a WordPress Theme for Photo Gallery

Creating the layout of the home page in HTML and CSS

Implementing the animation and single.html page

Adding the theme header and footer

The post loop

Displaying the post content

Adding the category widget and search option

Working on the single post theme

Summary

Building a Twitter Bootstrap WordPress Theme

Building a Bootstrap theme

The post loop

Implementing Navbar

Adding a search bar and single post page

The comment functionality

Summary

The Foundation E-Commerce Theme

E-commerce HTML template – Part A

E-commerce HTML template – Part B

Theme setup, logo, and navigation

The custom showcase widget plugin

The sidebar widget setup

The main product post page

Single product and single page

Summary

Conclusion

Customer Reviews

5 star

4 star

3 star

2 star

1 star

The post loop

So until now we went ahead and set up our core template, core theme, with an index, a header, and a footer file. We have also implemented the main post loop, but we don't have anything else. We just have the title; we need to fix that.

But before we do that, we need to make it so that we can actually add images to our posts.

This is because right now if we go and we try to add a new post, we don't have a Featured Image area:

The Featured Image area

For the Featured Image area to show we need to create a functions.php file:

Let's create a new file and call it functions.php. Then let's create a function theme_setup(). Now, let's add a comment Featured Image Support and also add add_theme_support...

Learn to Create WordPress Themes by Building 5 Projects

By : Eduonix Learning Solutions

Learn to Create WordPress Themes by Building 5 Projects

By: Eduonix Learning Solutions

Overview of this book

Related Content you might be interested in

Current Title:

Learn to Create WordPress Themes by Building 5 Projects

Learn Node.js by Building 6 Projects

Learning Bootstrap 4 by Building Projects

Vue.js: Understanding its Tools and Ecosystem