제 취향이였던 Oblique 테마가 사실은 단점이 굉장히 많았습니다.
css도 여러 파일에 나눠 존재하고 bootstrap까지 사용하면서 구글에서 페이지 인사이트를 이용하면 모바일 페이지 점수는 정말 극악을 치닫았지요.
게다가 오래 전부터 업데이트가 중단된 테마였습니다.
해당 개발자가 새로운 테마를 만들면서 유료화 되었는데요, 문제는 새로운 테마가 Oblique 테마보다 제 취향에 맞지 않으면서 유료가 되었다는 점입니다.
그래서 wordpress를 업데이트 할 때마다 디버깅을 했어야 했습니다.
디버깅을 해가면서 유지해왔지만 결국 거슬리는 점 하나 때문에 버리게 되었습니다.
그래서 결국 새로운 테마를 찾기에 이르렀고 그나마 가장 비슷한 테마를 찾게 되었죠.
Auberge
바로 Auberge라는 테마입니다.
https://ko.wordpress.org/themes/auberge/
위 링크에 가시면 미리보기를 할 수 있습니다.
원래는 위와 같이 흰색 테마입니다.
이를 어둡게 만드는데 시간 좀 많이 들였네요.
이 테마가 기본적으로 Theme Option을 제공합니다.
이곳에서 테마에서 사용하는 변수를 수정하고, 테마에서는 color나 background-color에 해당 변수를 사용하도록 되어있습니다.
덕분에 색상 변경이 편리하더군요.
아쉽게도 색과 관련된 모든 변수를 수정할 수 있는 것은 아닙니다.
그래서 추가 CSS에서 아래와 같은 구문을 추가하였습니다.
:root {
--color-front-widgets: #000;
--color-content-text: #a9a9aa;
--color-content-headings-text: #fefefe;
--color-content-border: #53535c;
}
.site-content {
background: #262629;
}Oblique에서 Auberge로 변경 후 장점
코드가 보기가 더 좋아졌습니다.
이제 코드 안에서도 tab을 눌러도 줄 들여쓰기가 됩니다.
Oblique는 불행히도 Markdown language도 완벽하지 않아서,
코드 안에 tab을 누르면 <code> 같은 html 태그가 표시되고는 했습니다
| 표1 | 표2 |
|---|---|
| 표3 | 표4 |
심지어.. Oblique의 경우 표와 관련된 css도 없어서 td, th 역시 추가해줘야 했었습니다.
적용 첫날은 역시나 너무 만족스럽습니다.
~~#### 단점
widget이 작동하지 않습니다.
미리보기에서는 표시되는데 정작 적용하면 보이지 않고 있습니다..ㅠㅠ
아무래도 다른 플러그인 문제이지 않을까 싶은데 이제 알아봐야겠습니다.~~
원인을 찾았습니다.
캐시 플러그인이 문제였습니다.
purge All을 수행하였음에도 위젯에서 문제가 발생해서 캐시 문제가 아닐것이라 생각했었습니다.
하지만 Purge All- LSCache, Purge All -CSS/Js Cache, Purge All- Cloudflare 등등..
7개를 purge를 수행하니 정상 작동합니다.
아니.. purge "ALL"이라고 이름 지은 사람 누구지..
분명 전체를 지웠는데도 여전히 남아있는 캐시가 있고, 심지어 또 다른 전체가 존재하네요.
만약 Litespeed Cache 플러그인으로 캐시 사용하시는 분들은 서로 다른 "모든 캐시 제거"를 7번 수행해 주시면 됩니다.
