header.php

Description: The default header.

This template is included by:

Template Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>>

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archive <?php } ?> <?php wp_title(); ?></title>

<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->

<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'); ?>" />

<style type="text/css" media="screen">

<?php
// Checks to see whether it needs a sidebar or not
if ( !$withcomments && !is_single() ) {
?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbg-<?php bloginfo('text_direction'); ?>.jpg") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
	#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/kubrickbgwide.jpg") repeat-y top; border: none; }
<?php } ?>

</style>

<?php wp_head(); ?>

</head>

<body>

<div id="page">

<div id="header">
	<div id="headerimg">
		<h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
		<div class="description"><?php bloginfo('description'); ?></div>
	</div>

</div>

<hr />

This template includes the following tags:

  • bloginfo()
  • get_option()
  • language_attributes()
  • wp_head() is an Action Hook necessary for the functioning of some plugins.
  • wp_title()

HTML Skeleton

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr">

<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>[BLOG TITLE]</title>

<meta name="generator" content="WordPress 2.3.1" /> <!-- leave this for stats -->

<link rel="stylesheet" href="http://gourmet.lanternfly.com/wp-content/themes/default/style.css" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="The Corpulent Gourmet RSS Feed" href="http://gourmet.lanternfly.com/feed/" />
<link rel="pingback" href="http://gourmet.lanternfly.com/xmlrpc.php" />

<style type="text/css" media="screen">
#page {
	background: url("kubrickbg-ltr.jpg") repeat-y top;
	border: none;
}
</style>

<meta name='robots' content='noindex,nofollow' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://gourmet.lanternfly.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://gourmet.lanternfly.com/wp-includes/wlwmanifest.xml" />

<style type="text/css">
.recentcomments a {
	display:inline !important;
	padding: 0 !important;
	margin: 0 !important;
}
</style>

</head>

<body>

<div id="page">

<div id="header">
	<div id="headerimg">
		<h1>[BLOG TITLE]</h1>
		<div class="description">[TAGLINE]</div>
	</div>
</div>

<hr />
  • here

Related CSS Styles

/* Begin Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #d5d6d7 url('images/kubrickbgcolor.jpg');
	color: #333;
	text-align: center;
}

#page {
	background-color: white;
	border: 1px solid #959596;
	text-align: left;
}

#header {
	background: #73a0c5 url('images/kubrickheader.jpg') no-repeat bottom center;
}

#headerimg 	{
	margin: 7px 9px 0;
	height: 192px;
	width: 740px;
}

h1, h2, h3 {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-weight: bold;
}

h1 {
	font-size: 4em;
	text-align: center;
}

#headerimg .description {
	font-size: 1.2em;
	text-align: center;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
	color: white;
}

/* Begin Structure */

body {
	margin: 0 0 20px 0;
	padding: 0;
}

#page {
	background-color: white;
	margin: 20px auto;
	padding: 0;
	width: 760px;
	border: 1px solid #959596;
}

#header {
	background-color: #73a0c5;
	margin: 0 0 0 1px;
	padding: 0;
	height: 200px;
	width: 758px;
}

#headerimg {
	margin: 0;
	height: 200px;
	width: 100%;
}

/* Begin Headers */

h1 {
	padding-top: 70px;
	margin: 0;
}

Resources

  • N/A