Learning site for website creation

WordPressの投稿内容を表示させる方法

公開日:2017年03月04日 更新日:2018年11月20日

アイキャッチ画像

<?php // アイキャッチ画像表示 ?>
<div class="thumbnail">
<?php if (has_post_thumbnail()) : ?>
<?php the_post_thumbnail('thumbnail'); ?>
<?php else: ?>
<img src="<?php echo esc_url(get_stylesheet_directory_uri()); ?>/img/no-image.png" alt="<?php the_title(); ?>">
<?php endif; ?>
</div><!-- /.thumbnail -->

タイトル

<?php the_title(); ?>

記事全文

<?php the_content(); ?>

記事概要

<?php the_excerpt(); ?>

投稿日

<?php // 投稿日 ?>
<p class="date"><?php the_time('Y年m月d日'); ?></p>

更新日

<?php // 更新日 ?>
<p class="date"><?php the_modified_date('Y年m月d日') ?></p>

カテゴリ

リンクなしカテゴリ

<?php // リンクなしカテゴリ表示 ?>
<?php $catList = get_the_category(); ?>
<ul class="category">
<?php for ($i=0; $i < count($catList); $i++) : ?>
<li class="<?php echo $catList[$i]->slug; ?>"><?php echo $catList[$i]->cat_name; ?></li>
<?php endfor; ?>
</ul>

リンクつきカテゴリ

<?php // リンクつきカテゴリ表示 ?>
<?php the_category(); ?>

タグ

リンクなしタグ

<?php // リンクなしタグ表示 ?>
<?php if (has_tag()) : ?>
<?php $tagList = get_the_tags(); ?>
<ul class="tags">
<?php for ($i=0; $i < count($tagList); $i++) : ?>
<li><?php echo $tagList[$i]->name; ?></li>
<?php endfor; ?>
</ul>
<?php endif; ?>

リンクつきタグ

<?php // タグ表示 ?>
<?php the_tags('<ul class="tags"><li>','</li><li>','</li></ul>'); ?>

前後記事リンク

<?php // 前後記事リンク ?>
<div class="pagination">
<p class="oldpage"><?php previous_post_link('%title'); ?></p>
<p class="newpage"><?php next_post_link('%title'); ?></p>
</div>