WordPress テーマ 自作のススメ

前回の記事
「single.php を作成する – [1]」
「single.php を作成する – [2]」
で個別投稿記事を表示する single.php を作成しました。
今回は同様に、個別固定ページを表示する page.php を作成します。

表示する内容は、基本的には single.php と同じです。
ただ、page.php の場合は固定ページですので、カテゴリやタグ、
コメントやページネーションは不要です。
よって、今回メインコンテンツ部分で表示させるものは、

になります。
 

利便性やデータの構造化、SEO 対策等を考慮すると、

等も入れたいところですが、これらは、また後々 (追々) 別の記事にて。
 

single.php とほぼ同様の処理ですので、single.php をコピって page.php に
リネーム、不要な部分を削除します。

<?php get_header(); ?>

				<!-- 記事表示部分ここから -->
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
				<div class="post hentry">
					<h2 class="entry-title"><?php the_title(); ?></h2>
					<div class="entry-box">
						<span class="entry-date">
							公開日：<time class="published" datetime="<?php the_time('c'); ?>"><?php the_time(get_option('date_format')); ?></time>
						</span>
						<?php the_category(', '); ?><?php the_tags('', ', '); ?>
					</div>
					<div class="entry-content">
<?php the_content(); ?>
					</div>
					<div class="entry-link">
<?php wp_link_pages(); ?>
					</div>
				</div>
				<!-- /.post -->
<?php endwhile; ?>

				<!-- コメント -->
<?php comments_template(); ?>
				<!-- ページナビ -->
				<div class="page-navi">
					<dl>
<?php $prev_post = get_previous_post(); if (!empty($prev_post)) : ?>
						<dt>Prev：</dt><dd><a href="<?php echo get_permalink($prev_post->ID); ?>"><?php echo $prev_post->post_title; ?></a></dd>
<?php endif; ?>
<?php $next_post = get_next_post(); if (!empty($next_post)) : ?>
						<dt>Next：</dt><dd><a href="<?php echo get_permalink($next_post->ID); ?>"><?php echo $next_post->post_title; ?></a></dd>
<?php endif; ?>
					</dl>
				</div>

<?php else : ?>
				<p>記事がありません</p>
<?php endif; ?>
				<!-- 記事表示部分ここまで -->

<?php get_footer(); ?>

page.php の内容の中で、不要な部分をハイライト表示しています。
カテゴリ、タグ、コメント、ページネーションを表示している部分ですね。
これを削除します。

<?php get_header(); ?>

				<!-- 記事表示部分ここから -->
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
				<div class="post hentry">
					<h2 class="entry-title"><?php the_title(); ?></h2>
					<div class="entry-box">
						<span class="entry-date">
							公開日：<time class="published" datetime="<?php the_time('c'); ?>"><?php the_time(get_option('date_format')); ?></time>
						</span>

					</div>
					<div class="entry-content">
<?php the_content(); ?>
					</div>
					<div class="entry-link">
<?php wp_link_pages(); ?>
					</div>
				</div>
				<!-- /.post -->
<?php endwhile; ?>

<?php else : ?>
				<p>記事がありません</p>
<?php endif; ?>
				<!-- 記事表示部分ここまで -->

<?php get_footer(); ?>

ここでの各処理の詳細な解説は 「single.php を作成する – [1]」 を参考に。
 

なんということでしょう (笑)
これで完了です。
一覧系の画面にしても個別系の画面にしても、ベースとなるものを
作ってしまえば、後はチョコチョコした修正だけでいいのですごく楽ですね。
さて、次回はリクエストされたページがなかった際に表示する
404.php を作成します。
これを作成すれば、当初予定していた一通りのテンプレートが出来上がります。
その後、(ちゃんとした？) Tips 周りを順次紹介していこうと思ってます。
では、また次回・・・