删除联系表 7 CSS 和 JS 除非在页面中使用了联系表 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

这是您的问题的答案。如果没有短代码，则联系表单的 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');