Header « Free Templates

Header

will be more detail on things and functions needed to put in your WordPress header file. Open your header.php file.

.
<html>
<head>
<title>My WordPress Theme</title>
</head>
<body>
<div id=”wrapper”>
<div id=”header”>
header
</div> <!â€“ close header â€“>
<div id=”content”>
.

Now, we are going to put wordpress functions into our header. We start with the title first.

Because WordPress is dynamic, so we can make our site has dynamic title by put this <?php wp_title(); ?> between <title> and </title>. This tag is use to call the title of the page.

.
<title><?php wp_title(); ?></title>
.

But to make the title more interesting, we use the title tag with other PHP codes.

Just copy and paste this code between <title> and </title>.

.
<?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(‘name’); ?> – <?php bloginfo(‘description’); ?>
.

And it will look like this

.
<title>
<?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(‘name’); ?> – <?php bloginfo(‘description’); ?>
</title>
.

The next thing that we will do is to import our stylesheet file to be use in our theme.

.
<?php bloginfo(’stylesheet_url’); ?>
.

This tag will return our stylesheet url. Put this tag after </title>. But make sure that your CSS file named with style.css.

.
<style type=”text/css” media=”screen”>
<!– @import url( <?php bloginfo(’stylesheet_url’); ?> ); –>
</style>
.

There are some other tags that we need to put in. Just copy this code below and paste it before </head>

.
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(’name’); ?> RSS Feed” href=”<?php bloginfo(’rss2_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” />
<meta name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” />
.

Last thing that we need is to put <?php wp_head(); ?> in header.php.

Finally, your header.php file will look like this.

.
<html>
<head>
<title>
<?php wp_title(”); if (function_exists(‘is_tag’) and is_tag()) { ?>Tag Archive for <?php echo $tag; } if (is_archive()) { ?> archive<?php } elseif (is_search()) { ?> Search for <?php echo $s; } if ( !(is_404()) and (is_search()) or (is_single()) or (is_page()) or (function_exists(‘is_tag’) and is_tag()) or (is_archive()) ) { ?> at <?php } ?> <?php bloginfo(‘name’); ?> – <?php bloginfo(‘description’); ?>
</title>
.
<style type=”text/css” media=”screen”>
<!– @import url( <?php bloginfo(’stylesheet_url’); ?> ); –>
</style>
.
<link rel=”stylesheet” href=”<?php bloginfo(’stylesheet_url’); ?>” type=”text/css” media=”screen” />
<link rel=”alternate” type=”application/rss+xml” title=”<?php bloginfo(’name’); ?> RSS Feed” href=”<?php bloginfo(’rss2_url’); ?>” />
<link rel=”pingback” href=”<?php bloginfo(’pingback_url’); ?>” />
<meta name=”generator” content=”WordPress <?php bloginfo(’version’); ?>” />
.
<?php wp_head(); ?>
.
</head>
<body>
<div id=”wrapper”>
<div id=”header”>
header
</div> <!â€“ close header â€“>
<div id=”content”>
.