Theme setup, logo, and navigation

Now that the HTML template is done, we can now start to convert it into a WordPress theme.

We have a default installation of WordPress. Let's create a new theme folder. We will go to wp-content | themes and create a new folder, MyShop. Inside MyShop, we'll create an index.php file and a style.css file. Let's go ahead and put our declaration in our style.css file as shown in the following snippet:

/*     Theme name: MyShop    Author: Brad Traversy    Author URI: http://eduonix.com    Description: Simple ecommerce theme    Version: 1.0.0*/

Let's save that. Now if we go to the backend in our webpage and go to Appearance | Themes, we'll see MyShop as seen in the following screenshot:

We have a screenshot that we can pop above ...

Get Learn to Create WordPress Themes by Building 5 Projects now with O’Reilly online learning.

O’Reilly members experience live online training, plus books, videos, and digital content from 200+ publishers.