워드프레스는 스타일을 사용자 입맛에 변경이 가능하다.

다만, 어떤 테마를 사용하느냐, 어떻게 초기 설정을 하느냐에 따라 생각처럼 잘 안되는 경우가 발생하곤 하는데, 이번에 케이던스 차일드 테마에 CSS를 적용해보니 바로 반영이 되지 않았다.

그래서 한참 알아보다가 해결 방법을 찾아내어 이렇게 바로 공유하고자 한다.

케이던스 차일드 테마 CSS 적용 안될 때

케이던스 차일드 테마에 CSS 코드가 바로 적용되지 않는 이유는 기본적으로 테마에서 style.css를 자동 로드하지 않기 때문이라고 한다.

차일드테마를 사용하는 이유와 설치 방법은 이전 글에서 확인바란다.

그럼 케이던스 차일드 테마를 작동되게 하려면 어떻게 해야 할까?

해결 방법은 functions.php 에서 직접 style.css를 불러오도록 해줘야 한다. 아래 코드를 복사하여 functions.php 영역에 붙여 넣고 파일을 업데이트 한다.

해결방법

add_action( 'wp_enqueue_scripts', function() {
    wp_enqueue_style(
        'kadence-child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array(),
        filemtime( get_stylesheet_directory() . '/style.css' )
    );
});

1. 모양 > 테마 파일 편집기
2. Theme Functions 파일 선택
3. 위 코드 복사 붙여넣기
4. 파일 업데이트

이렇게 적용하고 나서 원하는 CSS 코드를 style.css 코드에 붙여넣으면 정상적으로 적용되는 것을 확인할 수 있다. 이렇게 하나씩 해결하는 재미가 워드프레스의 묘미가 아닌가 싶다.