구글이 크롬 브라우저 출시 15년을 기념하여 가독성과 AI에 초점을 맞추어 크롬 브라우저의 인터페이스를 업데이트했습니다. 크롬 브라우저 인터페이스를 기존 인터페이스로 되돌리는 방법 모서리를 둥글게 하여 가독성을 높였다고 하는데요. 윈도우 10에서는 둥근 모서리가 제한적으로 적용되는 것 같습니다. 컨텍트 팝업에서는 모서리가 둥글게 나오네요. 전반적으로 세련되고 화려하게 바뀐 것 같습니다. 저는 심플한 기존 인터페이스를 선호하여 기존 인터페이스로 바꾸었습니다. 기존 인터페이스로 바꾸려면 구글 크롬 브라우저의 주소창에 다음 주소를 입력합니다. chrome://flags/#chrome-refresh-2023 Chrome Refresh 2023 기능이 Default로 되어 있을 것입니다. 이 옵션을 Disable..

이 블로그에서는 글 하단까지 스크롤하면 네이버 카페로 이동하는 배너가 표시되도록 코드를 넣었습니다. 배너를 클릭하지 않으면 배너가 사라지지 않도록 설정했습니다. 티스토리에서 강제 팝업 배너 제거 경고 하지만 카카오에서 강제 팝업 배너를 제거할 것을 경고하는 메일을 보내왔네요. "강제 팝업 배너 노출로 화면 내 다른 영역으로 접근을 방해하는 코드가 포함되어 있습니다. 티스토리 이용 약관에 따라 규제될 수 있으니 해당 팝업 제거를 7일 이내에 시정 조치해주시기 바랍니다"라는 내용인데요. 누가 신고를 한 것인지, 아니면 카카오의 자체 모니터링에 의해 발견된 것 같습니다. 워드프레스에서는 이런 제약이 없는데, 티스토리에는 제약이 조금 있네요. 가령, 다른 사이트로 리디렉션을 설정할 경우에도 1차 경고 후 시정되..

티스토리 공식 스킨 중 하나인 오디세이(Odyssey)를 사용하는 경우 블로그 글 제목이 길어지면 제목 일부만 표시됩니다. 특히 모바일에서 이런 현상이 두드러집니다. 제목이 긴 경우에도 모두 혹은 일정 길이 이상 표시되도록 하고 싶은 경우에는 CSS를 사용하여 제목 글자 크기를 조정하는 것을 고려할 수 있습니다. 티스토리 오디세이 스킨에서 블로그 글 제목 글자 크기 조정하기 이 티스토리 블로그에는 현재 오디세이(Odyssey)라는 스킨이 적용되어 있습니다. 깔끔한 스킨을 원하는 경우 괜찮은 선택 같습니다. 이 스킨을 사용하는 경우 블로그 제목이 긴 경우 그림과 같이 제목 일부만 표시되고 나머지는 생략 기호(...)로 표시됩니다. 특히 모바일에서 이 현상이 두드러집니다. 모바일에서 블로그 글에 접속하더라도..

카페24에서 등록한 도메인을 다른 웹호스팅 업체(예: 가비아, 패스트코멧 등)나 서비스에 이용하려는 경우, 카페24 홈페이지에서 해당 도메인의 네임서버를 변경할 수 있습니다. 참고로 클라우드웨이즈 등 일부 웹호스팅의 경우 네임서버를 변경하지 않고 대신 A 레코드를 지정하여 연결할 수 있습니다. 클라우드웨이즈 도메인 연결 시 참고 사항 클라우드웨이즈에서는 네임서버 서비스를 제공하지 않기 때문에 IP 주소를 지정하여 도메인을 연결해야 합니다. 몇 가지 상황에서 도메인을 연결하는 방법에 대하여 살펴보겠습니다. [팁*저렴 avada.tistory.com 카페24에서 등록한 도메인의 네임서버 변경하기 타사 웹호스팅에서 호스팅 중인 워드프레스 사이트에 도메인을 연결하려면 다음과 같은 과정으로 진행할 수 있습니다. ..

저는 대부분의 워드프레스 사이트에서는 CSS를 사용하여 사이드바를 고정하고 있습니다. 뉴스페이퍼 등 일부 유료 테마에서는 테마 옵션을 통해 사이드바 붙박이(Sticky) 기능을 제공하지만, 그런 기능이 제공되지 않을 경우 보통 CSS로 고정하는 것이 가능합니다. GeneratePress 테마 사이드바 고정하기 (How to make the sidebar sticky in GeneratePress) - 워드프레스 정보꾸러 최근 들어 Astra 테마와 GeneratePress 테마에서 사이드바를 고정하기 위해 사용된 CSS 코드가 제대로 작동하지 않는다고 몇 분이 알려주었습니다. Sticky Menu & Sticky Header 플러그인을 사용하는 것을 고 www.thewordcracker.com 이 블로그..

이 티스토리 블로그에서는 한동안 스피드스타라는 스킨을 사용하다 어제 오디세이(Odyssey)라는 기본 스킨 중 하나로 변경했습니다. 오디세이 스킨이 깔끔하고 좋은 것 같지만 소셜 공유 버튼 기능이 없네요. 소셜 공유 버튼과 URL 복사 버튼을 워드프레스 사이트에 사용하는 코드를 응용하여 추가했습니다. 티스토리에 소셜 공유 버튼과 URL 복사 버튼 추가하기 네이버, 페이스북, 트위터 SNS 공유 버튼과 현재 페이지 URL을 복사하는 URL 복사 버튼을 추가했습니다. 기본적으로 다음 글에서 제시된 코드를 사용했습니다. 이 워드프레스 블로그에 사용된 SNS 공유 버튼 & URL 복사 버튼 - 워드프레스 정보꾸러미 이 워드프레스 블로그에는 플러그인을 사용하지 않고 직접 코드를 만들어 네이버, 페이스북, 트위터 ..

어제 제 티스토리 블로그에서 '응답 없는 페이지' 경고가 표시되면서 블로그 글들이 제대로 로드되지 않는 현상이 발생했습니다. 이 문제는 아마도 티스토리 개발팀이 티스토리를 업데이트하면서 사용 중인 스킨과 충돌을 일으켜 발생한 것 같습니다. 스킨에 포함된 자바스크립트에서 무한 루프에 걸려서 이런 현상이 발생하는 것이 아닌가 생각되네요. 스피드스타라는 유료 스킨을 사용하고 있었는데요. 지난 10월에도 티스토리 시스템 업데이트로 갑자기 댓글 영역이 표시되지 않아서 긴급히 수정한 적이 있습니다. 티스토리 스피드스타 스킨: 댓글 영역이 표시되지 않는 문제 최근 티스토리에서 시스템을 변경하면서 스피드스타 스킨에서 댓글 영역이 표시되지 않는 문제가 나타나고 있는 것 같습니다. 댓글이 달리지 않아서 살펴보니 5일 전에..

워드프레스 사이트에 댓글을 달고 난 후에 살펴보니 아래 그림과 같이 문단 사이 간격이 좁아서 보기가 좋지 않았습니다. 살펴보니 댓글을 달 때 엔터를 입력했지만 태그가 삽입되어 나타나는 현상이었습니다. 워드프레스 br 태그 공백 적용하기 제가 운영하는 워드프레스 사이트에서는 개별 포스트에서 직접 댓글을 달 때 엔터를 치면 문단 태그()가 입력되었지만, 관리자 페이지 내에서 댓글에 답변을 달 때 엔터를 치면 태그가 삽입되었습니다. br 태그에 공백(여백)을 적용하려는 경우 다음과 같은 CSS 코드를 사용할 수 있습니다. br { display: block; content: ''; margin-bottom: 10px; } 위의 코드를 추가하면 사이트 전체의 br 태그에 스타일이 적용되므로 예기치 않은 결과를 ..

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

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