JB SKIN 업그레이드
JB SKIN 소식 /
2018-07-22
/
대상 스킨
- JB SKIN 103 V0.7.0 → V0.7.1
- JB SKIN 107 V0.5.0 → V0.5.1
- JB SKIN 109 V0.7.0 → V0.7.1
- JB SKIN 113 V0.8.0 → V0.8.1
- JB SKIN 127 V0.8.0 → V0.8.1
- JB SKIN 137 V0.4.1 → V0.4.2
- JB SKIN 139 V0.4.0 → V0.4.1
- JB SKIN 149 V0.4.0 → V0.4.1
- JB SKIN 163 V0.2.0 → V0.2.1
공통
- 최신 버전은 로그인 후 [내 계정]에서 다운로드 받을 수 있습니다.
- 기존 스킨을 백업하고, 새 스킨을 설치하세요.
변경 사항
[카테고리 글 더보기] 플러그인을 활성화하면 본문 아래에 [‘XXX’ 카테고리의 다른 글]이 나옵니다. 타이포그라피 설정이 [‘XXX’ 카테고리의 다른 글] 제목 모양에 영향을 미치는 문제를 해결했습니다.
직접 수정
스킨을 새로 설치하지 않고 수정된 부분만 교체하셔도 됩니다.
CSS에 다음과 같은 코드가 있습니다.
/* JB Typography 1 */ .jb-typography-0 .jb-article h3.jb1, .jb-typography-1 .jb-article h3 { font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb1:before, .jb-typography-1 .jb-article h3:before { content: ""; display: block; width: 6.0em; margin: 30px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb1, .jb-typography-1 .jb-article h4 { font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb1:before, .jb-typography-1 .jb-article h4:before { content: ""; display: block; width: 3.0em; margin: 30px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } /* JB Typography 2 */ .jb-typography-0 .jb-article h3.jb2, .jb-typography-2 .jb-article h3 { margin: 30px 0px 20px 0px; font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb2:after, .jb-typography-2 .jb-article h3:after { content: ""; display: block; width: 6.0em; margin: 10px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb2, .jb-typography-2 .jb-article h4 { margin: 30px 0px 20px 0px; font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb2:after, .jb-typography-2 .jb-article h4:after { content: ""; display: block; width: 3.0em; margin: 10px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } /* JB Typography 3 */ .jb-typography-0 .jb-article h3.jb3, .jb-typography-3 .jb-article h3 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 8px solid #757575; font-size: 1.4em; } .jb-typography-0 .jb-article h4.jb3, .jb-typography-3 .jb-article h4 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 4px solid #9e9e9e; font-size: 1.2em; }
다음 코드로 교체하세요.
/* JB Typography 1 */ .jb-typography-0 .jb-article h3.jb1, .jb-typography-1 .jb-article > h3 { font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb1:before, .jb-typography-1 .jb-article > h3:before { content: ""; display: block; width: 6.0em; margin: 30px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb1, .jb-typography-1 .jb-article > h4 { font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb1:before, .jb-typography-1 .jb-article > h4:before { content: ""; display: block; width: 3.0em; margin: 30px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } /* JB Typography 2 */ .jb-typography-0 .jb-article h3.jb2, .jb-typography-2 .jb-article > h3 { margin: 30px 0px 20px 0px; font-size: 1.4em; } .jb-typography-0 .jb-article h3.jb2:after, .jb-typography-2 .jb-article > h3:after { content: ""; display: block; width: 6.0em; margin: 10px 0px 20px 0px; border-bottom: 4px solid #757575; } .jb-typography-0 .jb-article h4.jb2, .jb-typography-2 .jb-article > h4 { margin: 30px 0px 20px 0px; font-size: 1.2em; } .jb-typography-0 .jb-article h4.jb2:after, .jb-typography-2 .jb-article > h4:after { content: ""; display: block; width: 3.0em; margin: 10px 0px 20px 0px; border-bottom: 2px solid #9e9e9e; } /* JB Typography 3 */ .jb-typography-0 .jb-article h3.jb3, .jb-typography-3 .jb-article > h3 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 8px solid #757575; font-size: 1.4em; } .jb-typography-0 .jb-article h4.jb3, .jb-typography-3 .jb-article > h4 { margin: 30px 0px 20px 0px; padding: 0px 0px 0px 10px; border-left: 4px solid #9e9e9e; font-size: 1.2em; }