IT & 기타/티스토리 195

티스토리 이미지 두 개 나란히 배열 시 추가로 이미지가 표시되는 문제

티스토리에서 이미지를 끌어다가 다른 이미지 옆에 놓으면 이미지 두 개를 나란히 배열할 수 있습니다. 하지만 언제부터 생긴 문제인지는 모르겠지만 이미지 두 개를 나란히 배열할 때 바로 아래에 이미지 하나가 사라지지 않고 계속 표시가 됩니다. 티스토리 버그인 것 같은데요. 이 문제가 나타나는 경우 아래의 방법으로 임시로 추가로 표시되는 이미지를 숨길 수 있습니다. 티스토리 이미지 두 개 나란히 배열 시 추가로 이미지가 표시되는 문제 티스토리에서 이미지 두 개를 나란히 배열하고 싶은 경우 두 개의 이미지를 삽입한 후에 이미지 하나를 다른 이미지 옆으로 이동시키면 됩니다. 하지만 이 방법을 사용하여 이미지 두 개를 일렬로 나열해보니 이제는 아래에 이미지 하나가 숨겨지지 않고 표시되는 현상이 나타나는 것 같습니다..

자바스크립트를 사용하여 티스토리   제거하는 방법

티스토리에서 글을 작성할 때 복사한 텍스트를 붙여넣기 하면 공백 대신 문자가 삽입되는 경우가 많습니다. 이 경우 복사한 텍스트를 HTML 모드에서 붙여넣기 하면 가 삽입되지 않습니다. 하지만 이 방법은 귀찮기 때문에 저는 그냥 본문에 붙여넣기 합니다. 다른 방법으로 자바스크립트를 사용하여 티스토리에서 를 제거하는 것도 가능합니다. 자바스크립트를 사용하여 티스토리 제거하는 방법 이전 글에서는 jQuery를 사용하여 [** **]를 제거하는 방법에 대해 설명한 적이 있습니다. 하지만 그 방법을 이용할 경우 고래스킨에서 신고 버튼이 작동하지 않는 문제가 발생했습니다. 자바스크립트를 사용하면 블로그 속도에도 덜 영향을 미치고 티스토리 신고 버튼에도 영향을 미치지 않는 것 같습니다. [참고*"NBSP 문자 제거 ..

티스토리 미니멀스타 스킨 커스텀 (개인 정리용)

지난주 월요일에 티스토리 스킨을 미니멀스타로 변경하여 약 일주일 동안 세팅을 하였습니다. 미니멀스타는 많은 옵션을 제공하기 때문에 세부 옵션을 살펴보면서 세팅해야 하지만 저는 필수 설정을 한 후에 마음에 들지 않는 부분을 조금씩 수정했습니다. 추후에 미니멀스타 스킨이 업데이트되어 다시 수정해야 하는 경우를 대비하여 이 블로그를 커스텀하면서 수정이 필요한 부분을 정리해보았습니다. 워드프레스의 경우 차일드 테마를 만들어 작업하면 추후에 테마가 업데이트되더라도 수정 부분을 다시 추가할 필요가 없지만 티스토리의 경우 그런 시스템이 안 되어 있어 조금 불편한 것 같습니다. 티스토리 미니멀스타 스킨 커스텀 (개인 정리용) 1년 이상 무료 티스토리 스킨인 고래스킨을 사용하다 미니멀스타 스킨으로 변경했습니다. Mini..

티스토리 블로그 리뉴얼 - 미니멀스타 스킨으로 변경

오랜만에 티스토리 블로그를 리뉴얼했습니다. 티스토리 기본 스킨인 #1과 Book Club에 이어 고래스킨을 적용하여 1년 반 정도 사용하다 이번에는 유료 스킨인 미니멀스타로 바꾸었습니다. 미니멀스타가 속도면에서는 다른 티스토리 스킨보다는 우수한 것 같습니다. 티스토리 블로그 리뉴얼 - 미니멀스타 스킨으로 변경 고래스킨으로 정착할 생각이었지만 최근 릴리스된 미니멀스타로 스킨을 변경했습니다. 고래스킨도 나름 괜찮은 무료 스킨 같습니다. 저는 위의 그림과 같이 조금 커스텀하여 사용해왔습니다. 미니멀스타는 속도면에서 최적화된 티스토리 스킨 같습니다. 티스토리에서 가장 빠른 유료스킨 - 미니멀 스타를 판매합니다. 블로거에게 가장 좋은 스킨이란 빠른 스킨입니다. 속도는 블로거의 경쟁력입니다. 독자들은 느린 것을 싫..

티스토리 이미지가 JFIF 포맷으로 저장되는 경우(JPG 형식으로 변경)

언제부터인가 제 티스토리 블로그의 이미지를 저장하려고 시도하면 jpg 형식이 아닌 jfif 형식으로 저장되는 현상이 나타났습니다. 이 문제는 구글 크롬 계열(마이크로소프트 엣지, 오페라 브라우저 포함)에서 나타나고 파이어폭스 등의 브라우저에서는 나타나지 않습니다. 티스토리 블로그 내의 이미지를 JFIF 포맷이 아닌 JPG 포맷으로 저장하고 싶은 경우 레지스트리 항목 하나를 수정하면 됩니다. 티스토리 이미지가 JFIF 포맷으로 저장되는 경우(JPG 형식으로 변경) 티스토리 블로그 내의 이미지를 저장하려고 시도하면 다음과 같이 jfif 포맷으로 저장되는 경우가 있습니다. 이 현상은 워드프레스 블로그 등에서는 나타나지 않습니다. 또한, 비 크롬 계열 브라우저(예: 파이어폭스)에서도 이 현상이 나타나지 않습니다..

티스토리 스킨에 브레드크럼을 적용하는 방법 예시(+동영상)

블로그에 브레드크럼을 적용하면 SEO(검색엔진 최적화)에 도움이 됩니다. 일부 티스토리 유료 스킨에 브레드크럼을 기본적으로 표시할 수 있습니다. 브레드크럼을 지원하지 않는 스킨을 사용하는 경우 아래 영상을 참고하여 적용할 수 있습니다. 브레드크럼을 적용할 경우 구글 등 검색엔진 결과에 경로(브레드크럼)가 표시됩니다. 티스토리 스킨에 브레드크럼을 적용하는 방법 예시(Magazine 스킨) 티스토리 블로그에 브레드크럼(Breadcrumb)을 표시하는 방법은 이 블로그를 통해 여러 차례 설명한 적 있습니다. 브레드크럼을 적용하면 구글 서치 콘솔에서 "'itemListElement' 입력란이 누락되었습니다" 오류가 사라질 것입니다. 브레드크럼을 적용하는 데 어려움을 겪는 분들이 계셔서 동영상으로 브레드크럼을 추..

티스토리의 특정 글 URL을 다른 URL로 리디렉션시키는 방법

티스토리에서 특정 글을 방문할 때 다른 글이나 다른 사이트로 리디레션시켜야 하는 경우가 있습니다. 예를 들어, 기존 글을 삭제한 경우 방문자들이 해당 글을 방문하면 404 에러가 발생합니다. 그러면 방문자들이 이탈할 가능성이 높습니다. 이탈을 방지하기 위해 삭제한 글과 유사한 글로 방문자들을 이동시키면 이탈률 방지에 도움이 될 것입니다. 티스토리의 특정 글 URL을 다른 URL로 리디렉션시키고 싶은 경우 자바스크립트를 사용해볼 수 있습니다. 많은 글에 대하여 리디렉션을 설정하려는 경우에는 다음 글을 참고해보세요. 티스토리의 특정 글 URL을 다른 URL로 리디렉션시키는 방법 티스토리에서 특정 글을 방문할 때 다른 글이나 다른 사이트로 리디레션시켜야 하는 경우가 있습니다. 예를 들어, 기존 글을 삭제한 경..

티스토리 고래스킨에 카카오톡 공유 버튼 추가하기

이 티스토리 블로그에는 현재 고래스킨이라는 무료 스킨이 적용되어 있습니다. 스킨을 몇 차례 바꾸다가 지금은 고래스킨에 정착했습니다. 고래스킨에는 SNS 공유 버튼이 기본적으로 표시되지만 카카오톡 공유 버튼은 표시되지 않습니다. 구글링해보면 티스토리 블로그에 카카오톡 공유 버튼을 추가하는 방법이 나와 있습니다만, 고래스킨에 그대로 적용하는 것이 초보자에게는 쉽지 않을 것입니다. 고래스킨에 카카오톡 공유 버튼을 추가하고 싶은 경우 참고해보세요. 티스토리 고래스킨에 카카오톡 공유 버튼 추가 방법 고래스킨 데모를 살펴보면 그림과 같이 네이버, 네이버 밴드, 페이스북, 카카오스토리 등의 SNS 공유 버튼이 글 하단에 표시됩니다. 저는 트위터 공유 버튼과 카카오톡 공유 버튼을 추가했습니다. 여기서는 카카오톡 공유 ..

카카오 고객센터에 두 번째 저품질 해제 요청 결과

이 블로그는 구글과 네이버를 통해 방문자들이 많이 유입되고 있지만 다음 검색엔진에서는 하루 10명 내외만이 유입되고 있습니다. 몇 달 전에 이 블로그가 다음 고객센터에 잘 노출이 안 된다고 확인을 요청했지만 의례적인 답변만 받았고 저품질이 해결되지 않았습니다. 지난주 금요일에 다시 한번 카카오 고객센터에 이 문제를 제기해보았습니다. 이번에는 검토에 시간이 걸린다는 이메일을 두 차례나 받아서 저품질 탈출에 대한 기대감을 가지게 되었고, 오늘 최종 답변을 받았습니다. 카카오 고객센터에 두 번째 저품질 해제 요청 결과 이 티스토리 블로그는 구글에서 가장 많이 유입되고 네이버에서는 하루 500명 정도 유입되다가 최근 300~400명대로 줄어들었습니다. 하지만 다음 검색엔진에서는 하루 10명 내외만이 유입되고 있..

티스토리 Square 스킨에 자동 목차 표시하는 방법

티스토리 블로그의 모든 글에 자동으로 목차를 표시하는 방법을 이 블로그에서 설명한 적이 있었습니다. 해당 방법대로 해보면 Square 스킨에서는 클래스를 제대로 변경해도 목차가 제대로 표시되지 않습니다. Square 목차를 사용하는 경우 아래 내용대로 하면 목차가 자동으로 표시될 것입니다. 티스토리 Square 스킨에 자동 목차 표시하는 방법 티스토리 스킨에 목차를 자동으로 표시하는 기본적인 방법은 다음 글을 참고할 수 있습니다. 티스토리 블로그의 모든 글에 자동으로 목차 표시하는 방법 티스토리 블로그에 목차를 표시하려는 경우 목차 스크립트 파일을 이용하여 목차를 추가할 수 있습니다. 보통의 경우 목차를 표시할 자리에 수동으로 HTML 코드를 추가해야 하는데, 그러면 번거 avada.tistory.com..