itsource

Wordpress 플러그인을 통해 스타일시트 로드

mycopycode 2023. 3. 13. 20:29
반응형

Wordpress 플러그인을 통해 스타일시트 로드

WordPress 플러그인을 작성했습니다만, css 스타일시트를 포함시키고 싶다고 생각하고, 테마 기능에서 통상 사용하는 프로세스를 사용해 보았습니다.php 파일...

add_action('wp_enqueue_script','register_my_scripts');

function register_my_scripts(){
    $dir = plugin_dir_path( __FILE__ );
    wp_enqueue_style( $dir . 'css/style1.css');
    wp_enqueue_style( $dir . 'css/style2.css');
}

하지만 이건 로딩이 안 되는데, 제가 뭘 잘못하고 있는 걸까요?

사용해야 할 후크는 wp_enqueue_scripts입니다.이(가) 누락되었습니다.

디렉토리 경로가 필요한 경우 디렉토리 URL을 얻을 수 있습니다.

wp_enqueue_style의 첫 번째 파라미터는 URL이 아닌 핸들입니다.

function wpse_load_plugin_css() {
    $plugin_url = plugin_dir_url( __FILE__ );

    wp_enqueue_style( 'style1', $plugin_url . 'css/style1.css' );
    wp_enqueue_style( 'style2', $plugin_url . 'css/style2.css' );
}
add_action( 'wp_enqueue_scripts', 'wpse_load_plugin_css' );

파일 시스템 디렉토리 경로를 출력하는 plugin_dir_path를 사용하고 있습니다.대신 URL이 필요합니다.

또한 wp_enqueue_style의 첫 번째 파라미터는$handler이름.

plugins_url 사용

wp_enqueue_style( 'style1', plugins_url( 'css/style1.css' , __FILE__ ) );

풀코드:

add_action('wp_enqueue_scripts','register_my_scripts');

function register_my_scripts(){
    wp_enqueue_style( 'style1', plugins_url( 'css/style1.css' , __FILE__ ) );
    wp_enqueue_style( 'style2', plugins_url( 'css/style2.css' , __FILE__ ) );
}

시도:

wp_enqueue_style('custom-style', plugins_url( '/css/my-style.css', __FILE__ ), array(),'all');어디에plugins_url는 슬래시가 없는 플러그인 베이스에 상대적입니다.

플러그인 URL을 사용하여 wp 플러그인 폴더에서 스타일 로드

function add_plugin_stylesheet() 
    {
      wp_enqueue_style( 'style1', plugins_url( '/css/styleFileName1.css', __FILE__ ) );
      wp_enqueue_style( 'style2', plugins_url( '/css/styleFileName2.css', __FILE__ ) );
    }

    add_action('admin_print_styles', 'add_plugin_stylesheet');

언급URL : https://stackoverflow.com/questions/21759642/wordpress-load-a-stylesheet-through-plugin

반응형