プラグインElementorのelementor/kit/export/manifest-dataフィルタの使用方法・解説

概要

フィルタ elementor/kit/export/manifest-data は、Elementorのデザインキットのエクスポート時に、マニフェストデータを変更または追加するために使用されます。このフィルタを使うことにより、エクスポートされたデータに特定の設定や情報を追加することが可能になります。主な使用ケースとしましては、以下のようなものが挙げられます。

1. エクスポート時にカスタム設定を追加する。
2. 特定のCSSまたはJSをエクスポートする際に含める。
3. プラグイン固有のデータをエクスポートする。
4. デフォルトのウィジェット設定を変更する。
5. サイトのロゴやカラーパレットを追加する。
6. エクスポートファイルのメタデータをカスタマイズする。

構文

add_filter( 'elementor/kit/export/manifest-data', 'my_custom_export_manifest', 10, 2 );

パラメータ

• data (array): エクスポートされるマニフェストデータ。
• kit (object): 現在のデザインキットオブジェクト。

戻り値

• (array): 修正されたマニフェストデータ。

使用可能なプラグインのバージョン

Elementor バージョン 2.6.0 以降

使用可能なWordPressのバージョン

WordPress 5.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: カスタム設定を追加

このコードでは、エクスポートされるマニフェストデータにカスタム設定を追加しています。

add_filter( 'elementor/kit/export/manifest-data', 'add_custom_settings_to_export', 10, 2 );

function add_custom_settings_to_export( $data, $kit ) {
    $data['custom_setting'] = 'my_custom_value';
    return $data;
}

引用元: https://mywordpresswebsite.com

サンプルコード2: 特定のCSSファイルを含める

特定のCSSファイルをエクスポート時に含める方法を示します。

add_filter( 'elementor/kit/export/manifest-data', 'include_custom_css_on_export', 10, 2 );

function include_custom_css_on_export( $data, $kit ) {
    $data['styles'][] = 'path/to/custom.css';
    return $data;
}

引用元: https://mywordpresswebsite.com

サンプルコード3: ウィジェット設定の変更

特定のウィジェット設定を変更してエクスポートする例です。

add_filter( 'elementor/kit/export/manifest-data', 'modify_widget_settings_on_export', 10, 2 );

function modify_widget_settings_on_export( $data, $kit ) {
    $data['widgets_settings'] = array(
        'widget_name' => 'new_setting_value'
    );
    return $data;
}

引用元: https://mywordpresswebsite.com

サンプルコード4: ロゴ情報を追加

エクスポートデータにロゴ情報を追加します。

add_filter( 'elementor/kit/export/manifest-data', 'add_logo_info_to_export', 10, 2 );

function add_logo_info_to_export( $data, $kit ) {
    $data['logo'] = 'path/to/logo.png';
    return $data;
}

引用元: https://mywordpresswebsite.com

サンプルコード5: カラーパレットの追加

カラーパレットをエクスポートデータに追加する例です。

add_filter( 'elementor/kit/export/manifest-data', 'add_color_palette_to_export', 10, 2 );

function add_color_palette_to_export( $data, $kit ) {
    $data['color_palette'] = array( '#ff0000', '#00ff00', '#0000ff' );
    return $data;
}

引用元: https://mywordpresswebsite.com