プラグインElementorのelementor/kit/register_tabsアクションの使用方法・解説

概要

elementor/kit/register_tabs アクションは、Elementor プラグインにおいて、テンプレートキットのタブを登録する際に使用されます。このフックを利用することで、ユーザーがElementorのインターフェース内で新しいタブを追加したり、既存のタブにカスタム機能を付加したりできます。よく使われる機能としては以下のものがあります。

カスタム設定タブの追加
ユーザーインターフェースの拡張
特定の要素の設定を項目ごとに分ける
プラグインの統合機能を提供
サードパーティとの連携機能の追加
デザインキット用のカスタムオプションの作成

このアクションは、Elementorバージョン3.0以降で利用可能で、WordPressのバージョンは5.0以降が必要です。

構文

add_action('elementor/kit/register_tabs', 'my_custom_tab_function');

パラメータ

elementor/kit/register_tabs アクションには、パラメータはありません。このアクション侍は、実行時にWordPressが呼び出すため、特定の引数を受け取ることはありません。

戻り値

このアクションには戻り値がありません。実行時にタブの登録を行い、処理が完了します。

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

アクション名	使用例
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

add_action('elementor/kit/register_tabs', function($tabs) {
    $tabs->add_tab('custom-tab', 'カスタムタブ', 'カスタム設定の説明');
});

このサンプルコードは、Elementorのカスタムタブを追加し、そのタブに名前と説明を設定するものです。

サンプルコード 2

add_action('elementor/kit/register_tabs', function($tabs) {
    $tabs->add_tab('settings-tab', '設定', '設定タブの詳細情報を提供します。');
    $tabs->add_tab('style-tab', 'スタイル', 'スタイル設定に関するオプションです。');
});

このコードは、2つのタブ（設定とスタイル）を一度に追加します。それぞれのタブに簡潔な説明を付けています。

サンプルコード 3

add_action('elementor/kit/register_tabs', function($tabs) {
    if( current_user_can('administrator') ) {
        $tabs->add_tab('admin-tab', '管理者用タブ', 'ここは管理者がのみ使用できるオプションです。');
    }
});

このコードは、管理者ユーザーだけに特定のタブを表示します。権限に基づく条件分岐を行っています。

サンプルコード 4

add_action('elementor/kit/register_tabs', function($tabs) {
    $tabs->add_tab('advanced-tab', '高性能設定', '高度なカスタマイズオプションがここにあります。');
    // 追加のオプションや機能をこのタブに追加していく
});

このサンプルでは、「高性能設定」という新しいタブを追加し、将来の追加項目のためのスペースを確保しています。

サンプルコード 5

add_action('elementor/kit/register_tabs', function($tabs) {
    $tabs->add_tab('support-tab', 'サポート情報', 'サポートに関する情報を提供します。');
    $tabs->add_tab('documentation-tab', 'ドキュメント', '詳細なドキュメントはこちらにあります。');
});

このコードは、サポート情報とドキュメントに関連する2つのタブを追加します。ユーザーが必要な情報を容易に見つけられるようにしています。

概要

構文