makeBCT

#AI #OpenAI #Chatbot #Cloud #WordPress

Cache 플러그인 활성화 이후 워드프레스 홈페이지의 스타일이 깨지는 문제 그리고 해결 방법

워드프레스로 제작된 홈페이지의 속도 향상을 위해 cache 플러그인을 활용하는 경우가 많습니다. BCT 기반으로 제작된 워드프레스 홈페이지에서도 cache 플러그인을 사용하는데, Automattic에서 배포하고 있는 WP Super Cache 플러그인을 주로 사용합니다.

 

WP Super Cache

 

wp-super-cache

 

 

WP Super Cache 플러그인을 설치(참고: WP Super Cache 설치 방법)하고 활성화 한 다음, BCT 기반으로 제작된 워드프레스 홈페이지를 보면 일부 스타일이 깨지는 문제가 발생하고 있습니다. 스타일이 깨지는 현상은 다음과 같습니다.

 

 

메인 페이지

 

bct-style-error

 

 

1:1 문의 페이지

bct-style-error1

 

 

Q&A BOARD 페이지

bct-style-error2

 

 

 

위와 같이 스타일이 깨지는 경우를 살펴 보았더니 워드프레스 테마 스타일이 깨지는 것이 아닌 추가된 스타일에 문제가 있다는 것을 알게 되었습니다. 즉, BCT 기반의 홈페이지는 워드프레스 테마 설치 이후, 추가 디자인 작업을 위해 별도의 스타일을 추가해서 작업하는 경우가 많고, 이를 위해 Simple Custom CSS 등과 같은 스타일을 추가할 수 있는 워드프레스 플러그인을 활용하는데, cache 플러그인을 활성화 하게 되면 추가된 스타일이 제대로 적용되지 않아 위의 문제가 발생한다는 것을 알게 되었습니다.

 

이 문제가 맞는지 확인하기 위해 워드프레스 관리자 > 외모 > Custom CSS 의 스타일 코드 전부를 스킨 디렉토리의 스타일을 다루는 skin.css 파일(/themes/bct0011/skins/bct0011a/css/skin.css)로 복사한 다음, 홈페이지를 확인 하였더니 다음과 같이 정상 동작하는 것을 확인할 수 있었습니다.

 

 

메인 페이지

bct-style-ok

 

 

1:1 문의 페이지

 

bct-style-ok1

 

 

 

Q&A BOARD 페이지

bct-style-ok2

 

 

 

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

인기 글

사용자 작성 모듈 import 시 에러)(ModuleNotFoundError: No module named
파이썬 모듈을 만들고 테스트 할 때 ModuleNotFoundError: No module named 에러가 발생한 경우원인파이썬은 모듈을 불러올 때 모듈 설치 경로와 자신의...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다.그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
Permission denied (publickey) 해결 방법
Plesk에서 생성된 system user로 ftp 접속 시 다음과 같은 에러 메시지가 발생하면서 접속이 되지 않습니다.상태: 152.67.193.32:49152에 연결... 응답: fzSftp...
WSL2/Ubuntu 22.04 LTS에 Anaconda 설치 
WSL2/Ubuntu 환경에서 Python 버전별로 가상환경을 만드는 방법 중 그나마 Anaconda 방법이 좋은 것 같네요. 설치 방법은 간단합니다.1. apt update사용자...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...

BCT Ai Chatbot

답변을 준비중입니다 . . .