自作WordPressテーマ『front-page.php』の作り方

1<?php get_header(); ?>
2<!-- ここにコンテンツを記載する -->
3<?php get_footer(); ?>

1<?php get_header(); ?>
2<section id="info">
3  <h2 class="ttl">information<span class="jp">お知らせ</span></h2>
4  <ul class="list">
5      <li><a href=""><span class="date">20**/**/**</span>タイトルが入ります</a></li>
6      <li><a href=""><span class="date">20**/**/**</span>タイトルが入ります</a></li>
7      <li><a href=""><span class="date">20**/**/**</span>タイトルが入ります</a></li>
8      <li><a href=""><span class="date">20**/**/**</span>タイトルが入ります</a></li>
9      <li><a href=""><span class="date">20**/**/**</span>タイトルが入ります</a></li>
10    </ul>
11  <p class="more"><a href="/category/information/">お知らせ一覧</a></p>
12</section>
13<?php get_footer(); ?>

1<section id="info">
2  <h2 class="ttl">information<span class="jp">お知らせ</span></h2>
3  <ul class="list">
4    <?php
5    $arg = array(
6      'posts_per_page' => 5, // 件数
7      'orderby' => 'date', // 'date'で日付でソート、'modified'で更新順でソート
8      'order' => 'DESC', // DESCで最新から表示、ASCで最古から表示
9      'category_name' => 'information' // 表示したいカテゴリーのスラッグを指定
10    );
11    $posts = get_posts( $arg );
12
13    foreach ( $posts as $post ):
14      setup_postdata( $post );
15    ?>
16      <li><a href=""><span class="date">20**/**/**</span>タイトルが入ります</a></li>
17    <?php endforeach; ?>
18  </ul>
19  <p class="more"><a href="/category/information/">お知らせ一覧</a></p>
20</section>

1<section id="info">
2  <h2 class="ttl">information<span class="jp">お知らせ</span></h2>
3  <ul class="list">
4    <?php
5    $arg = array(
6      'posts_per_page' => 5, // 件数
7      'orderby' => 'date', // 'date'で日付でソート、'modified'で更新順でソート
8      'order' => 'DESC', // DESCで最新から表示、ASCで最古から表示
9      'category_name' => 'information' // 表示したいカテゴリーのスラッグを指定
10    );
11    $posts = get_posts( $arg );
12
13    foreach ( $posts as $post ):
14      setup_postdata( $post );
15    ?>
16    <li><a href="<?php the_permalink(); ?>"><span class="date">
17      <?php the_date('Y/m/d'); ?>
18      </span>
19      タイトルが入ります
20      </a></li>
21    <?php endforeach; ?>
22  </ul>
23  <p class="more"><a href="/category/information/">お知らせ一覧</a></p>
24</section>

1<section id="info">
2  <h2 class="ttl">information<span class="jp">お知らせ</span></h2>
3  <ul class="list">
4    <?php
5    $arg = array(
6      'posts_per_page' => 5, // 件数
7      'orderby' => 'date', // 'date'で日付でソート、'modified'で更新順でソート
8      'order' => 'DESC', // DESCで最新から表示、ASCで最古から表示
9      'category_name' => 'information' // 表示したいカテゴリーのスラッグを指定
10    );
11    $posts = get_posts( $arg );
12
13    foreach ( $posts as $post ):
14      setup_postdata( $post );
15    ?>
16    <li><a href="<?php the_permalink(); ?>"><span class="date">
17      <?php the_date('Y/m/d'); ?>
18      </span>
19      <?php
20      if ( mb_strlen( $post->post_title ) > 40 ) {
21        $title = mb_substr( $post->post_title, 0, 40 );
22        echo $title . "...";
23      } else {
24        echo $post->post_title;
25      }
26      ?>
27      </a></li>
28    <?php endforeach; ?>
29  </ul>
30  <p class="more"><a href="/category/information/">お知らせ一覧</a></p>
31</section>