footer.phpの中でよく使うWordPressのコード

HTMLサイトをWordPressにする本

</body>タグの前にWordPressのシステムのコードを出力

※</body>の前にコードを挿入

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

テーマフォルダーのURLを表示

<?php echo get_stylesheet_directory_uri(); ?>

【使用例：JavaScriptの読み込み時に使用】

※functions.phpの中でJavaScriptを読み込む場合はこちら

<script src="<?php echo get_stylesheet_directory_uri(); ?>/js/script.js"></script>

テーマフォルダー（親テーマ）のURLを表示

※子テーマで使用した場合は、親テーマのフォルダーのURLを取得する

<?php echo get_template_directory_uri(); ?>

JavaScriptを条件分岐して表示

※functions.phpの中でJavaScriptを分岐する場合はこちら

※条件分岐の詳細についてはこちら

<?php if(is_page('company')): ?>
  <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/company.js"></script>
<?php elseif(is_single() || is_category()): ?>
  <script src="<?php echo get_stylesheet_directory_uri(); ?>/js/single.js"></script>
<?php endif; ?>

サイトのタイトルを表示

※管理画面の[設定] > [一般] >「サイトのタイトル」に設定した内容を出力

<?php bloginfo('name'); ?>

【使用例：サイトのロゴのaltタグに使う】

<a href="<?php echo esc_url(home_url('/')); ?>">
  <img src="<?php echo get_stylesheet_directory_uri(); ?>/img/logo.svg" alt="<?php bloginfo('name'); ?>" width="170" height="100">
</a>

カスタムメニューを表示

※必ずfunctions.phpの記述とセットで使用してください

<?php 
  wp_nav_menu(array( 
    'theme_location' => 'footer-menu',  // フッターナビゲーション用のfooter-menuを表示
    'container' => 'nav',  // ※必要なら追加<div>で出力されるソースコードを<nav>に変更
  )); 
?>

ウィジェット機能を表示

※必ずfunctions.phpの記述とセットで使用してください

<?php dynamic_sidebar('footer-widgets'); ?>

最低限覚えておきたい
WordPressのコード

コード一覧に戻る