記事の個別ページを作成

個別ページ

• 記事の個別ページもトップページと同じ「index.php」テンプレートの設定を利用して生成します
• ここでは、前後の記事ページへのリンクを追加して個別ページを仕上げます

関数

ページのタイトルを出力

<?php wp_title(); ?>

記事の個別ページの場合は中身を出力

<?php if(is_single(): ?>
〜
<?php endif; ?>

前の記事へのリンクを出力

<?php previous_post_link(); ?>

次の記事へのリンクを出力

<?php next_post_link(); ?>

個別ページのタイトルを追加

<title><?php bloginfo('name'); ?>
<?php wp_title(); ?></title>

<?php wp_title(); ?>は、トップページを生成するときには何も出力しません。

• ブログ名に続けて「>>」という区切り文字が挿入される

• 「- ハイフン」で繋ぐには

<title><?php bloginfo('name'); ?>
<?php wp_title('-'); ?></title>

前の記事へのリンクを追加

• クラス名「post」の次に記述する

<p class="pagelink">
<?php previous_post_link(); ?>
</p>

次の記事へのリンクを追加

<p class="pagelink">
<?php previous_post_link(); ?>
<?php next_post_link(); ?>
</p>

リンクを左右に配置する

<p class="pagelink">
<span class="oldpage"><?php previous_post_link(); ?></span>
<span class="newpage"><?php next_post_link(); ?></span>
</p>

前後記事へのリンクを個別ページだけに表示する

<?php if(is_single()): ?>

〜（記事の個別ページです）
<?php endif; ?>

<?php if(is_single()): ?>
<p class="pagelink">
<span class="oldpage"><?php previous_post_link(); ?></span>
<span class="newpage"><?php next_post_link(); ?></span>
</p>
<?php endif; ?>

<!-- ▼#content -->
<div id="content">

<?php if(have_posts()): while(have_posts()): the_post(); ?>

<div class="post">
<h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
<?php the_content(); ?>
<p class="postinfo">
<?php the_date(); ?>　<?php the_time(); ?>
 ｜
カテゴリ：<?php the_category(', '); ?>
</p>
</div>

<?php if(is_single()): ?>
<p class="pagelink">
<span class="oldpage"><?php previous_post_link(); ?></span>
<span class="newpage"><?php next_post_link(); ?></span>
</p>
<?php endif; ?>

<?php endwhile; endif; ?>

<?php if(is_home()): ?>
<p class="pagelink"><span class="oldpage">
<?php next_posts_link('&laquo; 前の記事'); ?>
</span></p>
<p class="pagelink"><span class="newpage">
<?php previous_posts_link('次の記事 &raquo;'); ?>
</span></p>
<?php endif; ?>

</div><!-- ▲#content -->