반응형
티스토리 북클럽 스킨사용중 오른쪽 사이드바 영역이 여백으로 있어 본문영역이 작아 불편하고 본문확장후 구분선으로 화면이 잘리는 등의 불편함 여러분도 느끼셨을 겁니다
✅ 목표
- 카테고리 사이드바 제거 또는 숨기기
- 사이드바와 본문 사이 구분선 제거
- 본문 영역을 100%로 확장
✅ 1. 사이드바 숨기기 (필요한 경우)
css
복사편집
#aside, .sidebar, .sidebar-area { display: none !important; }
※ 사이드바는 .sidebar 또는 #aside라는 ID/클래스를 많이 사용합니다.
사용 중인 스킨 구조에 맞게 적용해주세요.
✅ 2. 구분선 제거 (사이드바와 본문 사이)
css
복사편집
#content, .content-area, .container { border: none !important; box-shadow: none !important; }
일부 스킨에서는 border-right 또는 border-left로 구분선을 구현합니다:
css
복사편집
#content { border-right: none !important; }
✅ 3. 본문 영역 100% 확장
css
복사편집
#content, .content-area { width: 100% !important; max-width: 100% !important; }
또는 레이아웃이 flex 구조일 경우:
css
복사편집
.container { display: block !important; }
💡 .wrap, .container, .inner, .article, #content 등 본문 레이아웃에 영향을 주는 클래스명을 F12(개발자도구)로 확인하여 수정하세요.
✅ 4. 전체 적용 예시
css
복사편집
/* 사이드바 숨기기 */ #aside, .sidebar { display: none !important; } /* 구분선 제거 */ #content, .container { border: none !important; box-shadow: none !important; } /* 본문 영역 전체 확장 */ #content { width: 100% !important; max-width: 100% !important; float: none !important; }
✅ 적용 방법
- 티스토리 관리자 페이지 접속
- 스킨 편집 → CSS 편집
- 맨 아래에 위 코드 추가
- 저장 후 블로그 새로고침
📌 팁 나만의 쉽게 하는 방법
본문 확장 사이드바 영역 삭제
실행방법
위의 수치를 Width 값을 아래처럼 가각 99, 00으로변경
사이드바 구분선 없애는 방법
실행방법
css 편집에서 아래항목 width 값을 1에서 0으로 변경저장
반응형
'블로그 개설 & 운영' 카테고리의 다른 글
요즘 뜨는 워드프레스 블로그 시작하는 방법 (0) | 2025.05.21 |
---|---|
초보 블로거가 꼭 알아야 할 운영 노하우 (초보자, 티스토리, 시작) (0) | 2025.05.21 |
구글 블로그 vs 티스토리 비교 분석 (0) | 2025.05.19 |
구글 블로그 가입 그리고 세팅방법 (0) | 2025.05.18 |
가비아 도메인 구매하기 그리고 티스토리 연결 방법 (0) | 2025.05.18 |