Default／header.php

Home » themes » Default／header.php

«Default／archive.php | Default／sidebar.php»

「パーツテンプレート」はテーマを構成するファイルの共通部品ファイルとして引用されます。例えば、header.phpは各ページの共通した「ヘッダー部分」を記述して、DOCTYPE宣言、文字コード、タイトル、リンクなどを、各ページにインクルードします。

各テンプレートの「ヘッダー部分」は別に「パーツテンプレート」を使わずに、各テンプレートに、個々に記述されれば、それで良いのですが、「パーツテンプレート」を使用することによって、管理がheader.phpに一元化され、また、〈?php wp_head(); ?〉を使用することで、「プラグイン」や「関数ファイル」の制御を受けることができるようになります。また、各ページによって、「ヘッダー部分」の記述が異なる場合はPHP関数（条件文）を使用して、ページごとの記述に変更することも可能です。

「パーツテンプレート」のテンプレートへのインクルードはもともと、WordPress関数によって決められています。例えば、「header.php」は各テンプレートに〈?php get_header(); ?〉、「footer.php」は〈?php get_footer(); ?〉と記述することで、インクルードされます。

〈?php wp_head(); ?〉はプラグイン・関数ファイルに対してのフックです。この記述は重要で、記述がない場合、プラグイン・関数ファイルが動かない場合があります。特にjavascriptのリンク先追加がおこなわれないので、注意が必要です。

＊「Default_Theme（英語版）」の「header.php」をコメント文（//説明文）を使って機能解説してみましょう。

Default_Theme／header.php


<?php
/**
 * @package WordPress
 * @subpackage Default_Theme
 */
?>

//ヘッダー情報の開始・DOCTYPE宣言・言語、文字コード指定
<!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 wp_title('?', true, 'right'); ?> <?php bloginfo('name'); ?></title>

//「CSSファイルURLの指定」
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

//「フィード・ピングURLの表示」
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> Atom Feed" href="<?php bloginfo('atom_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 ( !empty($withcomments) &amp;amp;&amp;amp; !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>

//記事単体ページの場合のJSファイル引用
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>

//プラグイン・関数ファイルに対してのフック
<?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 />

関連情報: