[5초만에 해결] 티스토리 북클럽(반응형 스킨)에서 글 폭 조절하는 방법

반응형

 

[5초만에 해결] 티스토리 반응형 스킨에서 글 폭 조절하는 방법

북클럽(Book Club) 스킨을 썼더니 글이 너무 좁게 나와 답답했던 분들 주목!
단 1줄의 CSS로 데스크탑에서 글 폭을 넓혀 가독성을 확 높일 수 있어요 😎

---

💻 글 영역 폭 조절 CSS 코드

아래 코드를 CSS 편집 영역에 붙여 넣으면 끝! (북클럽 기준)

/* 북클럽 스킨: 본문 글 폭 넓히기 */
.wrap_content .entry-content {
  max-width: 900px;
  margin: 0 auto;
}

---

📌 삽입 위치는?

• 관리 > 꾸미기 > 스킨 편집 > html  편집 >CSS 편집 메뉴로 이동
• 맨 아래에 위 코드를 붙여넣고 저장

티스토리 반응형 스킨에서 글 폭 조절하는 방법

---

✅ 더 넓게 / 더 좁게 조절하려면?

max-width: 900px 숫자만 바꾸면 끝!
예: 800px, 1000px, 1100px 등 자유롭게 조정 가능

---

📱 모바일 대응(반응형)까지 하고 싶다면?

@media screen and (min-width: 1024px) {
  .wrap_content .entry-content {
    max-width: 900px;
  }
}

 

→코드 추가: @media screen and (min-width: 1024px)

이 코드는 데스크톱에서만 폭을 고정하고, 모바일은 자동 반응형으로 보여줍니다.

---

❓ 자주 묻는 질문 (FAQ)

Q. 북클럽 스킨에만 적용되나요?
 A. 아니요! Odyssey 등 다른 반응형 스킨에도 비슷하게 적용되며, 클래스명이 다를 수 있으니 개발자 도구(F12)로 확인하는 걸 추천합니다.

Q. 모바일에서도 이 설정이 적용되나요?
 A. media query를 사용하면 데스크탑에서만 적용되고, 모바일은 기본 반응형 구조를 유지합니다.

🔗 함께 보면 좋은 글

• [5초만에 해결] 티스토리 드래그 & 선택 방지 HTML 코드
• [5초만에 해결] 티스토리 마우스 우클릭 & 복사 방지 코드

💬 꿀팁!
티스토리 HTML 설정, CSS 수정이 어렵게 느껴진다면?
“한 줄씩 복사 붙여넣기”만 해도 깔끔하게 해결 가능해요 💪

이 글이 도움이 되셨다면?
공감 💙과 공유로 파워걸을 응원해주세요!
당신의 클릭이 콘텐츠 제작에 큰 힘이 됩니다 💪✨

💗 공감하기 📤 공유하기