반응형
🔍 1. 문제 상황
- 고래스킨을 사용하는 티스토리 블로그에서 최근 글이 표시되지 않는 현상 발생.
- HTML 코드 상에는 최근 글 콘텐츠가 존재하지만, 화면에 보이지 않음.
- tab-content 영역이 비어 있는 것처럼 보임.
🧩 2. 원인 분석
- tab-pane 클래스가 최근 글 영역에 적용되어 있어 내용이 숨겨지는 문제 발생.
- 탭 클릭 이벤트에서 tab-pane, tab-content 클래스를 제어하는 부분에서 버그가 있음.
🛠️ 3. 해결 방법
✅ HTML 편집
- 티스토리 관리자 → 스킨 편집 → HTML 편집 진입.
- 최근 글 탭(<div id="tab-rpost">) 부분에서 tab-pane 클래스를 삭제.
✅ jQuery 코드 수정
탭 클릭 이벤트를 담당하는 스크립트에 아래 코드를 추가:
//
if ($(this).attr("id") === "#tab-rpost") {
$("#tab-rpost").removeClass("tab-pane");
$("#tab-rcomment").addClass("tab-pane");
} else if ($(this).attr("id") === "#tab-rcomment") {
$("#tab-rpost").addClass("tab-pane");
$("#tab-rcomment").removeClass("tab-pane");
}
✅ class 속성 추가
- id="tab-rcomment" 라인을 찾아 class="tab-pane"을 추가해 줍니다.
✅ 최종 결과
- 최근 글과 최근 댓글이 정상적으로 전환되며 표시됨.
- 탭 전환 시 각각의 콘텐츠가 올바르게 노출됨.
728x90