티스토리 블로그 글 본문 정렬 조정하기 (feat. 북클럽, 오디세이 스킨 등)

북클럽 스킨 기반으로 만들어진 뉴스킨이라는 스킨을 사용하는 티스토리 블로그에서 갑자기 모든 글이 가운데 정렬로 나오는 현상이 발생하는 문제로 네이버 카페를 통해 사용자분이 문의해 왔습니다. 북클럽뿐만 아니라 이 블로그에 사용된 오디세이 등 대부분의 공식 스킨에서는 간단한 CSS 코드로 글 분문의 정렬을 조정할 수 있습니다.

티스토리 블로그 글 본문 정렬 조정하기 (북클럽, 오디세이 스킨 등)

이 블로그에서는 북클럽 등 여러 가지 스킨이 사용되다 지금은 오디세이라는 기본 스킨이 적용되어 있습니다. 오디세이 스킨을 커스텀하여 사용하고 있습니다.

티스토리 스킨을 오디세이(Odyssey)로 변경했습니다

이 스킨 직전에는 스피드스타라는 유료 스킨을 사용했습니다. 스피드스타 스킨이 속도가 빨랐지만 티스토리 시스템이 바뀌어서 종종 스킨에 오류가 발생하곤 했습니다.

예를 들어, 가장 최근의 업데이트는 지난 12월 2일에 이루어졌는데, 티스토리에서 파일 구조를 바꾸면서 스피드스타 스킨을 적용한 티스토리 블로그에서 오류가 발생하는 문제가 해결되었습니다.

오류가 발생하면 스킨 개발자에게 보고하고, 그러면 스킨 개발자가 오류를 수정해주었지만 이런 과정이 몇 차례 반복되면서 그냥 기본 스킨 중 하나인 오디세이로 바꾸었습니다.

빠른 스킨을 원한다면 스피드스타 스킨이 괜찮은 선택일 수 있습니다. 다만, 티스토리에서 파일 구조를 바꾸는 등의 업데이트가 있을 때 스킨에 오류가 발생할 수 있습니다. 스킨 판매자가 빠르게 대응을 하지만, 스킨이 업데이트되면 커스텀한 것이 모두 사라지기 때문에 저같이 커스텀을 많이 하는 사용자에게는 불편할 수 있습니다.  (워드프레스의 경우 차일드 테마를 만들어서 커스텀하면 테마가 업데이트되어도 문제가 발생하지 않지만, 티스토리는 업데이트 시 커스텀한 코드를 다시 적용해야 하는 불편함이 있습니다.😥)

티스토리 시스템이 업데이트되거나 기타의 이유로 블로그 본문의 정렬이 바뀌었다면 CSS로 텍스트 정렬을 조정할 수 있습니다.

블로그 포스트 본문 텍스트 중앙 정렬

북클럽 기반으로 만든 뉴스킨이라는 스킨를 사용하는 분이 갑자기 블로그 글의 정렬이 가운데 정렬로 바뀌었다고 하네요. 이 경우 다음과 같은 CSS 코드를 꾸미기 » 스킨 편집 » html 편집 » CSS 탭에 추가하면 텍스트를 왼쪽 정렬로 바꿀 수 있습니다.

.contents_style {
    text-align: left !important;
}

위의 코드를 추가하면 본문의 텍스트가 모두 왼쪽으로 강제로 정렬됩니다.

본문 텍스트 왼쪽 정렬.

가운데 정렬로 바꾸고 싶다면 다음과 같은 코드를 추가할 수 있습니다.

.contents_style {
    text-align: center !important;
}

오디세이 스킨 등 다른 기본 스킨에서도 위의 코드가 잘 작동할 것입니다. 스킨에 따라 실제 코드가 다를 수 있습니다.

기본적인 CSS를 이해하면 텍스트 정렬이나 글자 크기, 글자 색상, 배경색 등의 스타일을 어렵지 않게 변경할 수 있습니다.

참고

https://avada.tistory.com/3536

저품질 된 티스토리 블로그 재활용하는 방법 (네이버 블로그 & 워드프레스로 이사하기)

https://avada.tistory.com/3507

스크래퍼 플러그인을 사용하여 티스토리에서 워드프레스로 이전 작업

https://avada.tistory.com/3046

해외웹호스팅: 클라우드웨이즈 vs. 블루호스트 vs. 카페24 비교 (Cloudways vs. Bluehost vs. Cafe24)