📜  elementor 仪表板删除代码 (1)

📅  最后修改于: 2023-12-03 15:00:35.423000             🧑  作者: Mango

Elementor 仪表板删除代码

Elementor 是一种流行的 WordPress 页面构建器,它允许用户轻松创建自定义页面设计。在 Elementor 中,您可以添加自定义代码片段以进一步改进您的页面。然而,有时您可能需要删除不再需要的代码片段,这时候就需要使用 Elementor 仪表板删除代码了。

如何使用 Elementor 仪表板删除代码

以下是使用 Elementor 仪表板删除代码的几个步骤:

  1. 登录 WordPress 后台。

  2. 进入 Elementor 页面构建器。

  3. 点击仪表板按钮。

  4. 选择要编辑的页面。

  5. 单击“全局设置”选项卡。

  6. 向下滚动到“自定义代码”部分。

  7. 找到您要删除的代码片段。

  8. 单击右侧的“删除”按钮。

  9. 确认删除操作。

  10. 单击“更新”按钮以保存更改。

除了删除代码片段,您还可以添加自定义 HTML、CSS 或 JavaScript 代码到 Elementor 页面构建器中。这些代码可以用于添加自定义功能、格式化内容或改进页面性能。

Elementor 仪表板删除代码的代码片段

以下是一个可以在 Elementor 仪表板中使用的代码片段,用于删除自定义代码:

add_action( 'elementor/element/global_settings/before_section_end', function( $section, $manager ) {
    $section->add_control(
        'delete_custom_code',
        [
            'label'       => esc_html__( 'Delete Custom Code', 'plugin-domain' ),
            'type'        => \Elementor\Controls_Manager::CHOOSE,
            'options'     => [
                'yes' => [
                    'title' => esc_html__( 'Yes', 'plugin-domain' ),
                    'icon'  => 'fa fa-check',
                ],
                'no'  => [
                    'title' => esc_html__( 'No', 'plugin-domain' ),
                    'icon'  => 'fa fa-times',
                ],
            ],
            'default'     => 'no',
            'toggle'      => true,
            'description' => esc_html__( 'Delete all custom code added to this page.', 'plugin-domain' ),
        ]
    );
}, 10, 2 );

add_action( 'elementor/element/global_settings/after_section_end', function( $element, $args ) {
    $global_settings = $element->get_settings( 'global' );

    if ( 'yes' === $global_settings['delete_custom_code'] ) {
        // Delete custom code here
    }
}, 10, 2 );

该代码片段将向 Elementor 仪表板添加一个控件,允许您选择是否删除所有自定义代码。如果控件的值为“是”,则该代码片段将删除您添加到页面的所有自定义 HTML、CSS 和 JavaScript 代码。

总结

Elementor 仪表板删除代码是一个非常有用的工具,它可以帮助您删除不再需要的自定义代码,并把它从您的页面中移除。如果您想添加自定义代码,只需要使用 Elementor 页面构建器即可,这很容易操作。