GeneratePress 테마 사용자 정의 설정이 안 바뀔 때 해결 방법

워드프레스 GeneratePress 테마의 GP Premium이 설치된 상황에서 사용자 정의 옵션을 수정하고 캐시 플러그인의 캐시를 삭제해도 변경 사항이 반영이 안 되는 경우가 있을 수 있습니다. 그런 경우 Dynamic CSS Print Method 옵션을 External File로 변경하고 CSS 파일을 재생성하면 문제가 해결될 수 있습니다. External File로 이미 설정되어 있따면 먼저 CSS 파일을 재생성하고, 그래도 해결이 안 되면 Inline Embedding 방식으로 바꾸어서도 테스트해보시기 바랍니다.

Dynamic CSS Print Method 옵션

GeneratePress 및 GP Premium에서 '동적 CSS 출력 방식(Dynamic CSS Print Method)'은 워드프레스 사용자 정의하기 설정에 따라 생성된 스타일 규칙을 테마가 처리하는 방법을 결정합니다. 사용자가 코드를 직접 작성할 필요 없이 색상이나 레이아웃, 폰트 등을 변경하기만 하면 테마가 자동으로 해당 CSS를 출력합니다.

이러한 동적 CSS를 출력하는 방식으로는 '인라인 삽입(Inline Embedding)'과 '외부 파일(External File)' 두 가지 중 하나를 선택할 수 있습니다.

Dynamic CSS Print Method는 워드프레스 관리자 페이지 » 모양 » 사용자 정의 » 일반에서 설정할 수 있습니다.

이 옵션을 살펴보니 무료 GeneratePress 테마에서는 나타나지 않고, 유료 버전인 GP Premium을 활성화해야 표시되는 것 같습니다.

인라인 삽입(Inline Embedding) vs. 외부 파일(External File)

그러면 두 방식 중에서 어떤 것을 선택하면 좋을까요?

GeneratePress 포럼에 의하면 CSS를 외부 파일(External File)로 설정하는 것이 약간 더 이득이긴 하지만 그 차이가 드라마틱하게 크지는 않다고 합니다.

장점: 미세한 성능 향상

CSS가 HTML 문서 내에 인라인으로 출력되지 않고 별도의 외부 파일로 로드되면, 방문자의 브라우저가 해당 파일을 캐시(저장)할 수 있어 다음 페이지를 넘겨볼 때 속도 측면에서 약간의 이점이 있습니다.

단점 및 고려해야 할 사항

최적화 플러그인 사용 시 효과 미미: Breeze, LiteSpeed Cache, WP Rocket이나 Autoptimize 같은 캐시 및 속도 최적화 플러그인을 이미 사용 중이라면 이 플러그인들이 어차피 페이지 내의 모든 CSS를 자체적으로 병합(Merge)하고 최적화해주기 때문에, GP Premium에서 외부 파일로 설정하더라도 체감될 만한 추가 이득이 없습니다.
CSS 재생성의 번거로움: 외부 파일로 설정하게 되면, 사이트의 디자인이나 색상 등 스타일을 수정할 때마다 즉각 반영되지 않을 수 있습니다. 제대로 적용되게 하려면 CSS를 다시 생성(Regenerate CSS)해 줘야 하는 번거로움이 따릅니다.

요약 및 권장

아주 작은 성능 향상(최적화 1점, 0.1초)이라도 최대한 끌어올리고 싶다면 'External File'로 설정하시는 것을 고려할 수 있습니다.

다만, 현재 사이트 디자인을 자주 수정하고 계신 상태이거나 이미 캐시 최적화 플러그인을 적극적으로 사용 중이시라면 인라인(기본값)으로 두어도 무방합니다.

GeneratePress 테마 사용자 정의 설정이 안 바뀌는 문제 해결 방법

사용자 정의에서 제너레이트프레스 테마의 본문 글자 크기와 행간을 변경하고 캐시를 삭제했지만 비로그인 사용자들이 사이트를 방문해도 본문 글자 크기가 바뀌지 않는 현상을 접하게 되었습니다.

서버 캐시를 삭제하고 다양한 방법을 시도해도 사용자 정의에서 수정한 사항은 반영되지 않았습니다.

이 경우 Dynamic CSS Print Method를 External File로 설정하고 Regenerate CSS File 버튼을 눌러 CSS 파일을 재생성해보시기 바랍니다. (그런 다음 캐시 플러그인의 캐시를 삭제하세요.)

저는 이 방법으로 문제가 해결되었습니다.

만약 External File로 이미 설정되어 있고 CSS 파일을 재생성해도 문제가 해결되지 않으면 동적 CSS 출력 방식을 Inline Embedding으로 변경하고 캐시 플러그인의 캐시를 삭제하여 문제가 해결되는지 체크해보시기 바랍니다.

마치며

캐시가 사이트 속도를 빠르게 하지만, 간혹 예상치 못한 문제를 일으키기도 합니다. 저는 클라우드웨이즈에서 호스팅되고 Breeze 캐시 플러그인이 설치된 워드프레스 블로그에서 이런 문제가 갑자기 발생하여 한참 삽질을 한 끝에 상기 방법으로 겨우 문제를 해결했습니다.😄