wp_body_open()


WordPress関数wp_body_open()は、テーマ開発者が<body>タグの直後にカスタムコードを挿入するためのフックを提供します。

シンタックス

wp_body_open();

例1. Google Analyticsスクリプトの追加

Google Analyticsのトラッキングコードを<body>タグ直後に追加する例です。

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

例2. カスタムクラスの挿入

<body>タグ直後にカスタムクラスを追加します。

<?php
add_action( 'wp_body_open', function() {
    echo '<div class="custom-class">カスタムコンテンツ</div>';
} );
?>

例3. メンテナンスモードバナーの表示

サイトがメンテナンス中であることを知らせるバナーを表示します。

<?php
add_action( 'wp_body_open', function() {
    if ( ! is_user_logged_in() ) {
        echo '<div class="maintenance-banner">現在メンテナンス中です。</div>';
    }
} );
?>

例4. アクセシビリティサポートコードの追加

スクリーンリーダー向けの説明を追加します。

<?php
add_action( 'wp_body_open', function() {
    echo '<div class="screen-reader-text">このサイトではアクセシビリティをサポートしています。</div>';
} );
?>

例5. サイト訪問者向け通知バーの表示

訪問者向けに特別な通知を表示します。

<?php
add_action( 'wp_body_open', function() {
    echo '<div class="notification-bar">本日限定セール中！</div>';
} );
?>

注意点

  • wp_body_open()を利用するためには、テーマがこの関数を正しく実装している必要があります。
  • テーマやプラグインで同じフックを使用する場合、出力順序が問題になる可能性があります。
  • カスタムコードがサイト全体に影響を及ぼす可能性があるため、慎重に設計してください。

関連機能：