Grow your CSS skills. Land your dream job.

How to Convert to WordPress?

  • # May 10, 2013 at 8:20 pm

    Hi. I’d like to eventually start a blog on my website so I figured I’d use WordPress for it. However, after thinking about it, I thought it would be great to have my whole website converted to a WordPress template so that I can get experience with it as well as ease of editing the site. I’ve looked at a few different tutorials online but it seems like they only focus on a header.php, sidebar.php, and footer.php layout which makes it difficult to learn from them because my website is in a different layout than that. I would like my blog page(s) to be a header, content, sidebar, and footer layout though. Can anyone help me convert this website to a WordPress theme? http://gchiller.com

    Thanks.

    # May 10, 2013 at 9:10 pm

    Don’t confuse WordPress templates: header.php, sidebar.php, and ect., as layout/graphical representation of your website. These files are about HTML document structure, not layout. You can moch-up your page however you like.

    header.php – from html doctype to body tag

    index.php – from body tag to footer tag

    footer.php – from footer tag to end of document

    Then your index.php would require all the necessary parts to form HTML document, like so…

    // beginning of index.php
    < ?php get_header(); ?>

    // your layout, html that makes up your app
    // look into WordPress loop, it’s what interacts with the database and get’s all the appropriate data into the template.

    < ?php get_footer(); ?>
    //end of index.php

    Actually, you can just have index.php and your style.css file and your site will work. See [Template Hierarchy](http://codex.wordpress.org/Template_Hierarchy).

    Hope that helps

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".