워드프레스 일기의 IT & 기타/티스토리 238

티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법

이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 북클럽 스킨에서 본문 글자 크기를 변경하고 싶은 경우 아래 내용을 참고해보세요. 저는 스킨을 변경하면 제일 먼저 본문 글자 크기를 키웁니다. 이제 노안이 들 나이가 되어 글자 크기가 작은 사이트의 글을 잘 안 보게 되네요.ㅠㅠ 아래의 내용은 북클럽 스킨을 예를 들어 본문 글자 크기를 키우는 방법을 설명했지만, 다른 스킨에서도 그대로 응용이 가능합니다. 제대로 적용되지 않을 경우 댓글에 주소를 남겨주시면 CSS 코드를 확인해드리겠습니다. 목차 티스토리 Book Club (북 클럽) 스킨에서 본문 글자 크기 변..

티스토리 블로그에서 글 목록이 표시되지 않는 문제가 발생하는 경우

일부 티스토리 스킨에서 홈 설정을 "최근 글"로 지정하면 글 목록이 표시되지 않는 문제가 발생하는 버그가 있는 것 같습니다. 예를 들어, 다음 그림과 같이 티스토리 블로그의 첫 화면이나 카테고리 페이지에 접속했을 때 아무런 글이 표시되지 않을 수 있습니다. 이 문제는 홈 설정의 '목록 구성 요소'를 '목록만'으로 설정하는 경우에 주로 발생합니다. 최근 글을 나열하는 경우 '목록 구성 요소' 설정을 '내용만' 또는 '목록 + 내용'으로 바꾸면 문제가 해결될 수 있습니다. 최근 공개된 티스토리 블로그에서 테스트해보니 Book Club, Whatever, Poster, Letter, Magazine에서 이 문제가 나타났습니다. 그리고 #1 스킨에서도 마찬가지로 이 문제가 발생했습니다. 다만, Portfolio..

티스토리 북클럽 스킨에서 새로운 글을 발행할 때 레이아웃이 제대로 적용되지 않는 문제가 발생하는 경우

티스토리 Book Club(북 클럽) 스킨에서 가끔 새로운 글을 작성하면 레이아웃이 제대로 적용되지 않는 현상이 발생하는 것을 발견했습니다. 가령, 다음 그림과 같이 사이드바가 오른쪽에 표시되지 않고 푸터 아래에 표시되었습니다. 특정 글에서 이런 현상이 발생하고, 동일한 콘텐츠로 글을 다시 발행해도 문제가 해결되는 경우도 있고 그렇지 않은 경우도 있었습니다. 티스토리 글 편집기를 새 편집기로 바꾸어서 글을 작성하여 발행해보니 또 문제가 해결되기도 합니다. 에러를 체크해보니 다음과 같은 오류가 발생하는 것이 확인되었습니다. GET https://tistory2.daumcdn.net/tistory/2828172/skin/images/script.js net::ERR_ABORTED 404 아마 script.j..

티스토리 Book Club 스킨 수정: 글 제목 아래에 댓글 개수 및 링크를 표시하는 방법

티스토리 북클럽(Book Club) 스킨을 적용하면 그림과 같이 포스트 제목 아래에 글쓴이 이름과 글 발행 날짜가 표시됩니다. 저는 사용자 이름은 삭제하고 글 작성 일자 옆에 댓글 개수를 표시했습니다. 그리고 클릭하면 댓글 섹션으로 이동하도록 수정했습니다. 티스토리 북클럽 (Book Club) 스킨 수정: 글 제목 아래에 댓글 개수 및 링크를 표시하는 방법티스토리 북클럽 스킨에서 글 제목 아래에 댓글 개수 및 링크를 표시하도록 변경하려는 경우 스킨을 약간 수정하면 됩니다. 먼저 티스토리에 로그인한 후에 꾸미기 > 스킨 편집 > html 편집 >HTML으로 이동합니다. 위와 같은 화면이 표시되면 Ctrl + F를 눌러 background-image:url()을 검색합니다. 바로 아래에 보면 다음과 같은 코..

티스토리에서 공감 및 구독하기 버튼과 저작물 사용 허가(CCL) 마크를 표시하지 않는 방법

티스토리 글 하단에 공감 버튼과 구독하기 버튼, 그리고 CCL 마크가 표시됩니다. 원하는 경우 공감, 구독하기 버튼, 저작물 사용허가 마크를 표시하지 않도록 할 수 있습니다. 2021년 3월 추가: 티스토리에서 신고 버튼을 제거하는 블로그가 간혹 있습니다. 하지만 신고하기 버튼을 제거하면 정책 위반이 되어 블로그가 폐쇄될 수 있습니다. 다음 글을 참고해보세요. 티스토리 스킨에서 신고 버튼을 없애지 마세요 (고래 스킨 사용자 주의) 검색엔진에서 검색해보면 티스토리 스킨에서 신고 버튼을 숨기는 방법을 알려주는 글들이 있고 일부 스킨에서는 티스토리 신고 버튼을 제거한 상태로 제공되기도 합니다. 이 블로그에 적용된 avada.tistory.com 티스토리에서 공감 및 구독하기 버튼과 저작물 사용 허가(CCL) ..

티스토리 Book Club 스킨 수정: 폴더 형식의 카테고리를 사이드바에 표시하기

최근 공개된 티스토리 스킨인 Book Club의 사이드바에 "카테고리" 위젯을 표시하면 리스트 형식의 카테고리로 표시됩니다. 위의 그림과 같이 표시되는데요. 카테고리를 폴더 형식으로 표시하고 싶은 경우가 있을 수 있습니다. 이 경우 티스토리 스킨 가이드에서 '카테고리' 부분을 체크해보면 다음과 같이 카테고리 형식으로 두 가지 치환자를 지원합니다. : 폴더 형식의 카테고리 : 리스트 형식의 카테고리 따라서 티스토리 HTML 소스에서 리스트 형식의 카테고리 치환자를 폴더 형식의 카테고리 치환자로 바꾸어 주면 폴더 형식으로 카테고리가 표시됩니다. ※ 티스토리 스킨을 수정할 때에는 티스토리 스킨 가이드를 먼저 체크하는 것이 좋습니다. 티스토리에 로그인한 후에 왼쪽 메뉴에서 꾸미기 > 스킨 편집을 선택하고 "ht..

티스토리 Book Club 스킨 수정: 구글 맞춤 검색 추가

이 블로그에는 현재 최근 공개된 Book Club이라는 티스토리 스킨이 적용되어 있습니다. 이번에 스킨을 변경하면서 수정을 최소화하기 위해 노력했습니다. 몇 가지 수정 사항 중에 하나로 티스토리 검색 아이콘을 제거하고 대신 구글 맞춤 검색 기능을 추가했습니다. Book Club 스킨을 적용하면 오른쪽 상단에 검색 아이콘이 표시되고, 아이콘을 클릭하면 그림과 같이 검색 내용을 입력할 수 있는 상자가 나타납니다. 티스토리 검색 기능보다는 구글 검색 기능을 추가하면 사용자가 검색하는 검색어에 대하여 보다 관련성 있는 검색 결과를 제공할 수 있습니다. 간단한 수정으로 쉽게 구글 맞춤 검색 기능을 추가할 수 있습니다. 구글 맞춤 검색으로 대체한 후의 스크린샷입니다. 검색할 내용을 입력한 후에 검색 아이콘을 누르면..

티스토리 블로그의 스킨을 Book Club으로 변경했습니다

이 티스토리 블로그의 스킨을 최근 공개된 북클럽(Book Club)으로 변경했습니다. 티스토리에서 자주 새로운 스킨을 공개하고 있습니다. 새 스킨으로 바꾸기 전까지 Magazine이라는 스킨을 사용했습니다. Magazine 스킨을 약 4개월 정도 이용했습니다. 기록용으로 여기에 스크린샷을 올려봅니다.티스토리 북클럽(Book Club) 스킨으로 변경 Poster, #1, Magazine 스킨을 사용하면서 스킨 소스 파일에 많은 수정을 가했습니다. 이번에 변경한 Book Club에서는 이전 스킨과는 달리 약간의 수정만 했습니다. 이 스킨이 제가 선호하는 스타일과 어느 정도 일치하는 것 같습니다. Book Club 스킨 편집 화면에서 '최신글'로 설정하고 '목록'을 선택하면 첫 화면과 카테고리 페이지에 글 목..

티스토리 Book Club 스킨에서 댓글 아바타 크기 조정하기

지난 주에 티스토리에서 새롭게 선보인 Book Club 스킨에서 댓글에 표시되는 아바타가 약간 어색하게 표시됩니다. 그림과 같이 댓글에 답변을 달면 답글 작성자의 아바타가 찌그러져서 보입니다. 자꾸 보다 보면 익숙해지겠지만, 처음 스킨을 변경한 후에 댓글 섹션의 일부 아바타가 타원형으로 표시되어 매우 어색하게 느껴졌습니다.티스토리 북클럽(Book Club) 스킨에서 댓글 아바타 크기 조정하는 방법 댓글 내의 아바타가 일정한 크기로 표시되도록 하고 싶은 경우 다음 CSS 코드를 추가하면 됩니다./* Book Club 스킨 - 댓글 아바타 크기 */ .comment-list ul li .author-meta .avatar { width: 48px !important; height: 48Px; } 위와 같이 ..

티스토리 Magazine 스킨: 스크롤 시 헤더에 글 제목이 표시되지 않도록 하기

이 블로그에는 최근 티스토리에서 공개한 Magazine 스킨이 적용되어 있습니다. 저는 이전 스킨의 레이아웃과 비슷하게 수정하여 사용하고 있습니다. 매거진 스킨을 적용한 상태에서 개별 포스트에서 마우스를 아래로 스크롤하면 헤더에 글 제목이 표시됩니다. 스크롤 시 포스트 타이틀이 헤더에 표시되지 않도록 하려면 스킨 파일 하나를 수정하면 됩니다. 저는 front.js 파일을 다운로드한 후에 아래 그림에 표시된 부분을 삭제했습니다. 이런 부분이 두 군데 있습니다. 표시된 부분을 삭제한 후에 업로드하여 기존 파일을 대체했습니다. 티스토리에서 스킨을 수정하려면, 잘 아시겠지만, 티스토리 관리자 페이지에서 꾸미기 > 스킨 편집을 클릭하고 "HTML"을 클릭하여 HTML 파일과 CSS 파일을 수정하거나 파일을 삭제/..