【WordPress化】投稿ページ作成

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

<!-- ここに記事パーツ -->

<?php endwhile; ?>
<?php endif; ?>

<main class="main-content">

	<!-- 記事があれば以下を表示 -->
	<?php if (have_posts()) : ?>

	<div class="blog__list">

		<!-- 記事数ぶんループ -->
		<?php while (have_posts()) : the_post(); ?>

		<a href="./single.html">
		<!-- 省略 -->
		</a>

		<?php endwhile; ?>
	</div>
	<?php endif; ?>
</main>

<h1 class="title"><?php echo esc_html( get_queried_object()->post_title ); ?></h1>
<p class="sub-title"><?php echo esc_html( get_queried_object()->post_name ); ?></p>

<?php the_permalink(); //記事のリンクを表示 ?>

<?php
	if (has_post_thumbnail()) {
		// アイキャッチ画像が設定されてれば大サイズで表示
		the_post_thumbnail('large');
	} else {
		// なければnoimage画像をデフォルトで表示
		echo '<img src="' . esc_url( get_template_directory_uri() ) . '/img/blog.jpg" alt="noimage">';
	}
?>

<?php
	// カテゴリー１つ目の名前を表示
	$terms = get_the_terms( $post->ID, (get_post_type()=='post' ? 'category' : 'genre') );
	if ($terms[0]) {
		echo '<p class="blog-item__category">' . esc_html( $terms[0]->name ) . '</p>';
	}
?>

<?php the_title(); ?>

<time class="blog-time__date" datetime="<?php the_time('c');?>"><?php the_time('Y.m.d'); ?></time>

<?php the_excerpt(); ?>

<?php if (paginate_links()) : //ページが1ページ以上あれば以下を表示 ?>
	<div class="blog__pagination">
		<div class="pagination">
			<?php if( wp_is_mobile() ) {
				$number = '1';
			} else {
				$number = '4';
			}
			echo paginate_links(
					array(
						'end_size' => 1,
						'mid_size' => $number,
						'prev_next' => true,
						'prev_text' => '前へ',
						'next_text' => '次へ',
					)
				);
			?>
		</div>
		<!-- /.pagination -->
	</div>
	<!-- /.blog__pagination -->
<?php endif; ?>

<div class="blog__pagination">
	<div class="pagination">
		<a class="prev page-numbers">前へ</a>
		<a class="page-numbers">1</a>
		<span class="page-numbers current">2</span>
		<a class="page-numbers">3</a>
		<span class="page-numbers dots">…</span>
		<a class="page-numbers">10</a>
		<a class="next page-numbers">次へ</a>
	</div>
</div>

<?php get_template_part('template-parts/pagination'); ?>

<?php // 新着記事に New マークを表示
	$days = 3; // New を表示させたい期間の日数
	$today = date_i18n('U'); // 現在の日付を取得
	$entry = get_the_time('U'); // 現在の投稿の時刻を取得
	$total = date('U',($today - $entry)) / 86400 ; // 秒数指定 86400 は1日
	if( $days > $total ){
		echo '<span class="new_mark">new</span><'; // Newを表示
	}
?>"

<?php if (function_exists('bcn_display')) : ?>
	<div class="breadcrumb">
		<?php bcn_display(); //BreadcrumbNavXTのパンくずを表示するための記述 ?>
	</div>
	<!-- /.breadcrumb -->
<?php endif; ?>

<div class="breadcrumb">
<!-- Breadcrumb NavXT 7.1.0 -->
<span><a><span>ホーム</span></a></span>
"＞"
<span><span>お問い合わせ</span></span>
</div>

.breadcrumb {
}

.breadcrumb > span {
}

.breadcrumb a {
}

<?php get_template_part('template-parts/breadcrumb'); ?>

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

<article>
<!-- ここに記事コンテンツ -->
</article>

<?php endwhile; ?>
<?php endif; ?>

<?php
	$terms = get_the_terms( $post->ID, (get_post_type()=='post' ? 'category' : 'genre') );
	if( $terms ) :
		foreach ( $terms as $term ): ?>
			<a href="<?php echo esc_url(get_term_link($term->term_id)); ?>" class="article__category"><?php echo esc_html($term->name); ?></a>
<?php 
endforeach;
endif;
?>

<?php
$terms = get_the_terms( $post->ID, (get_post_type()=='post' ? 'category' : 'genre') );
if ($terms[0]) : ?>
	<a href="<?php echo esc_url(get_term_link($terms[0]->term_id)); ?>" class="article__category"><?php echo esc_html($terms[0]->name); ?></a>
<?php endif; ?>

<?php $post_tags = get_the_tags(); ?>
<div class="entry-tag-items">
  <div class="entry-tag-head">タグ</div><!-- /entry-tag-head -->
  <?php if ($post_tags) : ?>
    <?php foreach ($post_tags as $tag) : ?>
    <div class="entry-tag-item"><a href="<?php echo get_tag_link($tag->term_id); ?>"><?php echo $tag->name; ?></a></div><!-- /entry-tag-item -->
    <?php endforeach; ?>
  <?php endif; ?>
</div><!-- /entry-tag-items -->

<time class="entry-published" datetime="<?php the_time('c'); ?>">公開日 <?php the_time('Y/n/j'); ?></time>
<?php if (get_the_modified_time('Y-m-d') !== get_the_time('Y-m-d')) : ?>
<time class="entry-updated" datetime="<?php the_modified_time('c'); ?>">最終更新日 <?php the_modified_time('Y/n/j'); ?></time>
<?php endif; ?>

<div class="post__content">
  <?php
  // 本文の表示
  the_content();

  // ページ区切りのナビゲーションリンク
  wp_link_pages();
  ?>
</div>

<div class="page-links">
	<div class="page-link prev">
		<?php previous_post_link( '%link', '前の記事' ); ?>
	</div>
	<div class="page-link archive">
		<a href="<?php echo esc_url(home_url('/news/')); ?>">記事一覧</a>
	</div>
	<div class="page-link next">
		<?php next_post_link( '%link', '次の記事' ); ?>
	</div>
</div>
<!-- /.page-links -->

<?php previous_post_link(); ?>
<?php next_post_link(); ?>

« <a href="パーマリンク" rel="prev">前の記事のタイトル</a>
<a href="パーマリンク" rel="next">次の記事のタイトル</a> »

<?php if (get_previous_post()):?>
<div><?php previous_post_link(); ?></div>
<?php endif; ?>

<?php if (get_next_post()):?>
<div><?php next_post_link(); ?></div>
<?php endif; ?>