IT & 기타/티스토리 194

티스토리에 워드프레스 하위 도메인을 연결하는 방법

기본 도메인에 대하여 애드센스 승인을 받으면 하위 도메인(서브도메인)은 별도의 검토 절차 없이 애드센스 광고를 게재할 수 있습니다. 워드프레스에서 애드센스 승인을 받고 하위 도메인을 티스토리에 연결하면 곧바로 애드센스 광고를 표시할 수 있습니다. 티스토리에 워드프레스 하위 도메인을 연결하는 방법 네이버 지식인에 티스토리에 워드프레스 하위 도메인을 연결하는 방법에 대한 질문이 올라와서 화면을 캡처해 보았습니다. 질문 내용: 워드프레스로 애드센스 승인을 받았습니다. 티스토리에 하위도메인을 씌워서 운영하려 하는데요. 클라우드웨이즈와 네임칩을 이용했는데요. 각각 어디서 어떻게 하는 줄 모르겠어요. 네임칩에서 host.tistory.io.까지는 등록했습니다. 클라우드웨이즈 어플케이션 추가에서 부터 막히네요 도메인..

플러그인을 사용하여 티스토리 블로그를 쉽게 워드프레스로 옮기는 방법

카카오 데이터센터 화재 사건 이후 티스토리 백업 기능이 부활했습니다. 티스토리 백업본을 사용하여 워드프레스로 이전하는 것이 가능합니다. 티스토리 백업 파일을 이용하여 워드프레스로 이사하는 방법 하지만 이 방법은 컴퓨터를 잘 모르는 경우 쉽지 않을 수 있습니다. 다른 방법으로 크롤링/스크래핑 플러그인을 사용하여 워드프레스 사이트로 티스토리 콘텐츠를 옮기는 것이 가능합니다. 플러그인을 사용하여 티스토리 블로그를 쉽게 워드프레스로 옮기는 방법 코딩 지식이 없어도 쉽게 티스토리 블로그를 워드프레스로 마이그레이션하는 방법을 찾다가 Crawlomatic이라는 크롤러/스크래퍼 플러그인을 발견했습니다. 이 플러그인을 사용하여 티스토리뿐만 아니라 유머 사이트나 커뮤니티 사이트의 콘텐츠를 워드프레스로 파싱/스크래핑할 수 ..

티스토리 스킨: 댓글 개수 표시하기 (feat. 오디세이 스킨)

이 티스토리 블로그에서는 스피드 스타라는 유료 스킨을 한 동안 사용하다 현재는 오디세이(Odyssey)라는 기본 스킨 중 하나를 사용하고 있습니다. 시간이 날 때마다 스킨을 조금씩 수정하고 있습니다. 개별 글에서 제목 아래에 댓글 개수가 나오도록 수정해 보았습니다. 오디세이 스킨을 기준으로 글 제목 아래에 댓글 개수를 표시하고, 댓글 개수를 클릭하면 댓글 섹션으로 이동하도록 하는 방법에 대하여 살펴보겠습니다. 다른 스킨을 사용하는 경우에도 동일한 방법으로 가능합니다. 티스토리 스킨: 댓글 개수 표시하기 티스토리 블로그 글 제목 아래의 댓글 개수(예: 댓글: 3개)를 표시하고 댓글 개수를 클릭하면 댓글 섹션으로 이동하도록 했습니다. 티스토리에서 댓글 개수를 표시하는 치환자 코드는 다음과 같습니다. {##_..

심플한 티스토리 자동 목차 스크립트 (자바스크립트 & CSS)

이 티스토리 블로그의 스킨을 티스토리의 공식 스킨 중 하나인 Odyssey로 변경한 후에 목차를 추가하지 않고 있었습니다. 기존에 만들어진 목차 스크립트를 활용하면 되지만 jQuery로 만들어진 것이 많아서 저는 자바스크립트로 허접하지만 심플한 목차 스크립트를 만들어 추가했습니다. 심플한 티스토리 자동 목차 스크립트 별다른 기능은 없고 H2 태그가 2개 이상이면 목차를 첫 번째 H2 태그 위에 표시하도록 만들었습니다. 그리고 목차 항목에는 H2, H3, H4만 고려하도록 했습니다. 코드도 단순하여 사이트에 속도에도 영향을 거의 안 미치는 것 같습니다. 심플한 목차를 원하는 경우 이런 목차도 괜찮지 않을까 생각됩니다. 제가 만든 허접하지만 심플한 목차 스크립트입니다.😁😁😁 JS 코드 CSS /* TOC *..

티스토리 Odyssey 스킨: 최신 댓글을 먼저 표시하는 방법 (댓글 순서 변경)

티스토리에서는 댓글이 보통 오래된 댓글이 먼저 표시되고 최신 댓글이 아래에 표시됩니다. 워드프레스에서는 댓글 순서를 설정하는 옵션이 제공되지만, 티스토리에서는 스킨에서 옵션을 제공하지 않으면 오래된 댓글이 먼저 표시됩니다. 티스토리 Odyssey 스킨의 경우 댓글과 관련된 별도의 옵션은 없는 것 같습니다. 오디세이 스킨에서 최신 댓글을 먼저 표시되도록 하고 싶은 경우 간단한 CSS를 사용할 수 있습니다. 티스토리 Odyssey 스킨: 최신 댓글을 먼저 표시하는 방법 (댓글 순서 변경) 티스토리 블로그에서는 일반적으로 오래된 댓글에서 최신 댓글 순으로 표시됩니다. 워드프레스에서는 최신 댓글/오래된 댓글이 먼저 표시되도록 하는 옵션이 제공됩니다. 위의 그림에서 한국어 번역이 잘못되었네요. "이전/다음 댓글"..

티스토리에서 강제 팝업 배너 노출을 규제하네요

이 블로그에서는 글 하단까지 스크롤하면 네이버 카페로 이동하는 배너가 표시되도록 코드를 넣었습니다. 배너를 클릭하지 않으면 배너가 사라지지 않도록 설정했습니다. 티스토리에서 강제 팝업 배너 제거 경고 하지만 카카오에서 강제 팝업 배너를 제거할 것을 경고하는 메일을 보내왔네요. "강제 팝업 배너 노출로 화면 내 다른 영역으로 접근을 방해하는 코드가 포함되어 있습니다. 티스토리 이용 약관에 따라 규제될 수 있으니 해당 팝업 제거를 7일 이내에 시정 조치해주시기 바랍니다"라는 내용인데요. 누가 신고를 한 것인지, 아니면 카카오의 자체 모니터링에 의해 발견된 것 같습니다. 워드프레스에서는 이런 제약이 없는데, 티스토리에는 제약이 조금 있네요. 가령, 다른 사이트로 리디렉션을 설정할 경우에도 1차 경고 후 시정되..

티스토리 오디세이 스킨에서 블로그 글 제목 글자 크기 조정하기

티스토리 공식 스킨 중 하나인 오디세이(Odyssey)를 사용하는 경우 블로그 글 제목이 길어지면 제목 일부만 표시됩니다. 특히 모바일에서 이런 현상이 두드러집니다. 제목이 긴 경우에도 모두 혹은 일정 길이 이상 표시되도록 하고 싶은 경우에는 CSS를 사용하여 제목 글자 크기를 조정하는 것을 고려할 수 있습니다. 티스토리 오디세이 스킨에서 블로그 글 제목 글자 크기 조정하기 이 티스토리 블로그에는 현재 오디세이(Odyssey)라는 스킨이 적용되어 있습니다. 깔끔한 스킨을 원하는 경우 괜찮은 선택 같습니다. 이 스킨을 사용하는 경우 블로그 제목이 긴 경우 그림과 같이 제목 일부만 표시되고 나머지는 생략 기호(...)로 표시됩니다. 특히 모바일에서 이 현상이 두드러집니다. 모바일에서 블로그 글에 접속하더라도..

티스토리 오디세이 스킨: 사이드바 고정하기

저는 대부분의 워드프레스 사이트에서는 CSS를 사용하여 사이드바를 고정하고 있습니다. 뉴스페이퍼 등 일부 유료 테마에서는 테마 옵션을 통해 사이드바 붙박이(Sticky) 기능을 제공하지만, 그런 기능이 제공되지 않을 경우 보통 CSS로 고정하는 것이 가능합니다. GeneratePress 테마 사이드바 고정하기 (How to make the sidebar sticky in GeneratePress) - 워드프레스 정보꾸러 최근 들어 Astra 테마와 GeneratePress 테마에서 사이드바를 고정하기 위해 사용된 CSS 코드가 제대로 작동하지 않는다고 몇 분이 알려주었습니다. Sticky Menu & Sticky Header 플러그인을 사용하는 것을 고 www.thewordcracker.com 이 블로그..

티스토리에 소셜 공유 버튼과 URL 복사 버튼 추가하기

이 티스토리 블로그에서는 한동안 스피드스타라는 스킨을 사용하다 어제 오디세이(Odyssey)라는 기본 스킨 중 하나로 변경했습니다. 오디세이 스킨이 깔끔하고 좋은 것 같지만 소셜 공유 버튼 기능이 없네요. 소셜 공유 버튼과 URL 복사 버튼을 워드프레스 사이트에 사용하는 코드를 응용하여 추가했습니다. 티스토리에 소셜 공유 버튼과 URL 복사 버튼 추가하기 네이버, 페이스북, 트위터 SNS 공유 버튼과 현재 페이지 URL을 복사하는 URL 복사 버튼을 추가했습니다. 기본적으로 다음 글에서 제시된 코드를 사용했습니다. 이 워드프레스 블로그에 사용된 SNS 공유 버튼 & URL 복사 버튼 - 워드프레스 정보꾸러미 이 워드프레스 블로그에는 플러그인을 사용하지 않고 직접 코드를 만들어 네이버, 페이스북, 트위터 ..

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

어제 제 티스토리 블로그에서 '응답 없는 페이지' 경고가 표시되면서 블로그 글들이 제대로 로드되지 않는 현상이 발생했습니다. 이 문제는 아마도 티스토리 개발팀이 티스토리를 업데이트하면서 사용 중인 스킨과 충돌을 일으켜 발생한 것 같습니다. 스킨에 포함된 자바스크립트에서 무한 루프에 걸려서 이런 현상이 발생하는 것이 아닌가 생각되네요. 스피드스타라는 유료 스킨을 사용하고 있었는데요. 지난 10월에도 티스토리 시스템 업데이트로 갑자기 댓글 영역이 표시되지 않아서 긴급히 수정한 적이 있습니다. 티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제 최근 티스토리에서 시스템을 변경하면서 스피드스타 스킨에서 댓글 영역이 표시되지 않는 문제가 나타나고 있는 것 같습니다. 댓글이 달리지 않아서 살펴보니 5일 전에..

베스트셀링 DIVI 테마
16주년 기념 세일!
자세히 보기