티스토리 북클럽 스킨의 스킨 편집에서 홈 설정을 커버로 지정하고 뉴스레터 아이템을 배치하면 썸네일이 오른쪽에 표시됩니다. 뉴스레터 아이템의 썸네일 위치를 오른쪽에서 왼쪽으로 변경하고 싶은 경우 간단한 CSS 코드를 사용할 수 있습니다. 티스토리 북클럽 스킨: 커버 뉴스레터 아이템 썸네일 위치 변경 방법 티스토리 북클럽(Book Club) 스킨에서 홈 설정을 커버로 설정하고 뉴스레터 아이템을 추가하면 다음 그림과 같이 썸네일이 오른쪽에 표시됩니다. 바로 옆에 사이드바가 있기 때문에 답답해 보인다면 썸네일을 왼쪽으로 이동시키는 것을 고려해볼 수 있습니다. 뉴스레터 아이템의 썸네일을 오른쪽에서 왼쪽으로 이동시키려면 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 북클럽 스킨: 첫 페이지 썸네일 위치 변경..

PC에서 티스토리 블로그 글 상단에 구글 애드센스 광고 2개를 나란히 배치하고 모바일에서는 1개를 배치하고 싶은 경우가 있습니다. 여러 가지 방법으로 PC에서 상단에 2개, 모바일에서 1개 광고를 표시할 수 있습니다. 티스토리 블로그 포스트 상단에 구글 애드센스 광고 2개 배치 방법 잠시 시간을 내어 PC에서는 글 상단에 2개의 애드센스 광고를 표시하고 모바일에서는 지저분하게 보여서 광고를 표시하지 않도록 바꾸었습니다. PC에서 2개, 모바일에서 1개의 광고를 표시하도록 하려면 다음 단계에 따라 광고 코드를 애드센스 플러그인이나 직접 HTML 파일에 추가하면 됩니다. 1. 광고 단위 생성하기 먼저 광고를 생성해야 합니다. 저는 300x250px 크기를 이용했습니다. 편의를 위해 300x250px 크기의 ..

어제 티스토리에서 두 가지 업데이트를 내놓았습니다. 하나는 구글 서치콘솔 플러그인을 오픈한 것이고 다른 하나는 티스토리 사이트맵 자동 생성 기능을 추가한 것입니다. 이제 티스토리 블로그에서도 사이트맵이 자동 생성되므로 더 이상 사이트맵을 수동으로 생성하여 업로드할 필요가 없게 되었습니다. 목차 티스토리 사이트맵 자동 생성 기능과 아쉬운 점 2020년 4월 27일부터 티스토리의 모든 블로그에 사이트맵이 자동 생성되도록 업데이트되어 그동안 외부 서비스를 이용해야 했던 불편함이 개선되었습니다. [안내] 블로그 사이트맵이 자동으로 생성됩니다. 안녕하세요 티스토리팀입니다. 2020년 4월 27일부터 티스토리 모든 블로그에는 사이트맵이 자동 생성됩니다. 그동안 사이트맵 생성을 위하여 외부 서비스를 이용해야 했던 불..

오늘 엣지 브라우저 (Microsoft Edge)에서 이 티스토리 블로그의 인용구 텍스트를 확인해보니 텍스트가 콘텐츠 컨테이너 범위를 벗어나서 한 줄로 표시되는 것을 발견했습니다. 저는 글을 발행하고 보통 크롬에서 확인하기 때문에 엣지 브라우저에서 이와 같은 문제가 나타나는 것을 미처 인식하지 못했습니다. 인용구에서 텍스트가 콘텐츠 영역을 벗어나는 경우 해결 방법 [CSS] 보통 긴 URL이 다음 라인으로 줄 바꿈 되지 않고 콘텐츠 영역을 벗어나는 경우가 있지만, 위의 그림과 같은 경우는 드문 것 같습니다. 긴 URL을 강제 줄 바꿈 하려면 다음 CSS 코드를 적용하면 많은 상황에서 문제가 해결됩니다. overflow-wrap: break-word; word-wrap: break-word; 혹시나 싶어 ..

이 블로그에는 현재 가장 최근에 티스토리에서 공개한 Book Club 스킨이 적용되어 있습니다. 이 스킨을 사용하기 전에 Magazine (매거진) 스킨을 적용했었습니다. 매거진 스킨도 나름 깔끔하고 괜찮은 것 같습니다. 이 글에서는 티스토리 매거진 스킨에서 본문 글자 크기를 변경하는 방법에 대해 간단히 살펴보겠습니다. 참고로 워드프레스의 경우 아바다, 뉴스페이퍼, Divi 등의 테마에서는 쉽게 본문 글자를 비롯한 다양한 요소(헤더, 메뉴, 푸터, 위젯...)의 글자 크기 등을 변경할 수 있습니다. 테마 옵션에서 해당 옵션이 제공되지 않으면 약간의 CSS 코드를 사용하여 변경이 가능합니다. 워드프레스 글자 크기 변경하는 방법 (제목, 본문 등) - 워드프레스 정보꾸러미 워드프레스에서 제목, 본문 등의 글..

티스토리 블로그에서는 사이트맵 자동 생성 기능을 제공하지 않기 때문에 주기적으로 사이트맵을 생성하여 업로드하고 있습니다. 글 개수가 많으면 사이트맵 생성에 시간이 많이 걸리고, 사이트맵 생성에 실패할 수 있습니다. 사이트맵 생성 시 시간이 너무 걸리거나 도중에 문제가 발생하는 경우 다음 글에서 소개하는 사이트에서 사이트맵 생성을 시도해보면 문제가 발생하지 않을 수 있습니다. 티스토리 사이트맵을 빠르게 만드는 방법 (사이트맵 자동 생성 사이트) 네이버 웹마스터도구와 구글 서치 콘솔에 티스토리 블로그의 사이트맵을 제출하려면 사이트맵 생성 사이트에서 사이트맵을 만들 수 있습니다. XML 사이트맵을 생성하는 다양한 사이트가 있습니다. 많이 알려진 사.. avada.tistory.com 티스토리 사이트맵 주소 문..

리뷰요정 리남이라는 유튜버가 올린 영상에서 티스토리 블로그로 한 달 동안 수익을 1000만 원을 달성했다고 하네요. 티스토리 블로그로 한 달 천만원 수익을 달성했다니 정말 대단하네요. 리남님은 또한 워드프레스에 대한 영상도 올렸는데요. 워드프레스에 대해 안 좋은 경험이 있는지 몰라도 워드프레스에 대한 평가는 박한 편이네요. 워드프레스 블로그 vs. 티스토리 블로그 저는 워드프레스를 먼저 시작했다가 티스토리 블로그도 함께 운영하고 있습니다. 순전히 개인적인 경험인데요. 비슷한 규모의 티스토리 블로그와 워드프레스 블로그를 비교했을 때, 비슷한 주제의 글을 비슷한 개수로 발행했을 때, 티스토리보다 워드프레스에서 더 많이 유입되는 것을 경험했습니다. 워드프레스는 SEO에 강하기 때문에 구글에 잘 노출됩니다. 하..

이 티스토리 블로그에는 현재 Book Club 스킨에서 제공하는 메뉴 대신 반응형 CSS 메뉴 라이브러리인 JMenu가 사용되고 있습니다. 티스토리에 반응형 CSS 메뉴 (드롭다운 메뉴) 추가하는 방법 - JMenu 구글을 검색해보면 많은 메뉴 라이브러리를 찾을 수 있을 것입니다. 저는 일부러 CSS만으로 구현된 CSS 라이브러리를 선택했습니다. JMenu를 활용하여 메뉴를 추가하면 위의 그림처럼 티스토리에서 메뉴 항목을 사용자가 원하는 대로 추가할 수 있고 드롭다운도 가능합니다. 다른 방법으로 "HTML과 CSS로 심플한 메뉴를 추가했습니다" 글에서 소개하는 사이트를 활용하여 메뉴를 추가할 수도 있습니다. JMenu에 대한 자세한 내용은 다음 GitHub 사이트에서 확인할 수 있습니다. jamesjoh..

제가 자주 방문하는 티스토리 블로그에 댓글을 달려고 시도하면 '이 블로그에서 지정한 스팸필터에 의해 등록이 제한되었습니다' 메시지가 표시되면서 댓글을 달지 못하는 문제를 경험하고 있습니다. 티스토리 '이 블로그에서 지정한 스팸필터에 의해 등록이 제한되었습니다' 오류 메시지 이 문제를 티스토리 고객센터에 연락하여 문의해보았습니다. 고객님께서 댓글을 작성하신 블로그에서 정한 스팸 필터에 의해 등록이 제한된 사항으로 저희 쪽에서 도움드리기 어려운 점 양해 부탁드리겠습니다. 해당 블로그에서 어떤 스팸 필터를 설정했는지 확인 및 해제를 도움드리기 어려운 점 양해 부탁드리겠습니다. 번거로우시더라도 다른 내용으로 댓글을 작성해 보시길 부탁드리겠습니다. 직접적인 도움을 드리지 못해 죄송합니다. 위와 같은 답변을 받았습..

어제 티스토리에서 글을 거의 다 작성하고 '맞춤법검사'를 마친 후에 맞춤법검사 닫기 (X) 아이콘을 누르니 맨 아래에 있어야 하는 "완료" 버튼이 있는 표시줄이 사라지는 황당한 현상을 경험했습니다. 글을 작성할 때 자주 '임시저장' 버튼을 눌러 글을 저장해야 할 것 같습니다. 또 임시저장한 글이 삭제되는 버그도 드물지만 발생하는 것 같습니다.ㅠ 저는 글 작성을 시작하면 마무리하여 글을 발행하는 스타일이라 여러 개의 글을 임시저장하는 경우는 없지만 (사실 임시저장 기능 자체를 이용하지 않았지만), 만약 여러 개의 글을 동시에 작성하면서 임시저장 기능을 이용할 때에는 조심해야겠습니다. 무료 블로그 중에서 티스토리만 한 것이 없지만 SEO 설정 등 몇 가지 아쉬운 점이 있네요. 참고: 티스토리 북클럽 (Boo..