記事一覧

page.php を作成する

 posted by suzu
テンプレート作成のススメ

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

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

1. タイトル
2. 公開日
3. 本文

になります。
 

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

1. パンくずリスト
2. 更新日
3. 作成者
4. Twitter や Facebook 等の SNS メディアへの共有リンク

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

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 周りを順次紹介していこうと思ってます。
では、また次回・・・

関連記事

eyecatch_template

カスタムヘッダーを表示する – [1]

前回までの記事 「index.php を作成する – [1]」 「i...

記事を読む

eyecatch_template

コピーライトを表示する

今回は footer 領域にコピーライトを表示してみます。 特にどうっていうこと...

記事を読む

eyecatch_template

archive.php を作成する

今回は、アーカイブ一覧ページである archive.php を作成します。 ar...

記事を読む

カレンダー

2019年5月
« 7月    
 1234
567891011
12131415161718
19202122232425
262728293031  
PAGE TOP ↑