固定ページ-パーツテンプレート作成
パーツテンプレートに振り分ける
- テンプレートを利用しやすいように分割する
パーツテンプレートを準備する
《header.php》
<!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" lang="ja" xml:lang="ja"> <head> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" /> <title><?php bloginfo('name'); ?> <?php wp_title(); ?></title> <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" /> <link href="<?php bloginfo('rss2_url'); ?>" rel="alternate" type="application/rss+xml" title="RSSフィード" /> </head> <body> <!-- ▼#container --> <div id="container"> <!-- ▼#header --> <div id="header"> <h1><a href="<?php echo home_url('/'); ?>"><?php bloginfo('name'); ?></a></h1> <p id="desc"><?php bloginfo('description'); ?></p> <p id="image"><img src="<?php bloginfo('template_url'); ?>/images/header.jpg" alt="" width="760" height="200" /></p> </div> <!-- ▲#header -->
《footer.php》
<!-- ▼#footer --> <div id="footer"> <address>Copyright © <a href="mailto:<?php bloginfo('admin_email'); ?>">ひだまり日記</a> </address> </div> <!-- ▲#footer --> </div> <!-- ▲#container --> </body> </html>
パーツテンプレートを読み込む
パーツテンプレート
パーツ | パーツテンプレート のファイル名 |
読み込むための テンプレートタグ |
---|---|---|
ヘッダー | header.php | <?php get_header(); ?> |
フッター | footer.php | <?php get_footer(); ?> |
サイドバー | sidebar.php | <?php get_sidebar(); ?> |
コメント | comments.php | <?php comments_template(); ?> |
検索フォーム | searchform.php | <?php get_search_form(); ?> |
カスタム | aaa.php | <?php get_template_part('aaa'); ?> |
aaa-bbb.php またはaaa.php |
<?php get_template_part('aaa','bbb'); ?> |