라벨이 티스토리 스킨인 게시물 표시

🔗 티스토리 블로그 하단에 이전글 현재글 다음글 버튼 넣기

이미지
💡 블로그 네비게이션 디자인 2종 완성 가이드 이전글·현재글·다음글을 연결하는 네비게이션을 심플한 구조 와 알약형 디자인 두 가지로 구현하는 방법을 다룹니다. 모든 링크는 현재 창에서 열리며, 반응형 환경에서도 자연스럽게 작동합니다. 미리보기 💡 적용 전에 꼭 읽어주세요 처음 스킨이나 HTML을 수정하신다면, 아래 내용을 차근차근 확인해 주세요. 어렵지 않게 따라 하실 수 있도록 핵심만 정리했습니다. 🙂 ① 변경 전 백업 현재 사용 중인 HTML, CSS, 스킨 을 꼭 백업해 두세요. 문제가 생겨도 바로 되돌릴 수 있는 안전망이 됩니다. ② 기존 네비 중복 확인 일부 스킨에는 ‘이전글·다음글’ 네비가 기본 포함되어 있습니다. 중복 으로 두면 디자인이 깨지거나 글이 두 번 표시될 수 있어요. 기존 블록은 삭제 대신 주석 처리 를 권장합니다. ③ CSS 충돌 가능성 테마 전역 규칙과 새 코드가 겹치면 색상·폰트·정렬이 다르게 보일 수 있습니다. .am- 접두 클래스를 유지하세요. ④ 검색 색인 영향 구조 변경만으로 색인 불이익은 없습니다. 다만 숨김 대형 블록·중복 DOM 은 속도를 저하시켜 SEO에 악영향일 수 있습니다. ⑤ 교체보다 추가 권장 테마 원본을 통째 교체하지 말고 “ 기존 + 추가 ”로 적용하세요. 방법 1. 심플 네비게이션 가벼운 테마에도 무리 없이 붙는 간결한 테이블형 레이아웃입니다. 제목은 2줄까지 자동 줄바꿈되며, 모바일에서 말줄임 처리가 됩니다. HTML 복사 <div class="post-nav-wrapper"> <table class=...