본문 바로가기
티스토리 글 작성할 때 임시저장을 자주 해야 안전한 것 같습니다 어제 티스토리에서 글을 거의 다 작성하고 '맞춤법검사'를 마친 후에 맞춤법검사 닫기 (X) 아이콘을 누르니 맨 아래에 있어야 하는 "완료" 버튼이 있는 표시줄이 사라지는 황당한 현상을 경험했습니다. 글을 작성할 때 자주 '임시저장' 버튼을 눌러 글을 저장해야 할 것 같습니다. 또 임시저장한 글이 삭제되는 버그도 드물지만 발생하는 것 같습니다.ㅠ 저는 글 작성을 시작하면 마무리하여 글을 발행하는 스타일이라 여러 개의 글을 임시저장하는 경우는 없지만 (사실 임시저장 기능 자체를 이용하지 않았지만), 만약 여러 개의 글을 동시에 작성하면서 임시저장 기능을 이용할 때에는 조심해야겠습니다. 무료 블로그 중에서 티스토리만 한 것이 없지만 SEO 설정 등 몇 가지 아쉬운 점이 있네요. 참고: 티스토리 북클럽 (Boo.. 2020. 1. 11.
티스토리 글쓰기에서 컬러 텍스트 상자를 삽입하는 방법 제 블로그에 자주 방문하시는 데보라님께서 다음과 같은 텍스트 상자를 삽입하는 방법이 궁금해하셔서 이 글을 통해 설명해드리려고 합니다. 해당 부분을 복사해서 본문에 넣으면 간단하지만, 티스토리의 새 에디터에서는 서식 있는 텍스트를 복사해도 서식이 적용되지 않습니다.ㅠ 조금 복잡하지만 다음과 같은 방법으로 비슷하게 구현할 수 있습니다. 먼저 꾸미기 > 스킨 편집을 클릭합니다. 스킨 편집 화면이 표시되면 HTML 편집을 선택합니다. HTML 편집 페이지가 표시됩니다. 그러면 CSS 탭을 선택합니다. CSS 섹션에서 맨 아래로 이동하여 다음 코드를 추가하고 저장합니다. /* 컬러 텍스트 상자 */ .bluebox { border-style: solid; border-width: 1px; border-color:.. 2019. 12. 17.
티스토리 Book Club 스킨: 모바일에서 사이드바가 표시되도록 하는 방법 (개인 정리용) 티스토리 블로그에서 Book Club 스킨을 사용하는 경우 모바일에서 사이드바가 표시되지 않을 것입니다. 사이드바가 표시되도록 하려면 다음 CSS 코드를 찾도록 합니다. #aside { position: fixed; top: 0; right: -278px; z-index: 400; float: none; overflow: auto; width: 278px; height: 100%; padding: 94px 24px 40px; background-color: #fff; box-sizing: border-box; transition: left .5s; -webkit-transition: right .5s; } 위의 코드 부분을 다음과 같이 변경합니다. #aside { width: 100%; padding-l.. 2019. 12. 14.
새로운 티스토리 모바일 앱 - 12월 9월 월요일 출시 예정 완전히 개편된 새로운 티스토리 모바일 앱이 12월 9월 월요일에 출시 예정이라고 하네요.통계와 알림을 개선하고 구독∙피드를 추가했으며, PC 작성 글의 모바일 수정도 가능해졌다고 하네요.모바일 앱의 기능이 향상되어 모바일에서 편리하게 글을 작성할 수 있기를 기대해봅니다.최근 티스토리 블로그가 느려지거나 댓글 확인이 안 되는 등 자잘한 문제가 자주 발생하는 것 같습니다. 이런 문제도 개선되었으면 좋겠네요. 또한, 구글과 네이버 등의 검색엔진에 더 잘 노출되도록 SEO (검색엔진최적화) 개선에도 관심을 가져주었으면 좋겠습니다. 티스토리 블로그는 노력에 비해 유입이 적은 것 같습니다. 2019. 12. 5.
티스토리 스킨을 변경하기 전에 해야 할 작업: 스킨 보관 및 다운로드 저는 최근 새로운 티스토리 스킨이 나올 때마다 스킨을 변경해왔습니다. 이제는 한 동안 현재 적용 중인 Book Club 스킨을 사용할 것 같습니다.스킨을 변경하기 전에 기존 스킨 파일을 보관해 놓으면 스킨 변경 후에 문제가 되거나 마음에 들지 않더라도 쉽게 이전 스킨으로 되돌릴 수 있습니다.스킨을 보관하면 스킨 파일에 수정한 내용을 그대로 보존할 수 있습니다. 스킨을 보관하지 않고 스킨을 변경한 후에는 다시 기존 스킨을 적용하면 수정한 내용이 초기화되므로, 스킨을 수정한 경우 (예를 들어, 구글 애널리틱스 코드, 구글 서치 콘솔 소유 인증 코드, 네이버 서치어드바이저 소유 확인 코드 등을 추가한 경우) 스킨을 보관하는 것이 좋습니다.스킨을 보관하거나 다운로드하려면 꾸미기 > 스킨 변경 (①)을 클릭합니다.. 2019. 11. 29.
티스토리 사이트맵을 빠르게 만드는 방법 (사이트맵 자동 생성 사이트) 네이버 웹마스터도구와 구글 서치 콘솔에 티스토리 블로그의 사이트맵을 제출하려면 사이트맵 생성 사이트에서 사이트맵을 만들 수 있습니다. XML 사이트맵을 생성하는 다양한 사이트가 있습니다. 많이 알려진 사이트 중 하나가 xml sitemap generator라는 사이트(http://www.check-domains.com/sitemap/index.php)입니다.무제한 페이지에 대하여 사이트맵을 생성해주므로 저도 이 사이트에서 사이트맵을 만들었습니다. 하지만 글 개수가 많다 보니 너무 오래 걸리고 오류가 발생하여 빠르게 사이트맵을 만들어주는 사이트가 필요했습니다. 글 개수가 많아서 사이트맵 생성에 많은 시간이 걸리는 경우 다음 사이트를 이용해볼 수 있습니다.▷ Online XML Sitemap Generato.. 2019. 11. 24.
티스토리 북클럽 Book Club 스킨에서 사이드바 고정하는 간단한 방법 이 티스토리 블로그에는 현재 Book Club (북클럽)이라는 가장 최근에 공개된 스킨이 사용되고 있습니다. 현재 사이드바의 크기를 조금 조정했고, IE를 제외하고는 사이드바가 마우스를 스크롤할 때 함께 따라 내려가도록 설정되었습니다. 저는 다음과 같은 CSS 코드를 추가했습니다./* 사이드바 너비 지정 및 고정 */@media screen and (min-width:1081px) { #aside { width: 26%; padding: 75px 0 32px; box-sizing: border-box; position: sticky; position: -webkit-sticky; top: 0; /* required */ } #container .content-wrap:before { margin-left.. 2019. 11. 20.
티스토리 Poster 스킨에서 썸네일 위치를 오른쪽에서 왼쪽으로 변경하는 방법 티스토리 스킨 중 하나인 Poster (포스터)를 적용하고 최신 글을 표시하도록 설정하면 첫 페이지(홈페이지)에서 썸네일이 오른쪽에 표시되고 요약글이 왼쪽에 표시됩니다. 썸네일 위치를 오른쪽에서 왼쪽으로 변경하고 싶은 경우, 꾸미기 > 스킨 변경 > HTML 편집 > CSS 탭에 다음과 같은 CSS 코드를 추가하면 됩니다./* Poster 스킨에서 썸네일 위치 바꾸기 */ .post-item .thum { float: left !important; margin-right: 80px; margin-left: 0 !important; } 위의 코드를 CSS 탭의 맨 아래에 추가하도록 합니다. 저장한 후에 블로그를 살펴보면 썸네일 위치가 오른쪽에서 왼쪽으로 변경되어 있는 것을 확인할 수 있을 것입니다. 이 블.. 2019. 10. 6.
티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법 이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 저는 스킨을 변경하면 제일 먼저 본문 글자 크기를 키웁니다. 이제 노안이 들 나이가 되어 글자 크기가 작은 사이트의 글을 잘 안 보게 되네요.ㅠㅠ 북 클럽 스킨에서 본문 글자 크기를 키우려면 다음과 같은 CSS 코드를 추가하면 됩니다. /* 북클럽 스킨 본문 글자 */ .entry-content p { word-wrap: break-word; font-size: 1.25em; } .entry-content a { word-wrap: break-word } /* 본문 제목 */ .post-cover h1 { .. 2019. 9. 26.
티스토리 블로그에서 글 목록이 표시되지 않는 문제가 발생하는 경우 일부 티스토리 스킨에서 홈 설정을 "최근 글"로 지정하면 글 목록이 표시되지 않는 문제가 발생하는 버그가 있는 것 같습니다. 예를 들어, 다음 그림과 같이 티스토리 블로그의 첫 화면이나 카테고리 페이지에 접속했을 때 아무런 글이 표시되지 않을 수 있습니다. 이 문제는 홈 설정의 '목록 구성 요소'를 '목록만'으로 설정하는 경우에 주로 발생합니다. 최근 글을 나열하는 경우 '목록 구성 요소' 설정을 '내용만' 또는 '목록 + 내용'으로 바꾸면 문제가 해결될 수 있습니다. 최근 공개된 티스토리 블로그에서 테스트해보니 Book Club, Whatever, Poster, Letter, Magazine에서 이 문제가 나타났습니다. 그리고 #1 스킨에서도 마찬가지로 이 문제가 발생했습니다. 다만, Portfolio.. 2019. 9. 15.
티스토리 북클럽 스킨에서 새로운 글을 발행할 때 레이아웃이 제대로 적용되지 않는 문제가 발생하는 경우 티스토리 Book Club(북 클럽) 스킨에서 가끔 새로운 글을 작성하면 레이아웃이 제대로 적용되지 않는 현상이 발생하는 것을 발견했습니다. 가령, 다음 그림과 같이 사이드바가 오른쪽에 표시되지 않고 푸터 아래에 표시되었습니다. 특정 글에서 이런 현상이 발생하고, 동일한 콘텐츠로 글을 다시 발행해도 문제가 해결되는 경우도 있고 그렇지 않은 경우도 있었습니다. 티스토리 글 편집기를 새 편집기로 바꾸어서 글을 작성하여 발행해보니 또 문제가 해결되기도 합니다. 에러를 체크해보니 다음과 같은 오류가 발생하는 것이 확인되었습니다. GET https://tistory2.daumcdn.net/tistory/2828172/skin/images/script.js net::ERR_ABORTED 404 아마 script.j.. 2019. 9. 15.
티스토리 Book Club 스킨 수정: 글 제목 아래에 댓글 개수 및 링크를 표시하는 방법 티스토리 북클럽(Book Club) 스킨을 적용하면 그림과 같이 포스트 제목 아래에 글쓴이 이름과 글 발행 날짜가 표시됩니다. 저는 사용자 이름은 삭제하고 글 작성 일자 옆에 댓글 개수를 표시했습니다. 그리고 클릭하면 댓글 섹션으로 이동하도록 수정했습니다. 이와 같이 변경하려는 경우 스킨을 약간 수정하면 됩니다. 먼저 티스토리에 로그인한 후에 꾸미기 > 스킨 편집 > html 편집 >HTML으로 이동합니다. 위와 같은 화면이 표시되면 Ctrl + F를 눌러 background-image:url()을 검색합니다. 바로 아래에 보면 다음과 같은 코드가 있습니다. by 위의 부분을 다음과 같이 변경합니다. 댓글 개 Author 부분을 그대로 두고 싶다면 by 라인은 삭제하지 않도록 합니다. 그런 다음 를 검색.. 2019. 9. 13.