Convert a One Page HTML5 Template to a WordPress Theme

Marcelo Xavier Vieira, WordPress Theme Developer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
13 Lessons (1h 40m)
    • 1. Getting to Know the Challenge (part 1)

      5:09
    • 2. Getting to Know the Challenge (part 2)

      4:00
    • 3. Installing Xampp

      6:13
    • 4. Installing WordPress

      11:16
    • 5. Turning the HTML Template Into a Working WordPress Theme

      5:35
    • 6. Enqueuing Stylesheets the Right Way

      7:53
    • 7. Enqueuing Javascript the Right Way

      8:16
    • 8. Making the Theme more Dynamic with Widgets (part 1)

      10:11
    • 9. Making the Theme more Dynamic with Widgets (part 2)

      5:56
    • 10. Making the Theme more Dynamic with Widgets (part 3)

      5:38
    • 11. Creating WordPress Menus

      10:27
    • 12. Implementing a Basic WordPress Loop (part 1)

      7:11
    • 13. Implementing a Basic WordPress Loop (part 2)

      12:19

About This Class

Have you thought about creating a WordPress theme from a simple HTML5 template? In his 100-minute class, web developer Marcelo Vieira will guide you on how to convert a simple HTML5 template into a highly dynamic, fully functional WordPress theme.

You will learn the basic techniques used for creating a WordPress theme. In the end, you'll be able to use the same techniques to convert your own HTML5 website into a fully functional theme.

This course is not intended to be a definitive course on WordPress theme development, but it will be your first contact with the subject.

This course has been carefully designed for professionals who already have minimal knowledge of HTML, CSS, PHP and wish to take a step forward in understanding how WordPress theme works.

We will start from a simple one-page template, which will be transformed little by little into a WordPress theme. Along the way, you'll learn how to install WordPress in the right way, as well as the right way to transfer CSS and Javascript files from a template to a WordPress theme.

We will learn to include Bootstrap and make the theme responsive, keeping the original features and the visual aspect of the HTML template within WordPress.

And the most important! We will learn to make the template content highly dynamic within WordPress, from menus to text and image areas. I mean, you'll be able to create a theme that can be easily updated by you or your clients.

We will also learn how to implement a fully dynamic post list by creating a custom WordPress loop!

You'll also have access to all the files created during lessons. All of them well organized for you to review or correct your own code. 

At the end of the course, you will have learned how to create your own one-page theme, from any one-page HTML5 template, and confidently recreate a theme of your own. 

Are you ready? So, let's get started