WordPress テーマ作成の為のコード色々

スポンサードサーチ

ヘッダー付近のコード

PHP

<html lang="<?php bloginfo('language');?>"> //サイト言語
  <head>
    <meta charset="<?php bloginfo('charset');?>" /> //charset
    <meta name="description"
 content="<?php bloginfo('description');?>"
 /> //サイト説明
    <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/main.css" /> //CSS読み込み
    <?php if(is_page() || is_single()):?> //特定のページのみCSS読み込ませる場合
      <link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/css/page.css" />
    <?php endif;?>
    <title><?php bloginfo('name');?></title> //サイトタイトル
    <?php wp_head(); ?>
  </head>
  <body>
    <header>
      <nav class="nav">
        <a href="<?php echo esc_url( home_url() ); ?>" class="nav__logo">
          <h1 style="color: #fff;"><?php bloginfo('name');?></h1> //カスタマイズ項目で入力したサイト名
        </a>
        <div class="menu" id="menu">
          <?php 
            wp_nav_menu( array( 
              'theme_location' => 'main-menu' 
            )); 
          ?>
        </div>

      </nav>
    </header>
    <main>
      // サイトコンテンツ
    </main>
    <footer>
      //フッターコンテンツ
    </footer>
  </body>
</html>

記事表示部分のコード

PHP

<html lang="<?php bloginfo('language');?>"> //サイト言語
  <body>
    <main>
      <?php if(have_posts()): ?>
      <ul>
        <?php while(have_posts()): the_post();?>
        <li class="news__item">
          <a href="<?php the_permalink();?>" class="news__link">
            <div class="content">
              <div class="content__desc">
                <p><span class="date"><?php the_date('Y.m.d');?></span><?php the_title();?></p>
              </div>
            </div>
          </a>
        </li>
        <?php endwhile; ?>
      </ul>
      <?php else: ?>
      <p>記事がありません</p>
      <?php endif;?>
    </main>
    <footer>
      //フッターコンテンツ
    </footer>
  </body>
</html>