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

간혹 중요한 메일을 놓치는 바람에 낭패를 보는 경우가 있습니다. 가령, 웹호스팅 업체에서 보내는 중요한 알림 메일을 제때 확인하지 못하여 계정이 탈취당하거나 쿠팡 파트너스 제휴 프로그램 이용자의 경우 쿠팡에서 보내는 정책 위반 메일을 확인하지 못해 계정이 해지당하는 등의 사례가 간혹 목격됩니다. 네이버 메일을 사용하는 경우 중요한 메일을 강조 표시할 수 있습니다. 그러면 메일을 놓치는 경우가 줄어들 것입니다. 네이버 메일: 중요한 메일 강조 표시하기 (feat. 자동 분류 기능) 저는 대부분의 지메일을 이용하지만 네이버 메일로도 가입한 곳도 있습니다. 지메일의 경우 모질라에서 만든 썬더버드(Thunderbird)라는 무료 이메일 클라이언트를 통해 메일을 체크하고 있습니다. 지메일은 POP를 활성화하여 이..

워드프레스 사이트 건강에서는 개선해야 할 사항이나 해결해야 할 사항들이 표시됩니다. 사이트 건강에 "모든 권장 보안 ㅎ더가 설치되지는 않았습니다" 경고가 표시되면서 비보안 요청 업그레이드(Upgrade Insecure Requests) 문구가 표시되는 경우가 있을 수 있습니다. 워드프레스 사이트 건강 "Upgrade Insecure Requests" 경고 워드프레스 알림판 » 도구 » 사이트 건강에서 아래 그림과 같이 보안 헤더 전송 관련 경고가 표시되는 경우가 있습니다. 경고 문구: 모든 권장 보안 헤더가 설치되지는 않았습니다. 귀하의 웹사이트는 모든 권장 보안 헤더를 전송하지 않습니다(Your website does not send all recommended security headers). - U..

워드프레스 사이트를 네이버 서치어드바이저(네이버 웹마스터 도구)에 등록하고 RSS 피드를 제출할 때 "올바른 RSS가 아닙니다" 오류가 발생하면서 RSS가 등록되지 않는 문제가 발생하는 경우가 있습니다. 워드프레스: 네이버 서치어드바이저 등록 시 "올바른 RSS가 아닙니다" 오류 해결 방법 이 오류는 네이버에서 워드프레스 사이트의 RSS 피드를 읽을 수 없을 때 발생합니다. RSS 피드에 접근하지 못하는 원인을 파악하여 제거하면 문제가 해결됩니다. 먼저는 웹호스팅 서버에서 네이버 서치어드바이저가 접근하지 못하도록 차단하고 있지 않은지 체크해볼 수 있습니다. 서버 방화벽이 원인일 수 있습니다. 다른 원인으로 워드프레스 보안 플러그인에서 네이버 접근을 차단할 수도 있습니다. 가장 가능성이 높은 원인으로는 워..

케이테마는 국내 업체에서 제작하여 판매하는 유료 워드프레스 테마입니다. 케이테마는 가격이 아바다 등의 대중적으로 인기를 끄는 테마보다는 제법 비싸지만 국내 환경에 맞게 사이트를 만들 수 있는 기능을 원하는 경우에 고려할 수 있는 옵션 같습니다. 케이테마가 설치된 워드프레스 사이트에 다국어 사이트로 변환하는 WPML 플러그인을 설치하여 세팅하는 작업을 최근 진행했습니다. 워드프레스 케이테마와 WPML 호환성 케이테마는 국내 개발자가 제작하여 판매하는 프리미엄 워드프레스 테마입니다. 가격이 32만 원 내외로 60~70달러 내외인 Themeforest 테마에 비해 비싼 편이지만, 우리나라 환경에 적합한 기능을 제공하도록 커스텀되어 제공되는 것 같습니다. 며칠 전, 워드프레스 사이트를 다국어로 변환하는 WPML..

이 티스토리 블로그에는 현재 Speed Star라는 유료 스킨이 적용되어 있습니다. 이 스킨에서는 댓글에 이미지를 업로드하여 표시할 수 있는 기능이 통합되어 있습니다. 이 블로그에서 댓글을 달 때 이미지를 업로드해야 하는 경우 참고해 보세요. 티스토리 스피드 스타 스킨: 댓글에 이미지 업로드하기 이 블로그에서 댓글을 달 때 사진이나 스크린샷 등의 이미지를 업로드해야 하는 경우 아래 방법을 참고하여 이미지를 업로드할 수 있습니다. ① 사진 등 이미지를 업로드하고 싶은 경우 각 댓글 입력 창 아래의 "이미지+"를 클릭합니다. ② 파일을 지정하여 업로드하면 화면 하단에 "복사된 것을 댓글창에 붙여 넣으시면 완료입니다." 문구가 표시됩니다. ③ 원하는 곳에 이미지 URL을 붙여넣기 합니다. [**Ctrl+V**..

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

워드프레스 GeneratePress 테마를 사용하는 경우 최신 글과 카테고리/태그 등 아카이브 페이지에서 더 보기 버튼이 Read More 텍스트로 표시됩니다. GeneratePress 테마의 무료 버전에서는 텍스트로만 표시되고 유료 버전에서는 버튼으로 표시하는 옵션이 제공됩니다. 무료 버전을 사용하더라도 CSS를 사용하여 위의 그림과 같이 버튼으로 바꾸는 것도 가능합니다. Read More 버튼의 문구를 여러 가지 방법으로 변경할 수 있습니다. GeneratePress 테마: Read More 텍스트 변경하기 GeneratePress 테마의 유료 버전(GP Premium)을 사용하는 경우 Blog 모듈을 활성화한 다음, 외모 » 사용자 정의하기 » Layout » Blog에서 Read More 텍스트를..

구글 애드센스의 자동 광고를 활성화하고 모바일에 대하여 앵커 광고를 사용하도록 설정하면 모바일 기기에서 상단 혹은 하단에 고정된 앵커 광고가 표시됩니다. 앵커 광고는 랜덤하게 상단 또는 하단에 표시된다고 합니다. 이 앵커 광고를 항상 하단에만 표시하면 모바일 기기에서 한 손으로 하단 앵커 광고에 접근할 수 있기 때문에 광고 수익이 증가할 수 있을 것입니다. [ 이 글은 2023년 7월 30일에 최종 업데이트되었습니다. ] 구글 애드센스 모바일 앵커 광고 하단에 표시하기 모바일 페이지 광고가 PC 노출 광고보다 CPC가 더 높은 광고가 많다고 합니다. 모바일 방문자가 많은 경우 PC 광고를 줄이고 모바일 전면 광고와 앵커 광고 노출을 늘리면 광고단가가 상승에 도움이 될 수 있을 것입니다. 앵커 광고의 경우..

유튜브 동영상을 임베드하면 데스크톱(PC)에서는 제대로 나오지만 모바일 기기에서는 화면 전체가 나오지 않고 일부만 잘려서 표시되는 경우가 있습니다. 다음 글에서 모바일 장치에서 유튜브 등 iframe으로 임베드되는 동영상이 반응형으로 재생되도록 잘리지 않고 삽입하는 방법을 설명하고 있습니다. [워드프레스] 모바일 기기에서 유튜브 동영상이 잘리지 않고 표시되도록 하기 워드프레스(WordPress)에서 YouTube 동영상을 삽입하면 데스크톱(PC)에서는 제대로 나오지만 모바일 기기에서는 화면이 전체가 나오지 않고 일부만 잘려서 표시됩니다. 이 경우 CSS 코드를 통해 유튜 www.thewordcracker.com 모바일 기기에서 유튜브 동영상을 가로로 확장하여 화면 좌우 가장자리까지 꽉 차도록 하고 싶은 ..