IT & 기타/티스토리 194

티스토리에서 워드프레스로 이전하기: 이미지 경로를 절대 경로로 변경하기

이전 글에서 티스토리에서 워드프레스로 이사하는 방법에 대하여 설명한 적이 있습니다. 티스토리에서 워드프레스로 이사하기 (티스토리 백업 이용) 티스토리는 카카오 데이터센터 화재 이후 데이터 백업 기능이 추가되었습니다. 최근 티스토리에서 6월부터 티스토리 자체 광고 신설에 대한 공고를 올렸습니다. [안내] 6월부터 티스토리 자체 avada.tistory.com 위의 글에서는 html 파일에서 이미지 경로를 백업 파일에서와 같이 상대 경로로 되어 있는 상태에서 자바스크립트 코드를 사용하여 경로를 재지정하는 방식으로 설명되어 있습니다. 조금 다른 방법으로, html에서 파일 경로를 미리 절대 경로로 변경하면 임포트 후에 자바스크립트를 사용할 필요가 없을 것입니다. 티스토리에서 워드프레스로 이전하기: 이미지 경로..

티스토리에서 워드프레스로 이사하기 (티스토리 백업 이용)

티스토리는 카카오 데이터센터 화재 이후 데이터 백업 기능이 추가되었습니다. 최근 티스토리에서 6월부터 티스토리 자체 광고 신설에 대한 공고를 올렸습니다. [안내] 6월부터 티스토리 자체 광고를 신설합니다. 안녕하세요. 티스토리팀입니다. 오는 6월부터 개별 티스토리 본문 내에 티스토리 자체 광고를 신설할 예정입니다. 티스토리 자체 광고를 통한 수익은 안정적인 서비스 환경 제공을 위해 활용될 notice.tistory.com 이 때문에 애드센스 광고를 게재하여 수익을 내는 사용자들로부터 비판을 받고 있고 일부 사용자는 워드프레스 등으로 이전하고 있습니다. (저는 애드센스 광고를 제거했습니다.😁😁😁) 티스토리 백업을 이용하여 워드프레스로 이전하는 것이 가능합니다. 티스토리 백업본을 가지고 워드프레스로 이전하고..

6월부터 티스토리 자체 광고 신설: 애드핏이 티스토리 자체 광고일까?

지난 5월 31일, 티스토리는 "6월부터 티스토리 자체 광고를 신설"한다는 공지를 올렸습니다. 내용을 살펴보면 블로그의 본문 상단 혹은 하단 중 한 곳에 노출하고 "티스토리 자체 광고를 통한 수익은 안정적인 서비스 환경 제공을 위해 활용될 예정"이라고 합니다. 6월부터 티스토리 자체 광고 신설 카카오에서 운영하는 광고는 애드핏이기 때문에 저는 애드핏을 달지 않을까 생각했습니다만, 제 티스토리 블로그의 HTML 소스 코드를 보고서 조금 놀랐습니다. 티스토리에서 다는 자체 광고는 애드핏이 아닌 애드센스 광고일 것으로 보입니다. 티스토리 블로그의 페이지 소스에서 pub-으로 검색해 보면 두 가지 pub 코드가 삽입되어 있는 것을 확인할 수 있습니다. 하나는 블로그 운영자의 pub 코드이고 다른 하나는 카카오의..

티스토리 스피드스타 스킨에서 유튜브 영상이 올바르게 삽입되지 않는 문제 해결

이 티스토리 블로그에는 스피드스타라는 스킨이 사용되고 있습니다. 티스토리가 업데이트되면서 어느 순간부터 이 블로그에 삽입된 유튜브 영상들이 제대로 표시되지 않고 있습니다. 유튜브가 표시될 자리에 여백이 표시되거나 줄이 표시되는 현상이 발생했습니다. 티스토리 스피드스타 스킨에서 유튜브 영상이 올바르게 삽입되지 않는 문제 해결 스피드스타 스킨에서 이 문제가 발생하는 경우 꾸미기 » 스킨 편집 »HTML 편집에서 을 검색하여 다음 CSS 코드를 추가하면 문제가 해결될 것입니다. a[href*=youtu]>.resvid { padding-bottom: 56.25%!important; } 저는 살펴보니 다음 라인이 추가되어 있어 삭제하고 위의 라인을 추가하니 문제가 해결되었습니다. .resvid {padding-..

티스토리 400 Bad Request - Request Header Or Cookie Too Large 오류 해결

어제 갑자기 티스토리 블로그에 로그인하려고 시도하니 400 Bad Request - Request Header Or Cookie Too Large 에러가 발생하면서 티스토리 관리자 페이지뿐만 아니라 모든 티스토리 사이트에 접근할 수 없는 에러가 발생했습니다. 티스토리 400 Bad Request - Request Header Or Cookie Too Large 오류 어제 위와 같은 오류가 발생한 이후로 티스토리(tistory.com)에 접속하니 "지금 이 페이지가 작동하지 않습니다"와 함께 HTTP ERROR 400 오류가 표시되었습니다. 이 문제를 검색해 보니 인터넷 사용자 기록을 삭제하면 된다고 하여 인터넷 사용자 기록을 삭제해도 해결이 되지 않았습니다. 크롬에서는 설정 » 개인 정보 보호 및 보안에..

티스토리 스피드 스타 스킨: 유튜브 영상 아래 여백 제거하기

이 티스토리 블로그에는 현재 스피드 스타(Speed Star)라는 스킨이 사용되고 있습니다. 얼마 전부터 유튜브 영상 링크로 유튜브 동영상을 삽입하면 영상 아래에 여백이 표시되는 문제가 발생했습니다. 이전에는 발생하지 않았는데, 카카오 데이터센터 화재 사건 이후에 티스토리가 업데이트되면서 이런 문제가 발생하는 것 같습니다. 티스토리 스피드 스타 스킨: 유튜브 영상 아래 여백 제거하기 스피드 스타 스킨에서 유튜브 영상 삽입 시 위의 그림과 같이 아래에 여백이 표시된다면 꾸미기 » 스킨 편집 » HTML 편집 » HTML 섹션에서 [****]을 검색하여 바로 위에 다음 코드를 추가하면 문제가 해결될 것입니다. .resvid {padding-bottom:0;} 다음 그림과 같이 추가하시면 됩니다. 스피드 스타..

티스토리 블로그 이사 후에 리디렉션 설정하기

카카오 데이터 센터 화재 사건 이후에 티스토리에서는 데이터 백업 옵션을 제공하고 있습니다. 티스토리 데이터를 백업하여 워드프레스 등으로 이사 갈 수 있습니다. 티스토리에서 워드프레스 이전 작업 지난 1월 3일, 티스토리 운영진은 사전 안내를 통해 서비스 내 광고 게재와 관련된 티스토리 이용약관 개정에 대해 발표했습니다. 개정된 이용약관의 요점은 티스토리 운영업체(카카오)가 서비 avada.tistory.com 티스토리 블로그 이전 후에 리디렉션을 설정해 주어야 기존 URL로 접속하는 사용자들을 새 사이트 URL로 이동시킬 수 있습니다. 티스토리 블로그 이사 후에 리디렉션 설정하기 티스토리에 2차 도메인(개인 도메인)을 연결한 경우에는 블로그 주소가 대응되는 경우에는 이사 후에 별도의 리디렉션을 설정할 필..

티스토리에서 워드프레스 이전 작업

지난 1월 3일, 티스토리 운영진은 사전 안내를 통해 서비스 내 광고 게재와 관련된 티스토리 이용약관 개정에 대해 발표했습니다. 개정된 이용약관의 요점은 티스토리 운영업체(카카오)가 서비스 내에 광고를 게재할 수 있고, 게재되는 광고의 형태 및 위치, 노출 빈도, 수익의 귀속을 티스토리가 결정한다는 내용입니다. 이러한 카카오의 발표에 일부 사용자들은 티스토리를 이탈하고 있습니다. 어제는 티스토리 블로그를 워드프레스로 이전하는 작업을 맡았습니다. [참고*2023년 6월 티스토리 자동 광고 신설 이후 일부 티스토리 사용자들이 워드프레스로 이전하고 있습니다. 이 글을 작성할 당시의 방법으로 이전을 시도하면 이미지가 제대로 임포트되지 않는 등의 문제가 발생하고 있습니다. 아래의 글에서 설명한 방법으로 티스토리 ..

티스토리에서 "쿠팡 방문하고 계속 읽기" 배너 표시하기

뉴스픽이나 워드프레스 블로그에서 "쿠팡 방문하고 계속 읽기" 버튼이나 배너가 표시되는 경우가 있습니다. 글을 읽기 위해서는 반드시 배너를 클릭해야 하기 때문에 이런 배너를 표시하면 사용자 경험(UX)에 안 좋은 영향을 줄 수 있습니다. 이 티스토리 블로그와 제 워드프레스 블로그에는 페이지 로드 후 일정 시간 후에 (하루에 한 번, 이 블로그는 이틀에 한 번) 네이버 카페 방문하기 배너를 표시하고 있습니다. 위의 배너를 클릭하여 네이버 카페를 방문하여 회원가입해주시면 이 블로그 운영에 도움을 주실 수 있습니다. 또한, 워드프레스와 티스트리 등에 대한 정보를 공유하실 수 있습니다. 워드프레스에서 "쿠팡 방문하고 계속 읽기" 배너를 만드는 방법 워드프레스를 이용하는 경우 Bloom 플러그인(유료)이나 Brav..

스피드스타 스킨: 본문 제목 드래그 방지 해제

이 블로그에는 스피드스타라는 티스토리 스킨이 적용되어 있습니다. 지난달 카카오 데이터센터 화재 사건 이후 일부 기능이 작동하지 않는 문제가 발생했지만 최근 스피드스타 개발자께서 버그를 패치한 업데이트를 내놓았습니다. 스피드스타 스킨에서 글 제목에 드래그 방지 코드가 적용되어 있어 제목을 선택하여 복사할 수 없습니다. 이 점이 불편한 경우 드래그 방지 코드를 제거하여 본문 제목이 선택 가능하도록 설정할 수 있습니다. 스피드스타 스킨: 본문 제목 드래그 방지 해제 스피드스타 스킨에서 본문 제목을 선택할 수 있도록 변경하려면 스킨 편집 » html 편집 » HTML 탭에서 다음 코드 부분을 검색합니다. title{font-weight:700;word-break:break-all;margin:25px 0;lin..