Convert a One Page HTML5 Template to a WordPress Theme | Marcelo Xavier Vieira | Skillshare

Convert a One Page HTML5 Template to a WordPress Theme

Marcelo Xavier Vieira

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
17 students are watching this class

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

289

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Hi! I'm Marcelo and I have been working with web development since 2008, initially focusing on Joomla. Since 2012 I have been specialising in building themes with WordPress, having built dozens of websites with it. I consider WordPress the perfect platform for anyone who wants to build any kind of website and learn a bit more in depth web technologies like PHP, CSS and HTML.

See full profile

Technology Web Development HTML WordPress
Report class