Convert HTML to WordPress Theme – Part 1

Video is ready, Click Here to View ×

Part 1 – A look at how to convert a static html template to a full WordPress theme.

Files can be downloaded at

42 thoughts on “Convert HTML to WordPress Theme – Part 1

  1. Thanks for this tutorial, helped me a lot.

    I want to start creating a basic website. (with Menu, carrousel, services, about, news, contact sections) Do you know how to build this with WordPress? Should I use plugins or widgets?

  2. Hey man, great tutorial, i have a question, on the header you placed a php tag that captures the name of your blog and puts it on the top, but what api would you use if you want a jpg or png with a specific logo instead of just the words

  3. hi everyone, if anyone else wants to uncover wordpress themes try Monteethil Awesome WordPress Themes ( search on google )? I have heard some amazing things about it and my partner had great results with it. 

  4. Not certain about the points made but, if anyone else wants to learn about wordpress themes try Monteethil Awesome WordPress Themes (just google it )? I have heard some super things about it and my room mate had cool success with it. 

  5. I want to know if you memorize some CSS class in WordPress, What I have observed is that you remove the un-ordered list which has a Class of "current_page_item" and replace it with an auto generated list. Am I right? if yes do I need to memorize CSS class specific in WordPress?

  6. I am loving this so few but I got one question. Does this work method work for a responsive template if not please can you tell us or show us how to do it please Thanks 

  7. hi brother

    where do i put the navbar regarding the fact theres an animated drop down menu

        <div class="navbar navbar-inverse-blue navbar-fixed-top">
          <div class="navbar-inner">
            <div class="container">
              <div class="navigation">
                <ul class="nav">
                  <li class="active dropdown">

                    <a href="#" class="dropdown-toggle btn-navbar-blue" data-toggle="dropdown">
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>
                      <span class="icon-bar"></span>

                    <ul class="dropdown-menu">
                      <li><a href="cart.html">Cart</a></li>
                      <li><a href="image-page.html">Images</a></li>
                      <li><a href="image-upload.html">Uploads</a></li>
                      <li><a href="blog.html">Blog</a></li>
                      <li><a href="single-post.html">Single Post</a></li>
                      <li><a href="pricing.html">Pricing</a></li>
                      <li><a href="search-results.html">Search Results</a></li>

                </ul> <!– end nav –>
              </div><!–/.nav-collapse –>

Leave a Reply

Your email address will not be published. Required fields are marked *