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

이 티스토리 블로그에 적용된 스킨에는 다크모드로 강제적으로 설정하는 옵션이 있습니다. 처음 접속하시면 다크모드로 기본적으로 표시되도록 설정했습니다. 원하시는 경우 "라이트모드"로 전환하실 수 있습니다. 티스토리 스킨: 다크모드가 강제로 표시되도록 설정했습니다 이 블로그에는 속도가 비교적 빠른 스피드스타(Speed Star)라는 스킨이 적용되어 있습니다. 스피드스타에는 티스토리 스킨 중에서는 비교적 많은 옵션을 제공합니다. 이 스킨은 다크모드도 지원하는데요. 스킨 편집에서 '강제 다크모드 선택'을 활성화했습니다. 이 때문에 처음 이 블로그에 접속하시면 '다크모드'가 기본적으로 표시됩니다. 하지만 제목 아래의 라이트모드/다크모드 전환 표시줄에서 라이트모드로 전환이 가능합니다. 시력 보호를 위해서는 '다크모드..

SEO와 관련하여 자주 듣는 질문 중 하나가 "글을 수정하면 저품질이 오나요?"입니다. 글을 수정하면 저품질이 된다는 속설 때문에 글 내용이나 제목을 수정하는 것을 꺼리는 분들도 계십니다. 글을 자주 수정하면 정말 저품질이 올까요? 글을 자주 수정하면 저품질이 올까? 이 블로그에는 워드프레스에 대한 글이 많습니다. 워드프레스는 빠르게 변화하는 CMS(콘텐츠 관리 시스템)이기 때문에 작년에 작성한 글도 업데이트가 필요할 수 있습니다. 이 때문에 글을 자주 수정하는 편입니다. 제 워드프레스 블로그에서는 몇 년 전에 작성한 글을 대폭 수정하여 새로 발행하기도 합니다. 하지만 이러한 수정 때문에 저품질이 오는 것 같지는 않습니다. 오히려 네이버와 다음에서 저품질이 풀려서 꾸준히 유입되고 있습니다. 그러므로 글에..

이 블로그에 스피드스타 스킨을 적용한 후에 몇 가지 커스텀을 적용했습니다. 티스토리 스킨의 경우 스킨 파일을 수정하면 추후 업데이트 시 수정된 부분을 다시 적용해주어야 하는 번거로움이 있습니다. 워드프레스는 차일드 테마를 설치하여 수정하면 테마가 업데이트되어도 수정 사항이 유지되는데, 티스토리에는 이러한 기능이 없어 불편한 것 같습니다. 이 때문에 업데이트가 나와도 다시 수정 사항을 적용해야 하기 때문에 업데이트된 스킨을 설치하는 것이 엄두가 나지 않는 경우가 많은 것 같습니다. 추후 스피드스타 스킨 업데이트 시에 참조할 수 있도록 여기에 정리해보았습니다. 티스토리 스피드스타 스킨 커스텀 공감 버튼 및 구독하기 버튼 스타일 변경 다음 CSS 코드로 스타일 변경 가능. .Please2,.urlurl2{di..

구글 서치 콘솔의 코어 웹 바이탈 보고서는 실제 사용 데이터(필드 데이터라고도 함)에 따라 페이지의 성능을 보여 것으로, 사이트 속도가 느릴 경우 방문자 이탈률에 심각한 영향을 미치게 되어 SEO에 불리하게 됩니다. 이 블로그의 코어 웹 바이탈 보고서를 체크해보니 다행히 모바일과 데스크톱 모두 느린 URL과 개선이 필요한 URL이 없는 것으로 나오네요. 티스토리 블로그 코어 웹 바이탈 보고서 구글의 코어 웹 바이탈 점수를 높이기 위해서는 사이트 속도 최적화가 필요합니다. 티스토리의 경우 속도와 관련하여 최종 사용자가 건드릴 수 있는 것이 제한적이어서 사이트 속도를 높이는 데 한계가 있을 수 있습니다. 사용자 입장에서는 이미지를 압축하여 이미지 크기를 줄이는 등의 노력을 할 수 있습니다. 그리고 무엇보다 ..

이 블로그에는 미니멀스타라는 유료 티스토리 스킨이 적용되어 있었습니다. 스킨 판매자께서 스피드스타 스킨 업데이트를 보내주셔서 미니멀스타에 추가한 커스텀 코드와 CSS를 스피드스타 스킨에 적용했습니다. 별다른 이상 없이 작동하는 것 같으므로 이제부터는 스피드스타 스킨을 사용해야 할 것 같습니다. 티스토리 스킨 업데이트 vs. 워드프레스 테마 업데이트 워드프레스에서는 차일드 테마(자식 테마)를 만들어서 커스텀하면 테마가 업데이트되더라도 추가로 할 작업은 없습니다. 초기에 이러한 점을 이해하지 못한 개발자나 사용자들이 부모 테마 파일을 직접 수정하는 바람에 업데이트를 하지 못하는 문제가 발생하기도 했습니다. 자식 테마를 만들어서 제대로 작업하면 워드프레스 테마가 업데이트되더라도 문제가 발생하지 않습니다. 하지..

이 티스토리 블로그의 방문자는 대부분 구글과 네이버에서 유입되었습니다. 다음(Daum)에서는 사실상 방문자 수가 제로였습니다. 이 문제를 카카오 고객센터에 문의했지만 기계적인 답변만 받았습니다. 이 블로그가 왜 저품질이 되었는지 알 수가 없어 그냥 포기하고 있었습니다. 그런데 지난달부터 다음 검색엔진에서 방문자 수가 늘어나기 시작하여 이제는 네이버 방문자 수를 앞질렀습니다. 티스토리 블로그 저품질 풀림(저품질 탈출) 이 블로그는 초기부터 다음 방문자 수가 거의 없었습니다. 그래서 다음은 사실상 포기하고 있었습니다. 지난 1월 방문자 유입 경로를 살펴보면 구글이 62%, 네이버가 24%로 절대 다수를 차지하고 있습니다. 구글과 네이버 외에 빙(Bing) 검색엔진에서 1.8% 정도 유입되고 있습니다. (구글..

지난 12월 31일부터 어제 1월 2일까지 3일 연속 특정 시간대에 티스토리에서 504 Gateway Time-out 오류가 발생하고 간헐적으로 블로그 접속되지 않거나 느리게 로딩되는 현상이 발생했습니다. 특히 이 문제 때문에 글을 작성하다가 날린 분들이 많은 것 같습니다. 티스토리 504 Gateway Time-out 오류 이와 관련하여 티스토리 운영자는 공지를 통해 블로그 접근 장애가 정상화되었음을 공지했습니다. 일시적으로 과도한 트래픽이 발생해 원활한 서비스가 어려웠다는 합니다. 하지만 12월 31일, 1월 1일, 1월 2일은 주말이 낀 연말 연휴 기간이고 저녁 시간대에 과도한 트래픽이 발생할 이유는 없을 것 같습니다. Apache에서 504 Gateway Time-out 에러는 다음과 같은 경우에..

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

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

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