footer.phpの中でよく使う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のコード
-
PHPの条件分岐の基本
-
WordPressで使う代表的な条件分岐
-
投稿の出力でよく使うWordPressのコード
-
テンプレートパーツの読み込みで使うWordPressのコード
-
header.phpの中でよく使うWordPressのコード
-
sidebar.phpの中でよく使うWordPressのコード
-
functions.phpの中でよく使うコード
-
front-page.phpでよく使うWordPressのコード
-
page.phpの中でよく使うWordPressのコード
-
archive.php(date.php、category.php、tag.php)の中でよく使うWordPressのコード
-
single.phpの中でよく使うWordPressのコード
-
archive-カスタム投稿名.phpの中でよく使うWordPressのコード
-
taxonomy.phpの中でよく使うWordPressのコード
-
single-カスタム投稿名.phpの中でよく使うWordPressのコード
-
search.phpの中でよく使うWordPressのコード
-
プラグイン出力でよく使うコード