删除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 Form7插件的js和css。我需要的是，如果联系形式7短码粘贴，然后两者都应显示。

Answer 1

这是你问题的答案。如果没有短码，则联系人表单的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 2

您可以使用下面的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