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

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

티스토리 공식 스킨 중 하나인 오디세이(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일 전에..

티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제

최근 티스토리에서 시스템을 변경하면서 스피드스타 스킨에서 댓글 영역이 표시되지 않는 문제가 나타나고 있는 것 같습니다. 댓글이 달리지 않아서 살펴보니 5일 전에 달린 댓글을 마지막으로 댓글이 달리지 않았네요. 그리고 댓글 창과 댓글 목록이 표시되지 않아서 관심을 가지고 살펴보지 않으면 댓글창이 사라진 것을 인지하지 못할 수 있을 것 같습니다. 티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제 발생 시 임시 조치 혹시 스피드스타 스킨에서 댓글 영역이 표시되지 않고 있다면 꾸미기 » 스킨 편집 » html 편집을 클릭하여 스킨 편집 화면으로 이동합니다. 상단의 CSS 탭을 클릭하고, 맨 아래로 이동합니다. 하단에 다음과 같은 코드를 추가하여 저장하시기 바랍니다. body:not(#tt-body-gu..

티스토리에서 워드프레스 이전 시 카테고리 매핑 방법

티스토리 백업본을 다운로드하여 워드프레스에서 HTML Import 2 플러그인을 사용하여 티스토리 블로그 콘텐츠를 임포트할 수 있습니다. 티스토리에서 워드프레스로 이사하기 (티스토리 백업 이용) 티스토리는 카카오 데이터센터 화재 이후 데이터 백업 기능이 추가되었습니다. 최근 티스토리에서 6월부터 티스토리 자체 광고 신설에 대한 공고를 올렸습니다. [안내] 6월부터 티스토리 자체 avada.tistory.com 이 플러그인을 사용하여 이전할 경우 카테고리를 가져오는 옵션은 없습니다. 대신 커스텀 필드(사용자 정의 필드)로 매핑하여 사용자 정의 필드 값을 카테고리로 지정하는 방법을 고려할 수 있습니다. 티스토리에서 워드프레스 이전 시 카테고리 매핑 방법 HTML Import 2 플러그인을 사용하는 경우 Ca..

티스토리에서 워드프레스로 이전 시 이미지 절대 경로 변경 스트립트

티스토리에서 백업본을 받아서 워드프레스로 이전할 수 있습니다. 티스토리에서 워드프레스로 이사하기 (티스토리 백업 이용) 티스토리는 카카오 데이터센터 화재 이후 데이터 백업 기능이 추가되었습니다. 최근 티스토리에서 6월부터 티스토리 자체 광고 신설에 대한 공고를 올렸습니다. [안내] 6월부터 티스토리 자체 avada.tistory.com 몇 개월 전까지 잘 작동했는데요. 지금도 잘 될지는 모르겠습니다. 클라우드웨이즈에서 PHP 버전을 7.4로 설정하고 HTML Import 2 플러그인을 설치하여 이전을 시도해 볼 수 있습니다. 호스팅에 따라 에러가 발생하면서 잘 진행되지 않을 수도 있습니다. 이전 후에 이미지 엑박 현상이 발생할 수 있습니다. 워드프레스에서 임포트를 시도하기 전에 이미지 경로를 사이트 주소..

티스토리 스피드 스타 스킨: 제목 선택 비활성화 해제

이 블로그에는 티스토리 유료 스킨 중 하나인 스피드 스타(Speed Star)가 사용되고 있습니다. 스피드 스타 스킨이 최근 3.0.0 버전으로 업데이트되면서 속도와 SEO가 향상되었고, 곧이어 버그가 수정된 3.1.0이 공개되었습니다. 스피드 스타 스킨에서는 포스트 제목을 방문자들이 선택할 수 없도록 CSS 코드가 적용되어 있습니다. 저는 사용자들이 글 제목을 선택할 수 있도록 CSS를 조금 수정했습니다. 티스토리 스피드 스타 스킨: 제목 선택 비활성화 해제 스피드 스타 스킨에서는 글 제목을 선택할 수 없도록 다음과 같은 CSS 코드가 적용되어 있습니다. user-select: none; [**user-select**] 속성은 요소의 텍스트를 선택할 수 있도록 할지를 지정합니다. 웹 브라우저에서 사용자..

티스토리 스킨: 스피드스타 (Speed Star) 업데이트

이 블로그에는 현재 유료 스킨인 스피드스타(Spped Star)가 적용되어 있습니다. 스피드스타가 3.0.0으로 업데이트되어 어제 일요일에 잠시 시간을 내어 업데이트를 적용했습니다. 티스토리 스킨: 스피드스타 (Speed Star) 3.0.0 업데이트 워드프레스의 경우 올바른 방식으로 수정을 하면 테마가 업데이트되더라도 추가적인 작업이 필요하지 않습니다. 하지만 티스토리의 경우 스킨이 업데이트되면 수정 사항을 다시 적용하고 설정도 새로 해야 하는 번거로움이 있습니다. 업데이트 파일을 메일로 전달받아서, 수정 사항을 적용한 후에, 구 버전이 설치된 상태에서 파일들을 모두 제거하고 업데이트된 스킨 파일들을 업로드하니 에러가 발생했습니다. 파일들을 덮어쓰기 한 후에 JS 파일 오류가 발생하여 스피드스타 개발자..

티스토리의 일부 글 이전 후 리디렉션 설정하기 (자바스크립트)

지난 6월 27일부터 카카오에서 티스토리 자체 광고를 신설했습니다. 자체 광고를 신설한 지 거의 일주일이 다 되어 가네요. 이 짧은 일주일 동안 많은 변화가 있었습니다. 극소수의 티스토리 블로거들은 워드프레스 등으로 이전을 단행했지만, 대다수의 블로거들은 불만을 표하면서도 티스토리를 계속 사용하지 않을까 생각됩니다. 어떤 분은 오늘이나 내일 티스토리의 추가 공지를 보고 이전 여부를 결정하겠다고도 하시네요. 한 발 물러서겠다는 추가 공지가 나올지 이번주에 지켜봐야 할 것 같습니다. 티스토리를 워드프레스로 이전하는 다양한 방법이 있습니다. 일괄적으로 이전하는 방법은 "티스토리 백업 파일을 이용하여 워드프레스로 이사하기 (업데이트)"를 참고해보시기 바랍니다. 어떤 분은 WordPress Automatic Pl..