티스토리 매거진 스킨 본문 폭 넓히기

티스토리 매거진(Magazine) 스킨을 이용 중인데 스킨의 본문 폭이 좀 좁고 좌우 여백이 넓은 느낌이라 글을 읽을 때 답답한 감이 없지 않다. 이를 개선하기 위해 본문 폭을 넓히려면 스킨 편집(CSS)에서 두 군데를 고치면 된다.

서브상세 항목의 max-width: 1100px, 헤더 항목의 max-width: 1100px.

서브상세 항목은 본문헤더 항목은 블로그 이름이 표시되는 영역이라 서브상세 항목만 바꿔주어도 본문의 너비는 바뀐다. 하지만 아무래도 헤더 항목도 동일하게 변경해 주어야 블로그 제목과 본문이 너비가 동일해져 보기가 좋다.

max-width 편집
스킨 편집 > CSS

숫자를 조금씩 바꾸어가며 본인이 보기 편한 수치로 조정하면 되는데, 나는 기존의 1100px1250px으로 바꿔 보았다. 아래처럼 본문이 넓어졌다.

width 1100px, 1250px
변경 전후

카테고리의 다른 글

  1. 워드프레스 이메일 발송 시 보내는 사람 이름 바꾸기 (feat. 문의 양식 7)
  2. 티스토리 매거진 스킨의 링크 색깔 변경하기
  3. 워드프레스 글 수정 시 수정한 날짜 변경하지 않기 (feat. Rank Math SEO)
  4. 워드프레스 사용자명 알아내는 쿼리(/?author=1) 방지하기
  5. 일 평균 방문수 200명에 필요한 블로그 포스팅(게시글) 수

2 thoughts on “티스토리 매거진 스킨 본문 폭 넓히기”

    • 일단, 제가 티스토리를 현재 사용하고 있지 않아 구체적인 답변이 어려운 점 이해 부탁드립니다.

      매거진 스킨이 아마도 반응형 스킨으로 기억하는데, 이 경우 CSS @media 쿼리 중 모바일 항목 그러니까 예를 들어 @media (max-width: 768px)와 같은 곳에 가셔서 본문 폭을 설정하시면 될 것 같습니다.

      만약, 반응형이 아닌 모바일 웹(OOO.tistory/m/글번호)을 말씀하시는 거라면, 이건 티스토리에서 강제로 자기네 스킨을 공통적으로 적용시키는 거라 방법이 없는 것으로 알고 있습니다.

      조금이라도 도움이 되셨으면 좋겠네요.

      응답

댓글 남기기