【初心者必見】
WordPressのテーマを自作しよう！
〜その3：「投稿」の内容を出力してみよう〜

<?php get_header();?> 
  <div class="main_content"> 
    ここに記事の詳細ページを表示します。 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      var_dump($post_id); 
    ?> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      var_dump($post_title); 
    ?> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      var_dump($post_content); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <p class="post_category"> 
      <?php echo esc_html($post_category);?> 
    </p> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
      var_dump($post_category); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <p class="post_category"> 
      <?php echo esc_html($post_category);?> 
    </p> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
      foreach( $post_category as $category_data ) { 
        var_dump($category_data); 
      } 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <p class="post_category"> 
      <?php echo esc_html($post_category);?> 
    </p> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
      foreach( $post_category as $category_data ) { 
        $category_id = $category_data->term_id; 
        $category_name = $category_data->name; 
        var_dump($category_id); 
        var_dump($category_name); 
      } 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <p class="post_category"> 
      <?php echo esc_html($post_category);?> 
    </p> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<ul> 
  <li>カテゴリー名</li> 
  <li>カテゴリー名</li> 
  <!-- カテゴリー数によってliリストは増減 --> 
</ul>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <ul> 
      <?php foreach( $post_category as $category_data ):?> 
        <?php 
          $category_id = $category_data->term_id; 
          $category_name = $category_data->name; 
        ?> 
        <li> 
          <?php echo esc_html($category_name);?> 
        </li> 
      <?php endforeach;?> 
    </ul> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <ul> 
      <?php if( !empty($post_category) ):?> 
        <?php foreach( $post_category as $category_data ):?> 
          <?php 
            $category_id = $category_data->term_id; 
            $category_name = $category_data->name; 
          ?> 
          <li> 
            <?php echo esc_html($category_name);?> 
          </li> 
        <?php endforeach;?> 
      <?php endif;?> 
    </ul> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <ul> 
      <?php if( !empty($post_category) ):?> 
        <?php foreach( $post_category as $category_data ):?> 
          <?php 
            $category_id = $category_data->term_id; 
            $category_name = $category_data->name; 
            $category_link = get_category_link($category_id); 
            var_dump($category_link); 
          ?> 
          <li> 
            <?php echo esc_html($category_name);?> 
          </li> 
        <?php endforeach;?> 
      <?php endforeach;?> 
    </ul> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    <?php 
      $post_id = get_the_ID(); 
      $post_title = get_the_title(); 
      $post_content = get_the_content(); 
      $post_date = get_the_date('Y年m月d日', $post_id); 
      $post_category = get_the_category($post_id); 
    ?> 
    <h1> 
      <?php echo esc_html($post_title);?> 
    </h1> 
    <p class="post_date"> 
      <?php echo esc_html($post_date);?> 
    </p> 
    <ul> 
      <?php if( !empty($post_category) ):?> 
        <?php foreach( $post_category as $category_data ):?> 
          <?php 
            $category_id = $category_data->term_id; 
            $category_name = $category_data->name; 
            $category_link = get_category_link($category_id); 
          ?> 
          <li> 
            <a href="<?php echo esc_html($category_link);?>"> 
              <?php echo esc_html($category_name);?> 
            </a> 
          </li> 
        <?php endforeach;?> 
      <?php endif;?> 
    </ul> 
    <div class="post_content"> 
      <?php echo $post_content;?> 
    </div> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <div class="main_content"> 
    ここにカテゴリ一覧を表示します。  
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    var_dump($category_data); 
  ?> 
  <div class="main_content"> 
    ここにカテゴリ一覧を表示します。  
  </div> 
<?php get_footer();?>

<?php $post_data = new WP_Query( array( 'post_type' => 'post' ) ); ?>

<?php $post_data = new WP_Query( array( 'post_status' => 'publish' ) ); ?>

<?php $post_data = new WP_Query( array( 'posts_per_page' => 15 ) ); ?>

<?php $post_data = new WP_Query( array( 'cat' => $category_data ) ); ?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    $cat_post_data = new WP_Query( array( 'post_type' => 'post', 'post_status' => 'publish', 'posts_per_page' => 15, 'cat' => $category_data ) ); 
  ?> 
  <div class="main_content"> 
    ここにカテゴリ一覧を表示します。  
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 'post_type' => 'post', 'post_status' => 'publish', 'posts_per_page' => 15, 'cat' => $category_data ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    ここにカテゴリ一覧を表示します。  
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    ここにカテゴリ一覧を表示します。  
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
    var_dump($cat_post_data); 
  ?> 
  <div class="main_content"> 
    ここにカテゴリ一覧を表示します。  
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
    var_dump($cat_post_data->posts); 
  ?> 
  <div class="main_content"> 
    ここにカテゴリ一覧を表示します。  
  </div> 
<?php get_footer();?>

<?php if( !empty( $cat_post_data->posts ) ) : ?> 
  <!-- データが存在する場合、ここに記述した内容が実行される --> 
<?php endif;?>

<?php foreach( $cat_post_data->posts as $cat_post ): ?> 
  <!-- $cat_postに配列の中身が格納される --> 
<?php endforeach;?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <?php foreach( $cat_post_data->posts as $cat_post ):?> 
        <?php var_dump($cat_post);?> 
      <?php endforeach;?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <?php foreach( $cat_post_data->posts as $cat_post ):?> 
        <?php 
          $post_id = $cat_post->ID; //記事ID 
          $post_title = $cat_post->post_title; //記事タイトル 
          $post_content = $cat_post->post_content; //記事本文 
          $post_date = $cat_post->post_date; //記事投稿日 
        ?> 
      <?php endforeach;?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php $post_strip_content = strip_tags( $post_content );?>

<?php $post_trimming_content = strip_tags( $post_strip_content, 0, 50 );?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <?php foreach( $cat_post_data->posts as $cat_post ):?> 
        <?php 
          $post_id = $cat_post->ID; //記事ID 
          $post_title = $cat_post->post_title; //記事タイトル 
          $post_content = $cat_post->post_content; //記事本文 
          $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
          $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
          $post_date = $cat_post->post_date; //記事投稿日 
        ?> 
      <?php endforeach;?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php 
  $post_content = $cat_post->post_content; //記事本文 
  $post_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
  $post_content = mb_substr( $post_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
?>

<?php $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); ?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <?php foreach( $cat_post_data->posts as $cat_post ):?> 
        <?php 
          $post_id = $cat_post->ID; //記事ID 
          $post_title = $cat_post->post_title; //記事タイトル 
          $post_content = $cat_post->post_content; //記事本文 
          $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
          $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
          $post_date = $cat_post->post_date; //記事投稿日 
          $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
        ?> 
      <?php endforeach;?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <?php foreach( $cat_post_data->posts as $cat_post ):?> 
        <?php 
          $post_id = $cat_post->ID; //記事ID 
          $post_title = $cat_post->post_title; //記事タイトル 
          $post_content = $cat_post->post_content; //記事本文 
          $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
          $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
          $post_date = $cat_post->post_date; //記事投稿日 
          $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
          $post_link = get_the_permalink( $post_id ); //記事ページURL 
        ?> 
      <?php endforeach;?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<ul> 
  <li> 
    <!-- 記事詳細が入る --> 
  </li> 
</ul> 

<li> 
  <a href="記事リンクURL"> 
    <p class="img"> 
      <img src="画像URL"> 
    </p> 
    <div class="area_txt"> 
      <h2>記事タイトル</h2> 
      <p class="content">記事本文</p> 
      <p class="date">記事投稿日</p> 
    </div> 
  </a> 
</li> 

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <ul> 
        <?php foreach( $cat_post_data->posts as $cat_post ):?> 
          <?php 
            $post_id = $cat_post->ID; //記事ID 
            $post_title = $cat_post->post_title; //記事タイトル 
            $post_content = $cat_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $cat_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <img src="<?php echo esc_html($post_thumbnail);?>"> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php if( !empty( $post_thumbnail ) ):?> 
  <img src="<?php echo esc_html($post_thumbnail);?>"> 
<?php else: ?> 
  <img src="http://placehold.jp/150x150.png?text=No image"> 
<?php endif; ?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <ul> 
        <?php foreach( $cat_post_data->posts as $cat_post ):?> 
          <?php 
            $post_id = $cat_post->ID; //記事ID 
            $post_title = $cat_post->post_title; //記事タイトル 
            $post_content = $cat_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $cat_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php 
  $category_name = get_category( $catgory_data ); 
  $category_name = $category_name->name; 
?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    $category_name = get_category($category_data); 
    $category_name = $category_name->name; 
 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <h1>カテゴリー"<?php echo esc_html( $category_name );?>"に属する記事</h1> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <ul> 
        <?php foreach( $cat_post_data->posts as $cat_post ):?> 
          <?php 
            $post_id = $cat_post->ID; //記事ID 
            $post_title = $cat_post->post_title; //記事タイトル 
            $post_content = $cat_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $cat_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php 
  $cate_pager = get_the_posts_pagination(); 
  echo $cate_pager; 
?>

<?php echo get_the_posts_pagination(); ?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    $category_name = get_category($category_data); 
    $category_name = $category_name->name; 
 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <h1>カテゴリー"<?php echo esc_html( $category_name );?>"に属する記事</h1> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <ul> 
        <?php foreach( $cat_post_data->posts as $cat_post ):?> 
          <?php 
            $post_id = $cat_post->ID; //記事ID 
            $post_title = $cat_post->post_title; //記事タイトル 
            $post_content = $cat_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $cat_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
      <?php 
        //ページャー 
        $cate_pager = get_the_posts_pagination(); 
        echo $cate_pager; 
      ?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $category_data = get_query_var('cat'); 
    $category_name = get_category($category_data); 
    $category_name = $category_name->name; 
 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 5, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <!-- 以下略 -->

<?php $paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1;  ?>

<?php 
  if( get_query_var( 'paged' ) ) { 
    $paged = get_query_var( 'paged' ); 
  }else { 
    $paged = 1; 
  } 
?>

<?php get_header();?> 
  <?php 
    $paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1; 
    //カテゴリー情報を取得 
    $category_data = get_query_var('cat'); 
    $category_name = get_category($category_data); 
    $category_name = $category_name->name; 
 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 5, 
      'paged' => $paged, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <!-- 以下略 -->

<?php 
  $pager_args = array( 
    'mid_size' => 1, 
    'prev_text' => 'Previous', 
    'next_text' => 'Next', 
    'screen_reader_text' => 'Posts navigation' 
  ); 
  $pager_data = get_the_posts_pagination( $pager_args ); 
?>

<?php 
  $pager_args = array( 
    'screen_reader_text' => ' ' 
  ); 
  $pager_data = get_the_posts_pagination( $pager_args ); 
?>

<?php $pager_data = get_the_posts_pagination( array( 'screen_reader_text' => ' ' )); ?>

<?php get_header();?> 
  <?php 
    $paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1; 
    //カテゴリー情報を取得 
    $category_data = get_query_var('cat'); 
    $category_name = get_category($category_data); 
    $category_name = $category_name->name; 
 
    //WP_Queryの引数用変数の作成（「arg」は引数という意味のargumentの略） 
    $cat_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 5, 
      'paged' => $paged, 
      'cat' => $category_data 
    ); 
    $cat_post_data = new WP_Query( $cat_query_args ); 
  ?> 
  <div class="main_content"> 
    <h1>カテゴリー"<?php echo esc_html( $category_name );?>"に属する記事</h1> 
    <?php if(!empty( $cat_post_data->posts )):?> 
      <ul> 
        <?php foreach( $cat_post_data->posts as $cat_post ):?> 
          <?php 
            $post_id = $cat_post->ID; //記事ID 
            $post_title = $cat_post->post_title; //記事タイトル 
            $post_content = $cat_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $cat_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
      <?php 
        //ページャー 
        $cate_pager = get_the_posts_pagination( array('screen_reader_text' => ' ') ); 
        echo $cate_pager; 
      ?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

  'posts_per_page' => 15

<?php 
  $post_query_args = array( 
    'post_type' => 'post', 
    'post_status' => 'publish', 
    'posts_per_page' => 15 
  ); 
  $archive_data = new WP_Query( $post_query_args ); 
?>

<?php get_header();?> 
  <?php 
    $post_query_args = array( 
      'post_type' => 'post', 
       'post_status' => 'publish', 
       'posts_per_page' => 15, 
       'order' => 'DESC', 
       'orderby' => 'date' 
     ); 
    $archive_data = new WP_Query( $post_query_args ); 
  ?> 
  <div class="main_content">  
    ここにアーカイブページを表示します。  
  </div> 
<?php get_footer();?>

<?php get_header();?> 
  <?php 
    $post_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'order' => 'DESC', 
      'orderby' => 'date' 
    ); 
    $archive_data = new WP_Query( $post_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $archive_data->posts )):?> 
      <ul> 
        <?php foreach( $archive_data->posts as $archive_post ):?> 
          <?php 
            $post_id = $archive_post->ID; //記事ID 
            $post_title = $archive_post->post_title; //記事タイトル 
            $post_content = $archive_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $archive_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<?php 
  $post_category = get_the_category($post_id); //$post_idには記事IDが入ります 
  if( !empty( $post_category ) ) { 
    foreach( $post_category as $category_data ) { 
      //カテゴリー情報を取得 
    } 
  } 
?>

<?php get_header();?> 
  <?php 
    $post_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'order' => 'DESC', 
      'orderby' => 'date' 
    ); 
    $archive_data = new WP_Query( $post_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $archive_data->posts )):?> 
      <ul> 
        <?php foreach( $archive_data->posts as $archive_post ):?> 
          <?php 
            $post_id = $archive_post->ID; //記事ID 
            $post_title = $archive_post->post_title; //記事タイトル 
            $post_content = $archive_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $archive_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
            $post_category = get_the_category($post_id); //記事カテゴリー 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
                <?php if( !empty($post_category) ):?> 
                  <ul class="category_list"> 
                    <?php foreach( $post_category as $category_data ):?> 
                      <?php 
                        $category_id = $category_data->term_id; 
                        $category_name = $category_data->name; 
                        $category_link = get_category_link($category_id); 
                      ?> 
                      <li> 
                        <?php echo esc_html($category_name);?> 
                      </li> 
                    <?php endforeach;?> 
                  </ul> 
                <?php endif;?> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<li> 
  <p class="img"> 
    <a href="<?php echo esc_html($post_link);?>"> 
      <?php if( !empty( $post_thumbnail ) ):?> 
        <img src="<?php echo esc_html($post_thumbnail);?>"> 
      <?php else: ?> 
        <img src="http://placehold.jp/150x150.png?text=No image"> 
      <?php endif; ?> 
    </a> 
  </p> 
  <div class="area_txt"> 
    <a href="<?php echo esc_html($post_link);?>"> 
      <h2><?php echo esc_html($post_title);?></h2> 
    </a> 
    <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
    <p class="date"><?php echo esc_html($post_date);?></p> 
    <?php if( !empty($post_category) ):?> 
      <ul class="category_list"> 
        <?php foreach( $post_category as $category_data ):?> 
          <?php 
            $category_id = $category_data->term_id; 
            $category_name = $category_data->name; 
            $category_link = get_category_link($category_id); 
          ?> 
          <li> 
            <a href="<?php echo esc_html($category_link);?>"> 
              <?php echo esc_html($category_name);?> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
    <?php endif;?> 
  </div> 
</li> 

<?php get_header();?> 
  <?php 
    $paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1; // 
    $post_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'paged' => $paged, 
      'order' => 'DESC', 
      'orderby' => 'date' 
    ); 
    $archive_data = new WP_Query( $post_query_args ); 
  ?> 
  <div class="main_content"> 
    <?php if(!empty( $archive_data->posts )):?> 
      <ul> 
        <?php foreach( $archive_data->posts as $archive_post ):?> 
          <?php 
            $post_id = $archive_post->ID; //記事ID 
            $post_title = $archive_post->post_title; //記事タイトル 
            $post_content = $archive_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $archive_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
            $post_category = get_the_category($post_id); //記事カテゴリー 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
                <?php if( !empty($post_category) ):?> 
                  <ul class="category_list"> 
                    <?php foreach( $post_category as $category_data ):?> 
                      <?php 
                        $category_id = $category_data->term_id; 
                        $category_name = $category_data->name; 
                        $category_link = get_category_link($category_id); 
                      ?> 
                      <li> 
                        <?php echo esc_html($category_name);?> 
                      </li> 
                    <?php endforeach;?> 
                  </ul> 
                <?php endif;?> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
      <?php 
        //ページャー 
        $cate_pager = get_the_posts_pagination( array('screen_reader_text' => ' ') ); 
        echo $cate_pager; 
      ?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>

<h1>最近投稿された記事の一覧</h1>

<?php get_header();?> 
  <?php 
    $paged = get_query_var( 'paged' ) ? get_query_var( 'paged' ) : 1; // 
    $post_query_args = array( 
      'post_type' => 'post', 
      'post_status' => 'publish', 
      'posts_per_page' => 15, 
      'paged' => $paged, 
      'order' => 'DESC', 
      'orderby' => 'date' 
    ); 
    $archive_data = new WP_Query( $post_query_args ); 
  ?> 
  <div class="main_content"> 
    <h1>最近投稿された記事の一覧</h1> 
    <?php if(!empty( $archive_data->posts )):?> 
      <ul> 
        <?php foreach( $archive_data->posts as $archive_post ):?> 
          <?php 
            $post_id = $archive_post->ID; //記事ID 
            $post_title = $archive_post->post_title; //記事タイトル 
            $post_content = $archive_post->post_content; //記事本文 
            $post_strip_content = strip_tags( $post_content ); //本文のHTMLタグ削除 
            $post_trimming_content = mb_substr( $post_strip_content, 0, 50 ); //タグ削除の本文から文頭50文字を切り出し 
            $post_date = $archive_post->post_date; //記事投稿日 
            $post_thumbnail = get_the_post_thumbnail_url( $post_id, 'post-thumbnail' ); //記事のアイキャッチ画像URL 
            $post_link = get_the_permalink( $post_id ); //記事ページURL 
            $post_category = get_the_category($post_id); //記事カテゴリー 
          ?> 
          <li> 
            <a href="<?php echo esc_html($post_link);?>"> 
              <p class="img"> 
                <?php if( !empty( $post_thumbnail ) ):?> 
                   <img src="<?php echo esc_html($post_thumbnail);?>"> 
                <?php else: ?> 
                   <img src="http://placehold.jp/150x150.png?text=No image"> 
                <?php endif; ?> 
              </p> 
              <div class="area_txt"> 
                <h2><?php echo esc_html($post_title);?></h2> 
                <p class="content"><?php echo esc_html($post_trimming_content);?></p> 
                <p class="date"><?php echo esc_html($post_date);?></p> 
                <?php if( !empty($post_category) ):?> 
                  <ul class="category_list"> 
                    <?php foreach( $post_category as $category_data ):?> 
                      <?php 
                        $category_id = $category_data->term_id; 
                        $category_name = $category_data->name; 
                        $category_link = get_category_link($category_id); 
                      ?> 
                      <li> 
                        <?php echo esc_html($category_name);?> 
                      </li> 
                    <?php endforeach;?> 
                  </ul> 
                <?php endif;?> 
              </div> 
            </a> 
          </li> 
        <?php endforeach;?> 
      </ul> 
      <?php 
        //ページャー 
        $cate_pager = get_the_posts_pagination( array('screen_reader_text' => ' ') ); 
        echo $cate_pager; 
      ?> 
    <?php endif;?> 
  </div> 
<?php get_footer();?>