🐋 고래스킨 최근 글/댓글이 안 뜨는 문제 해결법 요약

반응형



🔍 1. 문제 상황

  • 고래스킨을 사용하는 티스토리 블로그에서 최근 글이 표시되지 않는 현상 발생.
  • HTML 코드 상에는 최근 글 콘텐츠가 존재하지만, 화면에 보이지 않음.
  • tab-content 영역이 비어 있는 것처럼 보임.


🧩 2. 원인 분석

  • tab-pane 클래스가 최근 글 영역에 적용되어 있어 내용이 숨겨지는 문제 발생.
  • 탭 클릭 이벤트에서 tab-pane, tab-content 클래스를 제어하는 부분에서 버그가 있음.


🛠️ 3. 해결 방법


✅ HTML 편집

  1. 티스토리 관리자 → 스킨 편집HTML 편집 진입.
  2. 최근 글 탭(<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