テーマ作成の実践

ここからは、ここまで学んだ内容を生かしてテーマ作成を行なっていきましょう。

まずは、テーマ作成の準備として、index.phpを下記の内容で作成してください。

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
  <header>
    <h1>zero</h1>
  </header>

<?php while(have_posts() === true){ ?>
  <?php the_post(); ?>

  <h2><?php the_title();?></h2>

  <p><?php the_content(); ?></p>   
<?php } ?>
<footer>
  &copy;2018 〇〇. All rights reserved.
</footer>
<?php wp_footer(); ?>
</body>
</html>

ここからは上記のシンプルなテンプレートを元に、本格的なテーマの雛型を作成していきます。

results matching ""

    No results matching ""