Learning site for website creation

10:プラグイン最適化関数

  • 投稿日:2018年11月04日
  • 更新日:2018年11月06日

WordPressの機能を使うためにテーマ内で実行させる関数が「プラグイン最適化関数」です。テンプレートに記述実行することで豊富なプラグインをエラーなく使用できます。

wp_head関数は「</head>」の直前に記述します。

wp_footer関数は「</body>」の直前に記述します。

header.php

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title><?php bloginfo('name'); ?><?php wp_title('|'); ?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" />
<?php wp_head(); ?>
</head>
<body>
<div class="container">

  <div class="header">
    <div class="inner">
      <h1><a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a></h1>
      <p><?php bloginfo('description'); ?></p>
      <p><?php echo get_template(); ?></p>
      <div class="theme_img"><img src="<?php echo get_template_directory_uri(); ?>/img/image.png" alt="テーマ内画像" /></div>
    </div><!-- /.inner -->
  </div><!-- /.header -->

  <div class="global_nav">
    <div class="inner">
      <?php wp_nav_menu(); ?>
    </div><!-- /.inner -->
  </div><!-- /.nav -->

footer.php

  <div class="footer">
    <div class="inner">
      <div class="copyright">
        © <?php echo date('Y'); ?>
        <a href="<?php echo home_url(); ?>"><?php bloginfo('name'); ?></a>.
      </div>
    </div><!-- /.inner -->
  </div><!-- /.footer -->

</div><!-- /.container -->
<?php wp_footer(); ?>
</body>
</html>

 

公開サイト上部にツールバーが表示されました。jQueryの読み込みなど様々な機能が追加されています。

オリジナルテーマ作成時はwp_head関数とwp_footer関数を必ず呼び出しましょう。

 

欠席者対応:wireframe03