Step 3: Constructing the Header.
Wordpress theme's are made up of 4 files - The index, footer, header and sidebar. Essentially you are going to split your existing design up and seperate the code into these 4 files.
Open index.html, the index file belonging to the template that you will be embedding wordpress into. Then copy coding from the top of index.html all the way down to the end of the header and paste the code into header.php.
*Note that you do not need to close open tags such as <div> tags and the <html> tag, in fact doing so will break the Wordpress theme.
Now, find the title tags within the header and insert the code below. This will generate the page title dynamically which will look something like this, "Your Blog – Your Page Title".
<title><?php bloginfo('name');?> <?php wp_title();?></title>
Next we need to insert the url of your style sheet into the header, this must be the full url path for it to work. You need to locate style.css in header.php and replace it with <?php bloginfo('stylesheet_url'); ?> This code will tell Wordpress where to find the style sheet for your design.
Now we will be adding the site title and URL to your wordpress theme, insert the code below where you would like the title of your blog to appear.
<h1 id="logo"><a href="<?php bloginfo('url');?>"><?php bloginfo('name');?></a></h1>
The majority of sites have a title or logo that appears on every webpage, clicking on this will take the user to the websites homepage. The above code inserts a text link so depending on your requirements, you may wish to replace <?php bloginfo('name');?> with the full path to your logo.
