이 블로그에서 티스토리의 소제목 스타일을 변경하는 방법에 대해 설명한 적이 있어 중복이라서 굳이 다루지 않았지만 고래 스킨에서 소제목 스타일을 지정하는 방법에 대한 문의가 간혹 있어 정리해보았습니다. 티스토리 고래 스킨 소제목 스타일 변경하기 (머리말 스타일) 소제목 스타일을 지정하는 방법은 기본적인 CSS를 알면 그리 어렵지 않게 가능합니다. 현재 이 블로그에는 다음과 같은 스타일로 소제목(머리말)이 표시됩니다. 이 스타일은 어떤 티스토리 블로그를 통해 공개된 CSS를 기반으로 한 것입니다. 지금은 그 블로그를 찾아보려고 하니 검색이 잘 안 되네요. 티스토리 고래 스킨에서 위와 비슷하게 소제목 (머리말, 헤딩) 스타일을 지정하려면 다음과 같은 CSS 코드를 사용하면 됩니다. /* 티스토리 고래 스킨 소..
어제 티스토리에 어떤 작업이 있었는지 몰라도 어제부터 일부 티스토리 스킨이 제대로 작동하지 않는 문제가 발생하고 있습니다. 북클럽 스킨에서도 일부 문제가 발생하고 있습니다. 가령 검색이 안 되는 문제와 프로필 클릭 시 무반응 문제 등이 발생하고 있습니다. 해결 방법으로 다음과 같은 조치를 취할 수 있습니다. 티스토리에서 시스템을 점검하여 티스토리 내부에서 사용하는 라이브러리에서 원인 현상을 발견하여 수정했다고 합니다. 이제 스킨에서 문제가 발생하지 않을 것 같습니다. 다른 스킨으로 변경했다가 다시 북클럽 스킨 선택 북클럽 스킨이 오류를 일으키는 문제가 발생하자 티스토리에서 오류를 해결한 업데이트를 내놓은 것 같습니다. 먼저 백업을 한 후에 스킨을 다른 스킨으로 일시 변경했다가 다시 북클럽(Book Clu..
티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에서 이동 경로를 표시하여 SEO 개선에 도움이 됩니다. 티스토리 고래 스킨에 브레드크럼 표시하기 이전 글에서 매거진 스킨에 브레드크럼을 표시하는 방법을 설명한 적이 있습니다. 스킨이 달라져도 브레드크럼을 추가하는 방법은 비슷합니다. 원리만 이해하면 다른 스킨에서도 쉽게 가능할 것입니다. 티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법 브레드크럼(Breadcrubmb; 이동 경로)을 추가하면 SEO(검색엔진 최적화)에 도움이 될 수 있습니다. 지난 달에 이 티스토리 블로그의 스킨을 Magazine으로 변경했습니다. 티스토리의 신규 스킨 ..
티스토리 포스터 스킨에서 포스트의 제목과 본문의 글자 크기를 변경하고 싶은 경우 간단한 CSS로 변경이 가능합니다. 다른 티스토리 스킨에서도 비슷한 방법으로 글자 크기, 색상 등을 변경할 수 있습니다. (스킨에 따라 실제 코드는 조금씩 다를 수 있습니다.) 티스토리 Poster 스킨: 제목, 본문 글자 크기 변경하기 포스터 스킨 포스트 제목 글자 크기 및 색상 변경하기 글 제목 글자 크기를 변경하려면 꾸미기 > 스킨 편집 > HTML 편집 > CSS 탭으로 이동하여 맨 아래에 다음과 같은 코드를 추가하도록 합니다. /* 포스터 스킨 포스트 타이틀 */ .hgroup h1 { font-weight: 600; font-size: 1.5em; line-height: 1.4444em; color: #1587cc..
지난주에 이 티스토리 블로그의 스킨을 북클럽에서 고래 스킨 4.0으로 바꾸었습니다. 고래 스킨에는 글 하단에 SNS 공유 아이콘이 표시됩니다. 그러므로 별도의 SNS 플러그인을 사용할 필요 없이 스킨에 내장된 기능을 사용하면 됩니다. 저는 PC에서 글 하단에 표시되는 SNS 아이콘을 왼쪽에 붙박이로 표시되도록 바꾸었습니다. 티스토리 블로그에 SNS 공유 아이콘을 표시하는 방법 티스토리에 SNS 아이콘을 표시하는 방법으로 크게 두 가지를 생각해볼 수 있습니다. 하나는 티스토리에서 제공하는 플러그인을 사용하는 것이고, 다른 하나는 외부 서비스를 이용하는 것입니다. 티스토리에서는 플러그인 메뉴에서 SNS 글보내기 플러그인을 설치하여 SNS 공유 버튼을 글 하단에 표시할 수 있습니다. 하지만 개인적인 생각에는 ..
작년 8월 말부터 공식 티스토리 스킨 중 하나인 북클럽 스킨을 사용하다 며칠 전에 티스토리 무료 스킨인 고래 스킨으로 변경했습니다. 이 스킨은 네이버, 구글 검색 엔진에 최적화되어 있고 구글 애드센스 광고에도 최적화되어 있다고 하네요. 티스토리 광고 수익이 증가하지 않을까 기대되네요. 티스토리 스킨 고래 스킨 4.0으로 변경 티스토리에서 가장 최근 공개한 공식 티스토리 스킨 중 하나인 북클럽 (Book Club)을 적용하여 레이아웃과 기능을 조금 고쳐서 10개월 남짓 사용해왔습니다. 기념으로 북클럽 스킨을 적용했을 때의 모양을 스크린샷으로 만들어보았습니다. 며칠 전에 고래 스킨으로 변경한 후에 잠시 시간을 내어 제 입맛에 맞게 일부를 수정했습니다. 아직 손봐야 할 곳이 있지만 당분간 이렇게 사용하면서 필..
티스토리 북클럽 (Book Club) 스킨에서 스킨 편집 시 커버 아이템을 설정하고 각 커버 아이템의 타이틀을 지정할 수 있습니다. 커버 아이템 타이틀 (소제목)의 기본 스타일이 마음에 들지 않는 경우 CSS를 사용하여 커버 아이템 제목 스타일을 변경할 수 있습니다. ☞참고로 티스토리 소제목 스타일을 변경하고 싶은 경우 다음 글의 "티스토리 소제목 (헤딩) 스타일 변경" 부분을 참고해보세요. 티스토리에 목차 표시하는 방법 (북클럽 스킨) 티스토리에는 모든 글에 자동으로 목차를 표시하는 방법은 없지만, 원하는 글에 자동으로 목차를 삽입할 수 있습니다. 헤딩 태그를 인식하여 자동으로 목차를 생성하는 jQuery를 사용할 수 있습�� avada.tistory.com 티스토리 북클럽 스킨의 커버 아이템 타이틀 ..
티스토리 스킨 중 하나인 Poster (포스터)를 적용하고 최신 글을 표시하도록 설정하면 첫 페이지(홈페이지)에서 썸네일이 오른쪽에 표시되고 요약글이 왼쪽에 표시됩니다. 썸네일 위치를 오른쪽에서 왼쪽으로 변경하고 싶은 경우, 꾸미기 > 스킨 변경 > HTML 편집 > CSS 탭에 다음과 같은 CSS 코드를 추가하면 됩니다./* Poster 스킨에서 썸네일 위치 바꾸기 */ .post-item .thum { float: left !important; margin-right: 80px; margin-left: 0 !important; } 위의 코드를 CSS 탭의 맨 아래에 추가하도록 합니다. 저장한 후에 블로그를 살펴보면 썸네일 위치가 오른쪽에서 왼쪽으로 변경되어 있는 것을 확인할 수 있을 것입니다. 이 블..
이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 북클럽 스킨에서 본문 글자 크기를 변경하고 싶은 경우 아래 내용을 참고해보세요. 저는 스킨을 변경하면 제일 먼저 본문 글자 크기를 키웁니다. 이제 노안이 들 나이가 되어 글자 크기가 작은 사이트의 글을 잘 안 보게 되네요.ㅠㅠ 아래의 내용은 북클럽 스킨을 예를 들어 본문 글자 크기를 키우는 방법을 설명했지만, 다른 스킨에서도 그대로 응용이 가능합니다. 제대로 적용되지 않을 경우 댓글에 주소를 남겨주시면 CSS 코드를 확인해드리겠습니다. 목차 티스토리 Book Club (북 클럽) 스킨에서 본문 글자 크기 변..
티스토리 북클럽(Book Club) 스킨을 적용하면 그림과 같이 포스트 제목 아래에 글쓴이 이름과 글 발행 날짜가 표시됩니다. 저는 사용자 이름은 삭제하고 글 작성 일자 옆에 댓글 개수를 표시했습니다. 그리고 클릭하면 댓글 섹션으로 이동하도록 수정했습니다. 티스토리 북클럽 (Book Club) 스킨 수정: 글 제목 아래에 댓글 개수 및 링크를 표시하는 방법티스토리 북클럽 스킨에서 글 제목 아래에 댓글 개수 및 링크를 표시하도록 변경하려는 경우 스킨을 약간 수정하면 됩니다. 먼저 티스토리에 로그인한 후에 꾸미기 > 스킨 편집 > html 편집 >HTML으로 이동합니다. 위와 같은 화면이 표시되면 Ctrl + F를 눌러 background-image:url()을 검색합니다. 바로 아래에 보면 다음과 같은 코..
최근댓글