Code for the 2012 WordPress Theme header.php

 in WordPress  tagged WordPress Themes by
This entry is part 4 of 4 in the series WordPress Themes

WordPress Themes

Here is the header.php file for the WordPress theme Twenty Twelve.

This is just part of a series of different pages that make up a website.

With WordPress you don’t really need to know these codes but if you want to customize your site and move it away from the theme you are using, you may wish to look at the php and html code.

view source
print?
1<?php
2/**
3 * The Header template for our theme
4 *
5 * Displays all of the <head> section and everything up till <div id="main">
6 *
7 * @package WordPress
8 * @subpackage Twenty_Twelve
9 * @since Twenty Twelve 1.0
10 */
11?><!DOCTYPE html>
12<!--[if IE 7]>
13<html class="ie ie7" <?php language_attributes(); ?>>
14<![endif]-->
15<!--[if IE 8]>
16<html class="ie ie8" <?php language_attributes(); ?>>
17<![endif]-->
18<!--[if !(IE 7) & !(IE 8)]><!-->
19<html <?php language_attributes(); ?>>
20<!--<![endif]-->
21<head>
22<meta charset="<?php bloginfo( 'charset' ); ?>" />
23<meta name="viewport" content="width=device-width" />
24<title><?php wp_title( '|', true, 'right' ); ?></title>
25<link rel="profile" href="http://gmpg.org/xfn/11" />
26<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
27<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
28<!--[if lt IE 9]>
29<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
30<![endif]-->
31<?php wp_head(); ?>
32</head>
33 
34<body <?php body_class(); ?>>
35<div id="page" class="hfeed site">
36    <header id="masthead" class="site-header" role="banner">
37        <hgroup>
38            <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
39            <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
40        </hgroup>
41 
42        <nav id="site-navigation" class="main-navigation" role="navigation">
43            <button class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></button>
44            <a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
45            <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
46        </nav><!-- #site-navigation -->
47 
48        <?php if ( get_header_image() ) : ?>
49        <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php header_image(); ?>" class="header-image" width="<?php echo esc_attr( get_custom_header()->width ); ?>" height="<?php echo esc_attr( get_custom_header()->height ); ?>" alt="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" /></a>
50        <?php endif; ?>
51    </header><!-- #masthead -->
52 
53    <div id="main" class="wrapper">
Series Navigation<< Code for the 2012 WordPress Theme 404.php