WordPressテーマ制作-ステップ14-archive.php作成

投稿日:

アーカイブページの編集をします。ファイルはarchive.phpです。 アーカイブってなんじゃいって人もいるかもしれませんが、記事の一覧表示みたいなもんです。 なので記述する内容はトップページとそんなにかわりませんのでarchive.phpにindex.phpの内容をそのままコピーします。 index.phpと少し表示をかえましょう。記事タイトルの上に投稿日付を表示します。日付:部分の記述をそのまま持ってきます。

<p>
<span>日付:<a href="<?php the_permalink(); ?>"><time datetime="<?php the_time('y-m-d'); ?>"><?php the_time( get_option('date_format') ); ?></a></span>
</p>

また、下段にはカテゴリーとともにタグを表示するように変更します。

日付:部分を削除し、the_tags関数の記述を追加します。 デフォルトで「タグ:」という接頭語が出力されますので、「カテゴリー:」といった記述は必要ありません。

<p>
<span>カテゴリー:<?php the_category(','); ?></span>
<span><?php the_tags(); ?></span>
</p>

全体の内容は以下のようになります。

<div id="contents">
<h2><?php wp_title(); ?></h2>
<?php if ( have_posts()): ?>
<ul>
<?php while ( have_posts() ) : the_post(); ?>
<li>
<p>
<span>日付:<a href="<?php the_permalink(); ?>"><time datetime="<?php the_time('y-m-d'); ?>"><?php the_time( get_option('date_format') ); ?></a></span>
</p>
<a href="<?php the_permalink(); ?>">
<?php if ( has_post_thumbnail() ) :
the_post_thumbnail('thumbnail');
else :
echo '<img src="';
bloginfo( 'template_url' );
echo '/images/the_post_thumbnail_default.png" alt="デフォルト画像" />';
endif; ?>
</a>
<h3><a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
<p>
<?php the_excerpt(); ?>
</p>
<p>
<span>カテゴリー:<?php the_category(','); ?></span>
<span><?php the_tags(); ?></span>
</p>
</li>
<?php endwhile; ?>
</ul>
<?php endif; ?>
</div>

カテゴリー:WordPress,テーマ タグ: , , , , ,

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

Translate »