반응형
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
반응형
'itsource' 카테고리의 다른 글
JObject에서 키별로 가치를 얻는 방법 (0) | 2023.03.13 |
---|---|
Angular에서의 조건부 논리JS 템플릿 (0) | 2023.03.13 |
Spring Boot 자동 구성에 주석 대신 spring.factories를 사용하는 이유는 무엇입니까? (0) | 2023.03.13 |
MUI의 CSS 자 선택기 (0) | 2023.03.13 |
사물을 비스듬히 복사하고 있습니까? (0) | 2023.03.13 |