wp_footer()


WordPressのwp_footer()関数は、フッターエリアにスクリプトや要素を追加するために使用されます。この関数は、テーマのfooter.phpファイル内で呼び出されることが一般的です。

構文

wp_footer();

例1: 基本的な使用法

テーマのフッターにwp_footer()を追加します。

<?php wp_footer(); ?>

例2: カスタムスクリプトの追加

フッターにカスタムJavaScriptを追加します。

<?php wp_footer(); ?>
<script>console.log('フッターにスクリプトを追加');</script>

例3: プラグインのフッターアクション

プラグインでフッターにアクションを追加します。

add_action('wp_footer', 'custom_footer_function');
function custom_footer_function() {
    echo '<p>カスタムフッターコンテンツ</p>';
}

例4: フッターにスタイルを追加

フッターにカスタムCSSを追加します。

<?php wp_footer(); ?>
<style>body { background-color: #f0f0f0; }</style>

例5: フッターにGoogleアナリティクスを追加

フッターにGoogleアナリティクスのトラッキングコードを追加します。

<?php wp_footer(); ?>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-XXXXX-Y');</script>

例6: フッターにカスタムHTMLを追加

フッターにカスタムHTMLを追加します。

<?php wp_footer(); ?>
<div>カスタムHTMLコンテンツ</div>

例7: フッターにショートコードを追加

フッターにショートコードを追加します。

<?php wp_footer(); ?>
<?php echo do_shortcode('[custom_shortcode]'); ?>

例8: フッターにカスタムフィールドを表示

フッターにカスタムフィールドの値を表示します。

<?php wp_footer(); ?>
<?php echo get_post_meta(get_the_ID(), 'custom_field', true); ?>

注意点

  • wp_footer()は、テーマのfooter.phpファイル内で必ず呼び出す必要があります。
  • この関数を呼び出さないと、一部のプラグインやスクリプトが正しく動作しない場合があります。

関連機能：