wp_enqueue_style이 CSS를 로드하지 않았습니다.
있습니다.wp_enqueue_style
Wordpres Codex의 조언을 따르지만 스크립트가 소스에 포함되어 있지 않은 것 같습니다.렇게하 하는 ??????
function load_scripts() {
wp_enqueue_style('bootstrap.css', get_template_directory_uri() . '/css/bootstrap.min.css');
}
add_action('wp_enqueue_scripts', 'load_scripts');
당신의 행동과 기능은 여기서부터 괜찮아 보입니다.wp_enqueue_scripts 후크는 스타일시트와 스크립트 모두에서 완벽하게 동작합니다.
실제로 호출되는지 확인하기 위해 함수에서 무언가를 에코로 출력해 본 적이 있습니까?예:
function load_scripts() {
echo "Does this output to the actual page?";
wp_enqueue_style('bootstrap.css', get_template_directory_uri() . '/css/bootstrap.min.css');
}
add_action('wp_enqueue_scripts', 'load_scripts');
그렇지 않으면 코드를 배치하는 데 문제가 있을 수 있지만 모든 기능을 계속 사용할 수 있습니다.php 및 다른 범위 이외에서는 문제가 되지 않습니다.이 동작을 일으키는 또 다른 원인은 동일한 핸들(이 경우 bootstrap.css)을 가진 스타일시트 또는 스크립트를 이미 등록한 경우입니다.wp_enqueue_style() 함수의 첫 번째 인수는 내부 의존관리의 핸들일 뿐이므로 고유해야 합니다.다른 인수로 이름을 변경하여 문제가 해결되는지 확인합니다.
네, 첫 번째 단계는 CSS 파일의 올바른 경로를 사용하고 있는지 확인하는 것입니다.함수에 다음 행을 추가합니다.php는 당신의 테마 또는 다른 적절한 장소의 php입니다.
print( get_template_directory_uri() . '/css/bootstrap.min.css' );
페이지 상단에 원하는 스타일시트의 URL이 인쇄됩니다.이 URL을 복사하여 새 탭에 붙여넣습니다. 스타일시트가 열리면 바로 사용할 수 있습니다.그렇지 않으면 경로에 오류가 있습니다.
두 번째 단계는 표시하고 있는 페이지에서 wp_head()가 호출되고 있는지 확인하는 것입니다.헤더 템플릿 또는 아카이브/포스트 파일의 상단에 배치할 수 있습니다.이 함수는 실제로 페이지의 스타일과 스크립트를 렌더링합니다.
wp_head()를 사용하지 않으면 링크와 스크립트를 수동으로 추가할 수 있기 때문에 어떤 것도 큐잉할 필요가 없습니다.
관리 모드에서는 특수 후크 'admin_enqueue_scripts'가 있습니다.따라서 양쪽 모드에서 CSS를 로드할 필요가 있는 경우 2개의 후크로 CSS를 로드해야 합니다.
function load_scripts() {
wp_enqueue_style('bootstrap.css', get_template_directory_uri() . '/css/bootstrap.min.css');
}
add_action('wp_enqueue_scripts', 'load_scripts');
add_action('admin_enqueue_scripts', 'load_scripts');
wp_enqueue_scripts 훅에서 스타일을 큐잉하려고 합니다.wp_print_style을 사용해 보세요.
add_action('wp_print_styles', 'load_scripts');
또한 먼저 스타일을 등록해 보십시오.
wp_head();
템플릿에 스타일을 직접 포함할 수도 있습니다.
<link rel="stylesheet" href="<?php echo get_theme_file_uri( 'style.css' ); ?>">
단, wp_head()에는 워드프레스 자체와 대부분의 플러그인이 포함되어 있기 때문에 생략할 필요가 있습니다.
먼저 스타일을 등록합니다.
function register_plugin_styles() {
wp_register_style('my-plugin', plugins_url('my-plugin/css/plugin.css'));
wp_enqueue_style('my-plugin');
}
http://codex.wordpress.org/Function_Reference/wp_register_style
그렇게 하세요.직접 큐잉을 시도하지 마세요.그리고 함수에 코드를 넣습니다.물론 phphp
다음 코드를 사용하여 css 파일의 경로가 올바른지 확인합니다.
function load_scripts() {
wp_enqueue_style('load-custom-css-new', get_template_directory_uri() . '/css/bootstrap.min.css');
}
add_action('wp_enqueue_scripts', 'load_scripts');
또는 이 URL로 이동합니다.
https://developer.wordpress.org/reference/functions/wp_enqueue_style/
저도 같은 문제가 있었어요.이전에도 여러 번 실장했지만, 무엇이 잘못되었는지 알아내기 위해 많은 시간을 허비했습니다.
제가 직접 테마를 만들었기 때문에 이 파일 유닛을 functions.php라고 선언했습니다(-n-글자를 잃어버렸습니다).
따라서 위에서 설명한 모든 사항 외에 파일 이름을 자세히 살펴보고 "functions.php"(기능, 기능 등이 아님)임을 확인합니다.
이것이 당신에게도 이유가 될 수 있습니다.
저도 같은 문제가 있었어요.Ctrl+F5로 페이지를 하드 리프레시하여 캐시를 클리어하고 css를 정상적으로 로드하여 수정하였습니다.
.htpasswd로 디렉토리를 보호하는 경우 get_stylesheet에 의해 생성된https 콜...실패할 거고 그걸 쫓는 데 시간을 낭비할 수도 있어요
언급URL : https://stackoverflow.com/questions/21626648/wp-enqueue-style-not-loading-css
'programing' 카테고리의 다른 글
모든 http 콜에서 디폴트 요구 헤더의 액시오 설정을 작성하려면 어떻게 해야 합니까? (0) | 2023.03.18 |
---|---|
ui-grid에서 새로 고침 방법을 사용하는 방법 (0) | 2023.03.18 |
C#에서의 JSON 어레이 작성 (0) | 2023.03.18 |
스프링 부트에서 ResponseStatusException을 던질 때 예외 메시지가 응답에 포함되지 않음 (0) | 2023.03.18 |
에서 들여쓰기된 JSON 문자열을 최소화합니다.그물 (0) | 2023.03.18 |