워드프레스 GeneratePress 테마 사용
저의 수익형 워드프레스 블로그에는 GeneratePress 테마를 사용하고 있습니다.
GeneratePress 테마는 가볍고 빠르기로 유명해서 아주 많은 분들이 사용하고 있는 것으로 알고 있습니다.
처음 블로그를 만들기 시작할 때는 돈을 들이지 않으려고 무료 테마를 사용하였으나, 역시나 로딩이 느리고 커스텀에 제약이 많아 결국 GeneratePress 유료 테마를 구매하였습니다.
한화로 약 8만 원 정도입니다.
아무리 수익형 블로그라고 하더라도 저는 비주얼도 이뻐야 한다는 생각으로 웹진 형 스킨을 사용하였습니다.
수익형 블로그는 한 가지 주제로만 운영하라고 하지만 저는 4가지의 주제이기에 Newsroom에서 다시 Explore으로 변경하여 만족하며 잘 사용하고 있었습니다.
워드프레스 제목 소제목 꾸미기
다른 분들의 워드프레스 글을 보면 아래와 같이 본문 제목과 소제목(H2, H3 태그)이 강조된 것을 많이 볼 수 있습니다.
물론 볼드체나 글자 색상 변경 등으로 강조할 수 있습니다.
저도 처음에는 그렇게 하였는데 글을 작성할 때마다 변경하기가 여간 귀찮은 것도 아니고 시각적으로 이쁘지가 않더군요.
그래서 검색으로 테마의 추가 CSS 적용으로 위와 같이 편하게 적용이 가능하다는 것을 알았습니다.
CSS는 많이 공개가 되어 있으니 마음에 드시는 것으로 선택하면 됩니다.
적용 방법은 외모 -> 사용자 정의하기 -> 추가 CSS에 붙여넣기 하고 적용하면 됩니다.
/* 제목 꾸미기 CSS */
.single .entry-content h2 {
margin: 1.15em 0 0.6em 0;
font-weight: normal;
position: relative;
font-size: 25px;
line-height: 40px;
background: #007CBA;
border: 1px solid #fff;
padding: 5px 15px;
color: white;
border-radius: 0 10px 0 10px;
box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
font-family: 'Muli', sans-serif;
}
.single .entry-content h3 {
COLOR: #124875;
PADDING-BOTTOM: 10px;
TEXT-ALIGN: left;
BORDER-LEFT: #18609C 10px solid;
padding: 3px 9px;
margin: 30px 0 20px 0;
BACKGROUND-COLOR: #FFF;
BORDER-BOTTOM: 2px solid #18609C;
font-size: 1.2em;
font-weight: 700;
}
/* End 제목 꾸미기 CSS */그런데, 이상하게 변경이 안됩니다.
저와 비슷한 상황인 분들이 꽤 많았습니다.
저는 웹브라우저를 네이버 웨일을 사용하고 있는데, 사파리, 크롬 모두 같은 현상입니다.
CSS 코드가 틀렸나? 나의 테마와는 호환이 안 되나? 다른 CSS를 수정해야 하나?
다시 무한 검색으로 원인을 찾아보았습니다.
대부분의 답변은 캐시를 삭제하라는 답변들이었습니다.
웨일, 사파리, 크롬 모두 하여 보았지만 그대로입니다.
캐시 관리 플러그인을 설치하여야 하나?
혹시 플러그인과 충돌이 있나?
설치된 플러그인을 하나씩 비활성화하면서 확인하였지만 역시나 해결이 안 되었습니다.
검색과 다른 CSS를 적용하기를 수십 번 반복하며 며칠을 붙잡고 있다가 결국 제목 꾸미기는 포기하였습니다.
워드프레스 제목 소제목 꾸미기 문제 해결
제목과 소제목 꾸미기는 포기하고 그대로 블로그를 운영하다가 카테고리도 줄어들고 유입 형태를 보면 PC와 모바일이 50:50입니다.
쇼핑몰처럼 시선을 끌어야 하는 목적이 아니라서 보다 간결하게 만들기 위하여 GeneratePress 테마 중 가장 기본 중의 기본인 Marketer로 변경을 하였습니다.
어? 그런데 본문 글에 소제목에 꾸미기가 적용이 된 것입니다.
기존 테마에서 적용이 안 되어 CSS를 삭제하지 않고 그대로 두었나 봅니다.
그렇다면 CSS 적용이 안 되었던 원인은 테마 정확히는 스킨이라고 해야 하나요?
해결은 되었지만 허망합니다.그것 때문에 허비한 시간이 아깝습니다.
GeneratePress 테마의 모든 스킨을 사용하여 볼 수는 없기에 정확힌 원인이 이것이라고 확정은 못하겠지만 저의 경우는 스킨의 문제였습니다.
혹시나 같은 현상을 겪고 계시다면 이 부분도 확인하여 보시기 바랍니다.
