【WordPress自作テーマ開発④】下層ページを作ろう「投稿ページ編」

<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package BlogCreateChallenge
 */

get_header();//ヘッダーを出力
?>

	<main id="primary" class="site-main"><!--以下よりコンテンツ部分の出力-->

		<?php
		while ( have_posts() ) ://while文でこれより下の内容を繰り返す。
			the_post(); ?>

        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>><!--id,classに投稿関連のid,クラスを追加-->
	<header class="entry-header">
		<?php
		if ( is_singular() ) ://個別の投稿を表示中であるかチェック。つまり、投稿ページ、固定ページが表示されていればtureとなる
			the_title( '<h1 class="entry-title">', '</h1>' );//記事タイトルをH1タグで出力
		else ://個別投稿を表示中でなければ以下を実行。
			the_title( '<h2 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' );//記事タイトルをH2で出力
		endif;//if文終了

		if ( 'post' === get_post_type() ) ://投稿タイプが”投稿”（管理画面の投稿からの記事）であれば、
			?>
			<div class="entry-meta">
				<?php
				blogcreatechallenge_posted_on();//blogcreatechallenge_posted_onという関数を呼び出し投稿日を出力（この関数はテーマファイルのincディレクトリ内にあるtemplate-tags.phpで定義されています。）
				blogcreatechallenge_posted_by();//blogcreatechallenge_posted_byという関数を呼び出し投稿者を出力（この関数はテーマファイルのincディレクトリ内にあるtemplate-tags.phpで定義されています。）
				?>
			</div>
		<?php endif; ?><!--if文終了-->
	</header>

	<?php blogcreatechallenge_post_thumbnail(); ?><!-- blogcreatechallenge_post_thumbnailという関数を呼び出し投稿のサムネイルを出力(この関数はテーマファイルのincディレクトリ内にあるtemplate-tags.phpで定義されています。) -->

	<div class="entry-content">
		<?php
		the_content(//投稿した記事の内容を出力
			sprintf(
				wp_kses(
					/* translators: %s: Name of current post. Only visible to screen readers */
					__( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'blogcreatechallenge' ),
					array(
						'span' => array(
							'class' => array(),
						),
					)
				),
				wp_kses_post( get_the_title() )
			)
		);

		wp_link_pages(
			array(
				'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'blogcreatechallenge' ),
				'after'  => '</div>',
			)
		);
		?>
	</div><!-- .entry-content -->

	<footer class="entry-footer">
		<?php blogcreatechallenge_entry_footer(); ?><!--blogcreatechallenge_entry_footer()という関数を呼び出し表示されている投稿のカテゴリ、コメントを表示（この関数はテーマファイルのincディレクトリ内にあるtemplate-tags.phpで定義されています。）-->
	</footer>
</article><!-- #post-<?php the_ID(); ?> -->

		 <?php endwhile; ?><!--while文終了-->

	</main><!-- コンテンツ部分の出力終了 -->

<?php
get_sidebar();//サイドバー出力
get_footer();//フッター出力

<?php get_header(); ?>

<div class="ly_cont ly_cont__col">
    <main class="ly_cont_main">
        <div class="post-breadcrumb">
            <?php output_breadcrumb(); ?>
        </div>
        <?php
					while ( have_posts() ) : the_post();
						get_template_part( 'template-parts/content-post');
					endwhile;
			?>
    </main>
    <?php get_sidebar();?>
</div>
<?php get_footer();?>

<?php output_breadcrumb(); ?>

// パンくずリスト
function output_breadcrumb(){
	$home = '<li><a href="'.get_bloginfo('url').'">トップ</a></li>';
	echo '<ul class="breadcrumb">';
  
	// トップページ
	if ( is_front_page() ) {
  
	// カテゴリーページ
	} else if ( is_category() ) {
	$cat = get_queried_object();
	$cat_id = $cat->parent;
	$cat_list = array();
	while($cat_id != 0) {
	  $cat = get_category( $cat_id );
	  $cat_link = get_category_link( $cat_id );
	  array_unshift( $cat_list, '<li><a href="'.$cat_link.'">'.$cat->name.'</a></li>' );
	  $cat_id = $cat->parent;
	}
	echo $home;
	foreach ($cat_list as $value) {
	  echo $value;
	}
	the_archive_title('<li>', '</li>');
  
	// アーカイブページ
	} else if ( is_archive() ) {
	echo $home;
	the_archive_title('<li>', '</li>');
  
	// 投稿ページ
	} else if ( is_single() ) {
	$cat = get_the_category();
	if( isset( $cat[0]->cat_ID ) ) $cat_id = $cat[0]->cat_ID;
	$cat_list = array();
	while( $cat_id != 0 ) {
	  $cat = get_category( $cat_id );
	  $cat_link = get_category_link( $cat_id );
	  array_unshift( $cat_list, '<li><a href="'.$cat_link.'">'.$cat->name.'</a></li>' );
	  $cat_id = $cat->parent;
	}
	echo $home;
	foreach($cat_list as $value) {
	  echo $value;
	}
	the_title('<li>', '</li>');
  
	// 固定ページ
	} else if ( is_page() ) {
	echo $home;
	the_title('<li>', '</li>');
  
	// 検索結果
	} else if ( is_search() ) {
	echo $home;
	echo '<li>「'.get_search_query().'」の検索結果</li>';
  
	// 404ページ
	} else if ( is_404() ) {
	echo $home;
	echo '<li>ページが見つかりません</li>';
	}
	echo '</ul>';
  }

// パンくずリスト
function output_breadcrumb(){
	$home = '<li><a href="'.get_bloginfo('url').'">トップ</a></li>';//トップページへのリンクを取得しトップの文字列にリンク付け
	echo '<ul class="breadcrumb">';
  
	// トップページ
	if ( is_front_page() ) {//トップページであれば
    //何も表示せず終わる
	// カテゴリーページ
	} else if ( is_category() ) {//カテゴリーページが表示されていれば
	$cat = get_queried_object();//現在表示されているカテゴリのオブジェクトを取得(現在表示されているものの情報取得)    
	$cat_id = $cat->parent;//カテゴリIDを取得
	$cat_list = array();
	while($cat_id != 0) {
	  $cat = get_category( $cat_id );
	  $cat_link = get_category_link( $cat_id );
	  array_unshift( $cat_list, '<li><a href="'.$cat_link.'">'.$cat->name.'</a></li>' );
	  $cat_id = $cat->parent;
	}
	echo $home;//トップを表示
	foreach ($cat_list as $value) {
	  echo $value;
	}
	the_archive_title('<li>', '</li>');//現在表示されているカテゴリーをliタグで囲んで出力
  
	// アーカイブページ
	} else if ( is_archive() ) {//アーカイブページならば
	echo $home;//トップを表示
	the_archive_title('<li>', '</li>');//アーカイブ名を表示
  
	// 投稿ページ
	} else if ( is_single() ) {//投稿ページであれば
	$cat = get_the_category();//現在の投稿のカテゴリ名を取得
	if( isset( $cat[0]->cat_ID ) ) $cat_id = $cat[0]->cat_ID;
	$cat_list = array();
	while( $cat_id != 0 ) {
	  $cat = get_category( $cat_id );
	  $cat_link = get_category_link( $cat_id );
	  array_unshift( $cat_list, '<li><a href="'.$cat_link.'">'.$cat->name.'</a></li>' );
	  $cat_id = $cat->parent;
	}
	echo $home;//トップを表示
	foreach($cat_list as $value) {
	  echo $value;//カテゴリ名を表示
	}
	the_title('<li>', '</li>');//現在表示されている記事のタイトル表示
  
	// 固定ページ
	} else if ( is_page() ) {//固定ページであれば
	echo $home;//トップを表示
	the_title('<li>', '</li>');//現在表示されている固定ページのタイトル表示
  
	// 検索結果
	} else if ( is_search() ) {//検索結果ページであれば
	echo $home;//トップを出力
	echo '<li>「'.get_search_query().'」の検索結果</li>';//サイト内検索を行ったときのクエリ文字列を表示
  
	// 404ページ
	} else if ( is_404() ) {//４０４ページ（ページが見つからないです）であれば
	echo $home;//トップを表示
	echo '<li>ページが見つかりません</li>';
	}
	echo '</ul>';
  }

while ( have_posts() ) : the_post();
　　get_template_part( 'template-parts/content-post');
endwhile;

<article class="singler">
    <?php if(has_post_thumbnail()): ?>
    <div class="post-Eye-Catch">
        <img src="<?php the_post_thumbnail_url(); ?>">
    </div>
    <?php endif; ?>
    <div class="content-ttl">
        <h1><?php the_title(); ?></h1>
    </div>
    <div class="content-body">
        <div class="blog-content"><?php echo the_content(); ?></div>
    </div>
</article>

<article class="singler">
    <?php if(has_post_thumbnail()): ?>//投稿のサムネイルが設定されていれば
    <div class="post-Eye-Catch">
        <img src="<?php the_post_thumbnail_url(); ?>">//アイキャッチを表示
    </div>
    <?php endif; ?>//if文終了
    <div class="content-ttl">
        <h1><?php the_title(); ?></h1>//投稿記事のタイトルを表示
    </div>
    <div class="content-body">
        <div class="blog-content"><?php echo the_content(); ?></div>//投稿記事の内容を出力（記事出力）
    </div>
</article>