(2) WordPressテンプレート作成【header.phpとfooter.php】

各ページ共通のヘッダーとフッターファイルを作成する

ヘッダーファイル

header.php

<!DOCTYPE html>
<html>
<head>
<meta charset=”<?php bloginfo (‘charset’); ?>” />
<!–以上初期宣言–>
<title><?php bloginfo(‘name’); ?><?php wp_title(); ?></title>
<link rel=”stylesheet” href=”<?php bloginfo(‘stylesheet_url’); ?>” type=”text/css” />
<link rel=”shortcut icon” href=”favicon.ico”>
<!–ヘッダー最適化–><?php wp_head(); ?><!–END ヘッダー最適化–>
</head>
<!–以上ヘッダー終了–><body <?php body_class(); ?>><!–コンテナ–>
<div id=”container”><!–ヘッダー–>
<div id=”header”><h2 id=”desc”><?php bloginfo(‘description’); ?></h2><!–サイトの説明–>
<h1><a href=”<?php echo home_url(); ?>”><?php bloginfo(‘name’); ?></a></h1><!–サイトのタイトル–>

<div id=”subinfo”><!–RSSマークとRSSへのリンク–>
<a href=”<?php bloginfo(‘rss2_url’); ?>”><img src=”<?php bloginfo(‘template_url’); ?>/feed.png” alt=”RSS FEED” width=”28″ height=”28″ /></a>
</div><!– id=”subinfo”–>

<!–トップ下のナビゲーション表示–>
<div id=”nav”>
<?php wp_nav_menu(array(
‘theme_location’ => ‘navigation’
)); ?>
</div><!– id=”nav”–>
</div><!– id=”header”–>

ヘッダーファイルは一見複雑なように見える。
図解で見ると比較的単純だ。

フッターファイル

footer.php

<!–フッター–>
<div id=”footer”>
<address>Copyright &copy; <?php bloginfo(‘name’); ?>All right reserved.</address>
</div><!– id=”footer”–></div><!– id=”container”–><!–header.php 14行目div–>
<?php wp_footer(); ?><!–フッター最適化出力設定–>
</body>
</html>

フッターファイルはヘッダーに比べると、非常に簡単だ。コピーライトにサイト名を利用している。


過去の関連記事

過去の関連記事
作成順 作成ファイル   解説
前準備 前準備 http://tikuwakb.biz/?p=80
( 1) home.php php 初期ページ http://tikuwakb.biz/?p=92
( 2) header.php php ヘッダー部分(各ファイル共有) http://tikuwakb.biz/?p=87
( 3) footer.php php フッター部分(各ファイル共有) http://tikuwakb.biz/?p=87
( 4) content.php php 記事表示テンプレート(home.phpと連動) http://tikuwakb.biz/?p=144
( 5) pagenation.php php ページ前後表示のためのリンク設定 http://tikuwakb.biz/?p=147
( 6) sidebar.php php サイドのメニュー表示
( 7) category.php php カテゴリーを表示
( 8) date.php php 月別ページを表示
( 9) single.php php 記事の個別表示 http://tikuwakb.biz/?p=147
(10) page.php php 固定ページ
(11) functions.php php 関数定義ファイル http://tikuwakb.biz/?p=108