プラグインAdvanced custom fields(ACF)のacf/input/admin_footerアクションの使用方法・解説

概要

acf/input/admin_footer アクションは、Advanced Custom Fields (ACF) プラグインにおいて、投稿を編集するときの「admin_footer」アクション中に発生します。このアクションは、WordPressの管理画面において、カスタムフィールドを追加したり、設定を変更したりする際に非常に便利です。この機能は特に次のような目的で使用されることが多いです。

ACFフィールドのカスタマイズ
管理画面内でのCSSやJavaScriptの追加
特定の条件に基づくフィールドの表示・非表示
エラーメッセージや通知の表示
フィールドのバリデーション
特定のユーザーにのみ見せるカスタム機能の追加

構文

add_action('acf/input/admin_footer', 'your_function_name');

パラメータ

このアクションにはパラメータはありません。

戻り値

このアクションにも戻り値はありません。

使用可能なバージョン

ACFバージョン: 5.0以降
WordPressバージョン: 4.0以降

この関数のアクションでの使用可能性

アクション	使用例
mu_plugin_loaded
registered_post_type
plugins_loaded
wp_roles_init
setup_theme
after_setup_theme
set_current_user
init
register_sidebar
wp_loaded
send_headers
parse_query
pre_get_posts
wp
template_redirect
get_header
wp_head

サンプルコード

サンプルコード1

function my_acf_admin_footer() {
    echo '<script>alert("Welcome to the ACF admin panel!");</script>';
}
add_action('acf/input/admin_footer', 'my_acf_admin_footer');

このコードは、ACFの管理パネルでページが読み込まれるたびに、アラートメッセージを表示します。

サンプルコード2

function my_custom_admin_styles() {
    echo '<style>
        .acf-field { background-color: #f9f9f9; }
    </style>';
}
add_action('acf/input/admin_footer', 'my_custom_admin_styles');

このコードは、ACFフィールドの背景色をカスタマイズするスタイルを追加します。

サンプルコード3

function my_conditional_fields() {
    echo '<script type="text/javascript">
        document.addEventListener("DOMContentLoaded", function() {
            var checkbox = document.querySelector("#field_123456"); // チェックボックスのID
            checkbox.addEventListener("change", function() {
                var targetField = document.querySelector("#field_654321");
                targetField.style.display = this.checked ? "block" : "none";
            });
        });
    </script>';
}
add_action('acf/input/admin_footer', 'my_conditional_fields');

このコードは、特定のチェックボックスが選択されている時に、他のフィールドを表示または非表示にするJavaScriptを追加します。

サンプルコード4

function my_validation_message() {
    if (isset($_GET['invalid'])) {
        echo '<div class="error"><p>Validation Error! Please fix the issues.</p></div>';
    }
}
add_action('acf/input/admin_footer', 'my_validation_message');

このコードは、特定の条件下でエラーメッセージを表示します。フィールドのバリデーションに関連する場合に役立ちます。

サンプルコード5

function my_enqueue_scripts() {
    echo '<script src="' . plugin_dir_url(__FILE__) . 'assets/js/custom-script.js"></script>';
}
add_action('acf/input/admin_footer', 'my_enqueue_scripts');

このコードは、ACF管理画面のフッターにカスタムJavaScriptファイルを読み込みます。これにより、フィールドに対してインタラクティブな機能を追加できます。

概要

構文