티스토리 북클럽 스킨 리스트 중첩 문제 해결하기
북클럽 스킨은 책 리뷰나 북클럽 블로그에 최적화된 레이아웃이지만
리스트 화면에서 글 제목이 중첩되거나 반복되어 보이는 현상이 발생하곤 합니다
이러한 문제는 사용자 시인성을 떨어뜨리고 SEO에도 악영향을 줄 수 있습니다
이번 글에서는 리스트 중첩 현상 원인과 HTML·CSS 수정을 통해 깔끔하게 해결하는 방법을 단계별로 정리합니다
원인: 중첩된 제목 태그
북클럽 스킨에서는 ‘커버 갤러리2’ 같은 리스트 항목에
HTML 코드 중 <span class="title"> 요소가 반복 삽입되며
제목이 중복 노출되어 시각적 혼란이 생깁니다
이 문제를 방치하면 검색 엔진이 중복 콘텐츠로 판단할 수도 있으므로
SEO 최적화를 위해 반드시 수정해야 합니다.
HTML 편집으로 중복 라인 제거
스킨 편집 모드에서 skin.html 파일을 엽니다.
‘커버 갤러리2’ 관련 <span class="title">...</span> 중복 코드를 찾아서
한 줄을 삭제하면 리스트 중첩 현상이 사라집니다
삭제 후에는 저장·적용을 눌러 반드시 동작 여부를 확인하세요.
CSS 편집으로 여백 및 겹침 조정
중복 요소만 삭제해도 시각적 오류는 해소됩니다.
이후 .post-cover .inner 같은 CSS 항목을 조정해 여백이나 레이아웃을 다듬으면 더 깔끔한 화면을 만들 수 있습니다
예를 들어 padding-bottom 값을 줄이면 제목과 본문 사이가 자연스럽게 구분됩니다.
자주 묻는 질문
Q 리스트 제목이 반복해서 보여요.
A 커버 갤러리2 구성의 span 중복 코드를 삭제하면 해결됩니다.
Q HTML 편집은 어디서 하나요.
A 블로그 관리 > 꾸미기 > 스킨 편집 > html 편집 메뉴에서 가능합니다.
Q 중복을 임시로 숨기려면?
A CSS에서 해당 요소에 display: none;을 설정하면 임시 해결이 가능합니다.
Q 다른 리스트 스킨에서도 동일한 현상이 생기나요.
A 북클럽 계열 스킨에서 주로 발생하며, 모두 HTML 수정으로 해결 가능합니다.
총평
티스토리 북클럽 스킨의 리스트 중첩 문제는
HTML의 <span class="title"> 요소 중복 삭제와 CSS 여백 조정으로
간단하게 해결할 수 있습니다.
SEO와 사용자 경험 모두를 위해
발행 후 확인은 필수이며, 정기적으로 코드 구조도 검토하시길 권장합니다.
국세청 양도소득세 자동계산으로 1가구 2주택 세금 미리 확인하기
국세청 양도소득세 자동계산으로 1가구 2주택 세금 미리 확인하기 집을 여러 채 가진 1가구 2주택 상황에서 양도소득세 계산은 복잡할 수 있습니다.국세청 홈택스에서 제공하는 자동계산 서비스
jay-style.com
안양 벼룩시장 종이신문 그대로 보기 – PC·모바일로 종이신문 열람하는 법
안양 벼룩시장 종이신문 그대로 보기 – PC·모바일로 종이신문 열람하는 법 안양 벼룩시장의 종이신문 같은 화면을 집에서 그대로 볼 수 있다면 얼마나 편할까요?PC나 스마트폰에서 실제 신문지
jay-style.com
서울 지하철 노선도 크게 보기
서울 지하철 노선도 크게 보기 서울 지하철을 자주 이용하신다면 노선도를 더욱 크게 보고 싶은 순간이 있을 겁니다.환승역이나 출구 위치, 노선 간 연결 구조를 정확히 파악하려면 확대 기능은
jay-style.com
개인인감증명서 민원24 인터넷 발급 방법 총정리
개인인감증명서 민원24 인터넷 발급 방법 총정리 인감증명서는 부동산 계약, 면허 신청, 경력 증명 등 다양한 상황에서 꼭 필요한 서류입니다.이제는 주민센터를 직접 방문하지 않고도 집에서
jay-style.com
무료 주민등록등본 인터넷 발급 방법(민원24 기준)
무료 주민등록등본 인터넷 발급 방법(민원24 기준) 주민등록등본은 이사, 대출, 증명서 제출 등 다양한 상황에서 필수로 요구되는 서류입니다.이제는 민원24(정부24)를 통해 집이나 사무실에서 손
jay-style.com
댓글