태그 보관물: theme-development

theme-development

스타일 시트없이 wp_add_inline_style 사용 머리글에 사용자 지정 인라인

만들고있는 사용자 지정 테마의 머리글에 사용자 지정 인라인 스타일을 추가해야합니다. 나는 wp_add_inline_style()작동하지만 특정 스타일 시트에 의존하기 때문에 실제로 적합하지 않은 기능을 발견했습니다. 스타일 시트 종속성없이 헤드 태그의 끝에 인라인 스타일을 추가해야합니다.

테마 스타일 시트 또는 존재하지 않는 스타일 시트를 설정하려고했습니다. 두 경우 모두 작동하지만 약간의 더러운 핵 IMO입니다 (테마 스타일 시트를 두 번로드하거나 유령 파일을 참조하십시오 …). 스타일 시트에 의존하지 않고 인라인 스타일을 머리에 추가하는 적절한 방법이 있습니까?

물론 header.php 파일에 직접 추가 할 수는 있지만 이것을 피하고 싶습니다.



답변

페이지 헤드에 직접 스타일을 추가하면됩니다. 이를 수행하는 가장 좋은 방법은 후크가있는 테마를 사용한다고 가정하고 ‘wp_head’조치 후크를 사용하는 것입니다. 이렇게 :

add_action('wp_head', 'my_custom_styles', 100);

function my_custom_styles()
{
 echo "<style>*{color: red}</style>";
}

동작 후크에 대한 자세한 내용은 WP 코덱 을 확인하십시오 .


답변

단순히 “더미”핸들을 사용할 수 있습니다.

wp_register_style( 'dummy-handle', false );
wp_enqueue_style( 'dummy-handle' );

wp_add_inline_style( 'dummy-handle', '* { color: red; }' );

답변

테마에는 기본적으로 기본 스타일 시트가 있습니다 (그렇지 않으면 테마로로드되지 않음). 이 스타일 시트를 인라인 CSS의 핸들러로 사용하십시오. TwentyFifteen 테마 의 functions.php 에서 예제를 찾을 수 있습니다 (간단하게 코드를 건너 skip).

function twentyfifteen_scripts() {
    wp_enqueue_style( 'twentyfifteen-style', get_stylesheet_uri() );

}
function twentyfifteen_post_nav_background() {
    wp_add_inline_style( 'twentyfifteen-style', $css );
}

답변