yoshiislandblog.net
元営業の駆け出しアラサーSEが、休日にMACと戯れた際の殴り書きメモ。日々勉強。日々進歩。
WordPress-logotype-standard

WordPressオリジナルテーマのHTML雛形

2022-05-07

WordPressオリジナルテーマの一番シンプルなHTML雛形

  • <?php wp_head(); ?> は、</head>の直前につける
  • <?php wp_footer(); ?>は、</body>の直前につける

参考:関数リファレンス/wp head
参考:テンプレートタグ/wp footer

$ cat index.php
<!DOCTYPE html>
<html <?php language_attributes( ); ?>> <!-- multi-language supports -->
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="<?php bloginfo( 'charset' ); ?>">
    <link rel="stylesheet" href="<?php echo get_stylesheet_uri( ); ?>">
    <?php wp_head(); ?>
  </head>

  <body <?php body_class( ); ?>>
    <header>
    </header>

    <div>test</div>

    <footer>
    </footer>
    <?php wp_footer(); ?>
  </body>
</html>

長くなる場合は、

  • headタグ部分をheader.phpファイルに外出し(呼び出し方は、<?php get_header(); ?> )
  • footerタグ部分をfooter.phpファイルに外出し(呼び出し方は、<?php get_footer(); ?> )

などとしても良い

以上。