워드프레스 일기의 IT & 기타/티스토리 238

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

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

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

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

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

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

티스토리 스킨에서 신고 버튼을 없애지 마세요 (고래 스킨 사용자 주의)

검색엔진에서 검색해보면 티스토리 스킨에서 신고 버튼을 숨기는 방법을 알려주는 글들이 있고 일부 스킨에서는 티스토리 신고 버튼을 제거한 상태로 제공되기도 합니다. 이 블로그에 적용된 고래 스킨도 신고 버튼을 숨김 상태로 제공되었지만 최근 신고 버튼이 없는 블로그를 신고하는 사용자들이 있어 2021년 1월 31일 이후에 배포되는 스킨에는 신고 버튼이 다시 표시되도록 수정되었습니다. 혹시 2021년 1월 31일 이전에 배포한 고래 스킨을 사용하고 있다면 반드시 신고 버튼을 표시하도록 코드를 수정하시기 바랍니다. 티스토리 스킨에서 신고 버튼을 없애지 마세요 (고래 스킨 사용자 주의) 티스토리 공지(https://notice.tistory.com/2328)에 의하면 '정보통신망법, 아동, 청소년의 성보호에 관한 ..

티스토리 구 에디터 사용하는 방법 (신 에디터 강제 전환 후)

Adobe Flash가 퇴출되면서 티스토리 구 에디터가 종료되고 이제는 모든 글이 새 에디터에서만 편집이 가능해졌습니다. 저는 신 에디터가 나올 때부터 새 에디터를 사용하고 있기 때문에 에디터에 그리 불만은 없습니다. 하지만 구 에디터를 아직 선호하는 분들이 많은 것 같습니다. (그리 바람직한 것 같지는 않지만) 티스토리 구 에디터를 사용하시고 싶은 경우 아래의 방법을 이용해 보시기 바랍니다. 티스토리 구 에디터 사용하는 방법 (신 에디터 강제 전환 후) 구 에디터로 새 글을 작성하고 싶은 경우 브라우저 창에 다음과 같이 티스토리 블로그 주소 뒤에 /admin/entry/post를 추가하면 됩니다. https://example.tistory.com/admin/entry/post 실제로 테스트해보니 구 에..

티스토리   제거하기 - 복사하여 붙여넣기할 때 생기는 공백 문자 문제

외부 글이나 콘텐츠를 복사하여 티스토리에 붙여넣기 하면 줄 바꿈 없는 공백문자인 가 삽입됩니다. 티스토리에서 외부 콘텐츠를 복사/붙여 넣기 할 때 생기는 문자를 제거하는 방법에 대해 간단히 설명해보겠습니다. 티스토리 제거하기 - 복사하여 붙여넣기할 때 생기는 공백 문자 문제 줄 바꿈 없는 공백(& nbsp;)이란? 위키피디아에서는 '줄 바꿈 없는 공백'을 다음과 같이 정의하고 있습니다. 줄 바꿈 없는 공백(non-breaking space, no-break space, 줄여서 NBSP) 또는 단어 잘림 방지 공백, 줄 바꿈하지 않는 공백은 공백 문자의 한 형태로, 현 위치에서 자동 줄 바꿈(워드랩)을 막는 데 쓰인다. 고정 공백이라고도 한다. 티스토리에서 콘텐츠를 복사하여 붙여넣기 할 때 추가 문제 외부..

티스토리 오디세이 스킨 본문 글자 크기 조정하기 (Odyssey)

저는 티스토리 스킨을 바꾸거나 워드프레스 테마를 바꾸면 글자 크기를 키우는 작업부터 시작합니다. 이제 노안이 진행되고 있어서 글자 크기가 작으면 눈이 금방 피로해집니다.ㅠ 글자 크기를 키우는 작업은 그리 어렵지 않습니다. 기본적인 CSS만 알면 누구나 할 수 있습니다. 이 글에서는 티스토리 오디세이 스킨에서 본문 글자 크기를 조정하는 방법에 대해 살펴보겠습니다. 티스토리 Book Club 스킨 수정: 본문 글자 크기 변경하는 방법 이 블로그에는 현재 최근 공개된 Book Club (북 클럽)이라는 스킨이 적용되어 있습니다. 북 클럽 스킨에서는 본문 글자 크기가 0.9375em으로 설정되어 글자가 다소 작게 느껴질 수 있습니다. 북클럽 avada.tistory.com 티스토리 오디세이 (Odyssey) 스..

티스토리 오디세이 스킨에 브레드크럼 표시하기

브레드크럼(이동 경로)을 표시하면 SEO에 도움이 됩니다. 그리고 브레드크럼을 추가하면 구글 서치 콘솔에서 ‘itemListElement’ 입력란이 누락되었습니다와 같은 오류가 발생하지 않는 것 같습니다. 이 블로그에서 고래 스킨과 매거진 스킨에 브레드크럼을 표시하는 방법을 설명한 적이 있습니다. 티스토리 오디세이 (Odyssey) 스킨에서 브레드크럼을 표시하는 방법에 대한 문의가 있어서 이 글에서는 오디세이 스킨에 Breadcrumb을 추가하는 방법에 대해 간단히 정리해보았습니다. 티스토리 고래 스킨에 브레드크럼 표시하는 방법 (SEO 향상) 티스토리 고래 스킨에 브레드크럼을 표시하려는 경우 참고해보세요. 브레드크럼(Breadcrumb)은 빵부스러기라는 의미로 헨젤과 그레텔에서 유래한 용어로 웹사이트에..

티스토리 본문 문단 여백 조정하기

티스토리에서 글을 작성할 때 아래와 같이 엔터를 쳐도 문단 사이에 여백이 없어 잘 구분이 안 되는 경우가 있습니다. 이 문제가 나타날 경우 콘텐츠 > 설정에서 단락 앞뒤에 공백을 '사용합니다'로 설정하면 글 작성 시에 위와 같은 문제가 나타나지 않을 것입니다. 일부 티스토리 스킨에서는 이 설정을 '사용하지 않습니다'로 지정할 것을 요구하기도 합니다. 문단 내 단락 간 여백을 조정하고 싶은 경우 아래의 방법을 이용할 수 있습니다. 티스토리 본문 문단 여백 조정하기 Poster 스킨에서 단락 앞뒤에 공백을 '사용합니다'와 '사용하지 않습니다'로 설정할 경우 다음과 같이 둘 다 문단 간 여백이 마음에 들지 않을 것입니다. 단락 앞뒤 공백을 사용할 경우에는 문단 간 여백이 다소 넓은 감이 있고, 사용하지 않을 ..

티스토리에 구글 애드센스의 '일치하는 콘텐츠' 광고 표시하기

트래픽 등 일정 기준을 만족시키면 애드센스의 '일치하는 콘텐츠' 광고를 게재할 수 있습니다. 이 블로그에서도 일치하는 콘텐츠 광고를 표시하고 있습니다. 티스토리가 최근 애드센스와 통합하여 수익 메뉴에서 애드센스 수익을 확인할 수 있도록 업데이트되었습니다. 일치하는 콘텐츠 광고는 수익 > 애드센스 관리 기능을 사용하여 게재할 수 없다고 하시는 분들이 계시네요. 저는 광고 코드를 스킨 파일에 직접 추가하여 표시하고 있습니다. 티스토리에 구글 애드센스의 '일치하는 콘텐츠' 광고 표시하기 일치하는 콘텐츠 광고를 수동으로 삽입하고 싶은 경우... 일치하는 콘텐츠 광고 단위를 생성하여 광고 코드를 복사한 다음 티스토리 스킨 파일 내의 적절한 곳에 추가하면 됩니다. 애드센스 계정 페이지 먼저 애드센스 계정 페이지에 ..