Conversion of HTML/CSS website to WP website

How to Make CSS file. Basic points to follow while using it to WP site.

  1. Segment the website with tag for each section as much of possible
  2. Make sure that each section(<div) ,</div>)can be handled independently
  3. The important segments for a 2 column website is
    1. Body
    2. Main Container
    3. Header
    4. Logo
    5. Menu
    6. Banner
    7. Content
    8. Leftbar(content text)
    9. Rightbar(sidebar)
    10. footer
  1. Make Sure these sections are mentioned in CSS.
  2. Install the basic WP theme. (mostly twenty twelve)
  3. Segment the index.html file into WP files in to following files.
  4. WP essential files:   Header.php , Page.php , Content.php , sidebar.php , footer.php, Style.css
  5. Replace the style.css file with the CSS file you have created. (It is advisable to name it as style.css)
  6. Upload the image folder into corresponding theme folder that is available inside WP-Content (wp-content -> Themes -> website theme folder.
  7. Segment the index.html files into header.php, page.php,sidebar.php, footer.php.
  8. Add corresponding lines of code on each file. (If your CSS file should contain correction segmentation, it is easy to segment the index.html)
  • Page.php
    1.  It is the  file that defines the page structure.
    2. In this page.php, you have to call all the segment of the website through functions.
    3. Here is the sample Page.php page.
    4. <?php

// calling the header.phpget_header();?><div id=”primary”>
<div id=”content” role=”main”>
//Calling content.php
<?php while ( have_posts() ) : the_post(); ?>
<?php get_template_part( ‘content’, ‘page’ ); ?>
<?php comments_template( ”, true ); ?>
<?php endwhile; // end of the loop. ?></div><!– #content –>
</div><!– #primary –>

<?php get_sidebar(); ?>
<?php get_footer(); ?>

  1. Once you added the corresponding codes on each segment, Update the file.
  2. Now Add the Page /post accordingly.
  3. Publish the Page and now the same exact copy of the HTML site can be obtained