删除 Contact Form 7 CSS 和 JS 除非在页面中使用 Contact form 7 简码

Question

我只想在该页面中使用短代码时显示 css 和 javascript。如果 wordpress 页面中不存在短代码，则不应显示联系表单的 js 和 css。为此，我所做的是将以下代码粘贴到我的活动主题 function.php 文件中。

add_filter( 'wpcf7_load_js', '__return_false' );
add_filter( 'wpcf7_load_css', '__return_false' );

以上代码完全去掉了contact form 7插件的js和css。我需要的是，如果粘贴了联系表格 7 短代码，那么两者都应该显示。

Answer 1

您使用下面的code.You可以在此代码中添加您的页面ID。

function dvk_dequeue_scripts() {

    $load_scripts = false;

    if( is_singular() ) {
        $post = get_post();

        if( has_shortcode($post->post_content, 'contact-form-7') ) {
            $load_scripts = true;
        }

    }

    if( ! $load_scripts ) {
        wp_dequeue_script( 'contact-form-7' );
        wp_dequeue_style( 'contact-form-7' );
    }

}

add_action( 'wp_enqueue_scripts', 'dvk_dequeue_scripts', 99 );

Reference

Answer 2

这是您问题的答案。如果没有简码，联系表的 css 和 js 将被删除，如果有简码 css 和 js 将被添加。

function rjs_lwp_contactform_css_js() {
    global $post;
    if( is_a( $post, 'WP_Post' ) && has_shortcode( $post->post_content, 'contact-form-7') ) {
        wp_enqueue_script('contact-form-7');
         wp_enqueue_style('contact-form-7');

    }else{
        wp_dequeue_script( 'contact-form-7' );
        wp_dequeue_style( 'contact-form-7' );
    }
}
add_action( 'wp_enqueue_scripts', 'rjs_lwp_contactform_css_js');

Answer 3

我需要在主题文件中对应小部件和短代码的其他版本。

add_filter( 'wpcf7_load_css', '__return_false' );

add_filter( 'wpcf7_load_js', '__return_false' );

remove_action( 'wp_enqueue_scripts','wpcf7_recaptcha_enqueue_scripts', 20 );

add_filter('pre_do_shortcode_tag', 'enqueue_wpcf7_css_js_as_needed', 10, 2 );
function enqueue_wpcf7_css_js_as_needed ( $output, $shortcode ) {
    if ( 'contact-form-7' == $shortcode ) {
        wpcf7_recaptcha_enqueue_scripts();
        wpcf7_enqueue_scripts();
        wpcf7_enqueue_styles();
    }
    return $output;
}

删除 Contact Form 7 CSS 和 JS 除非在页面中使用 Contact form 7 简码

Remove Contact Form 7 CSS and JS Unless Contact form 7 shortcode is used in the page

wordpress

contact

contact-form-7