단축 코드를 사용할 때 CSS를 Wordpress에 추가하십시오.

Question

이 기능이 작동하지 않는 것처럼 보일 수 있으며 누군가 나를 찾아 볼 수 있는지 궁금합니다.

나는 특별한 양식을 사용하는 일부 고정 페이지를 가지고 있지만 사이트의 모든 페이지에로드 된 CSS가 필요하지는 않습니다.

function skyform_check_function() { 
    global $post 
    if (has_shortcode($post->post_content, 'skyform_function')) { 
     wp_enqueue_script('add_skyform_css_function'); 
    } 
} 
add_action ('wp_enqueue_scripts', 'skyform_check_function'); 

는 [skyform_function은 상기 형태 add_skyform_css_function 함수()는 CSS를 추가하기위한 단축 코드이다. < -이 작업을 제대로 수행하면 add_action ('wp_head', 'add_skyform_css_function');

function add_skyform_css_function() { 
?> 
    <link rel="stylesheet" href="/assets/sky-forms/css/sky-forms.css"> 
    <!--[if lt IE 9]><link rel="stylesheet" href="assets/sky-forms/css/sky-forms-ie8.css"><![endif]--> 

    <script src="/assets/sky-forms/js/jquery.min.js"></script> 
    <script src="/assets/sky-forms/js/jquery-ui.min.js"></script> 
    <script src="/assets/sky-forms/js/jquery.form.min.js"></script> 
    <script src="/assets/sky-forms/js/jquery.validate.min.js"></script> 
    <script src="/assets/sky-forms/js/jquery.maskedinput.min.js"></script> 
    <script src="/assets/sky-forms/js/jquery.modal.js"></script> 

    <!--[if lt IE 10]><script src="/assets/sky-forms/js/jquery.placeholder.min.js"></script><![endif]-->   

    <!--[if lt IE 9]> 
     <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> 
     <script src="/assets/sky-forms/js/sky-forms-ie8.js"></script> 
    <![endif]--> 
<?php 
} 

Answer 1

먼저 add_shortcode으로 단축 코드를 등록하거나 has_shortcode

짧은 코드 add_shortcode에 등록해야 사용할 수 없습니다() 인식한다.

function skyform_check_function() { 
    global $post; 

    if(is_a($post, 'WP_Post') && has_shortcode($post->post_content, 'skyform_function')) { 
     add_action ('wp_head', 'add_skyform_css_function'); 
    } 
} 

add_action('wp_enqueue_scripts', 'skyform_check_function'); 

add_shortcode('skyform_function', 'skyform'); 

function skyform() { 
    // your shortcode 
} 

및 wp_enqueue_script는 스크립트 블록을 울리는하지 않는 스크립트가 있기 때문에 당신이 wp_head에 코드를있어 추가합니다.