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 the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.