워드프레스 일기의 IT & 기타 786

구글 애널리틱스 GA4 속성이 아닌 기존 속성을 사용하고 있는 구글 애널리틱스 페이지에 로그인하면 상단에 "2023년 7월 1일부터 이 속성에서 데이터 처리가 중지됩니다. 2023년 3월부터 웹사이트 측정을 계속하려면 새 Google 애널리틱스 4(GA4) 속성을 만들어야 합니다. 그러지 않으면 원래 속성을 바탕으로 새 속성이 자동으로 생성되며 기존 사이트 태그가 재사용됩니다." 경고가 표시됩니다. 기존 UA 속성을 사용하는 경우 2023년 3월부터 웹사이트 방문자 정보를 측정하려면 새 Google 애널리틱스 4(GA4) 속성을 만들어야 합니다. [참고*워드프레스를 사용하는 경우 플러그인을 사용하여 쉽게 GA4 속성을 생성하여 추가할 수 있습니다. 워드프레스에서 쉽게 구글 애널리틱스 GA4 속성 만들기를..

각 라인의 시작 부분이나 끝 부분에 특정 텍스트를 추가하고 싶은 경우가 있을 수 있습니다. 그런 경우 정규표현식을 지원하는 텍스트 편집기에서 간단한 정규식으로 쉽게 텍스트를 각 라인의 앞이나 끝에 추가할 수 있습니다. 각 라인의 시작 부분과 끝 부분에 텍스트 추가하기 (feat. Notepad++, EmEditor) 무료 텍스트 에디터인 Notepad++나 유료 텍스트 에디터인 EmEditor와 같이 정규 표현식을 지원하는 텍스트 에디터에서 각 라인의 시작 부분이나 끝 부분에 원하는 텍스트를 쉽게 추가할 수 있습니다. 예를 들어, 모든 라인의 시작 부분에 특정 텍스트를 삽입하려는 경우 바꾸기 창에서 다음과 같이 설정하면 됩니다. 모든 라인의 끝부분에 특정 텍스트를 추가하고 싶은 경우에는 다음과 같이 설정..

엊그제 워드프레스 블로그를 만들고 네이버 웹마스터도구에 사이트를 추가하고 소유 확인을 완료했습니다. 하지만 현황 > 사이트 최적화를 눌러보니 다음과 같이 "네이버 검색로봇이 사이트에 접근할 수 없어, 진단을 할 수 없습니다."라는 오류 메시지가 표시되었습니다. [ 이 글은 2023년 2월 6일에 업데이트되어 재발행되었습니다. ] '네이버 검색로봇이 사이트에 접근할 수 없어, 진단을 할 수 없습니다' 오류가 발생하는 경우 확인 사항 이 문제에 대한 첫 번째 항목으로 네이버 검색로봇이 사이트의 방화벽을 통과할 수 있는지 확인해달라고 제시되어 있습니다. 그래서 웹호스팅 서버 담당자에게 연락하여 이 문제를 문의하니 네이버 검색로봇이 사이트를 정상적으로 색인(index)하고 있다고 알려주었습니다. 그런데 하루가 ..

포토샵의 기능이 좋아져서 포토샵을 잘 다루는 경우 포토샵을 사용하여 쉽게 이미지 배경을 제거할 수 있습니다. 전문적인 작업이 아닌 경우 이미지 배경 제거 사이트(누끼따기 사이트)를 이용할 수 있습니다. 요즘에는 인공지능(AI)을 이용한 이미지 배경 제거 사이트들이 몇 군데 있습니다. 대부분은 이미지 크기 제한이 있습니다. 가령 remove.bg 사이트의 경우 결과물 크기가 500x500픽셀로 제한됩니다. 이미지 크기가 비교적 제한이 없고 결과물도 괜찮은 사이트로 PhotoRoom의 Remove background 사이트가 있습니다. 이미지 배경 제거 사이트(누끼따기 사이트) 추천 이미지 배경을 제거하고 싶은 경우 AI를 이용한 이미지 배경 제거 사이트들을 이용하면 편리합니다. 저는 remove.bg 사이..

이 티스토리 블로그에는 현재 스피드 스타(Speed Star)라는 스킨이 사용되고 있습니다. 얼마 전부터 유튜브 영상 링크로 유튜브 동영상을 삽입하면 영상 아래에 여백이 표시되는 문제가 발생했습니다. 이전에는 발생하지 않았는데, 카카오 데이터센터 화재 사건 이후에 티스토리가 업데이트되면서 이런 문제가 발생하는 것 같습니다. 티스토리 스피드 스타 스킨: 유튜브 영상 아래 여백 제거하기 스피드 스타 스킨에서 유튜브 영상 삽입 시 위의 그림과 같이 아래에 여백이 표시된다면 꾸미기 » 스킨 편집 » HTML 편집 » HTML 섹션에서 [****]을 검색하여 바로 위에 다음 코드를 추가하면 문제가 해결될 것입니다. .resvid {padding-bottom:0;} 다음 그림과 같이 추가하시면 됩니다. 스피드 스타..

워드프레스를 사용하는 경우 WP Content Copy Protection & No Right Click과 같은 플러그인을 사용하여 텍스트 복사를 방지하고 우클릭을 금지할 수 있습니다. 또한, 이미지 등을 불펌할 수 있도록 할 수 있습니다. 하지만 플러그인을 사용할 경우 간혹 다른 플러그인과 충돌을 일으켜 예상치 못한 문제를 일으키기도 합니다. 그리고 모든 불펌 방법은 쉽게 무력화될 수 있으므로 실질적으로 큰 효과가 없을 수도 있습니다. 아래 방법은 워드프레스뿐만 아니라 티스토리 등에서도 활용이 가능합니다. body 태그에 코드를 추가하여 우클릭과 텍스트 복사 금지하기 대안으로 [****] 태그에 코드를 추가하여 우클릭과 이미지/텍스트 선택/복사를 방지할 수 있습니다. 위의 코드에서... oncontex..

닷컴(.com) 도메인 관리업체인 VeriSign이 작년 9월에 닷컴 도메인 네임 등록비를 7% 인상하면서 닷컴 도메인 등록과 유지 비용이 상승했습니다. 또한, 환율도 계속 오르면서 도메인을 신규 등록하거나 유지하는 것이 부담스러워졌습니다. 해외 도메인 등록업체인 네임칩(Namecheap)은 일부 도메인에 대하여 최대 96% 세일을 진행하고 있습니다. 네임칩(Namecheap) 도메인 세일 (닷컴, 닷넷 도메인 등) 우리나라에서도 잘 알려진 해외 도메인 등록대행업체인 네임칩(Namecheap)에서 새해를 맞이하여 일부 도메인에 대하여 할인을 진행하고 있습니다. 닷컴 도메인의 경우 연간 7.98달러, 닷넷 도메인은 연간 9.98달러에 등록이 가능합니다. 특히 닷컴 도메인은 신규 등록하는 경우에는 6.98달..

카카오 데이터 센터 화재 사건 이후에 티스토리에서는 데이터 백업 옵션을 제공하고 있습니다. 티스토리 데이터를 백업하여 워드프레스 등으로 이사 갈 수 있습니다. 티스토리에서 워드프레스 이전 작업 지난 1월 3일, 티스토리 운영진은 사전 안내를 통해 서비스 내 광고 게재와 관련된 티스토리 이용약관 개정에 대해 발표했습니다. 개정된 이용약관의 요점은 티스토리 운영업체(카카오)가 서비 avada.tistory.com 티스토리 블로그 이전 후에 리디렉션을 설정해 주어야 기존 URL로 접속하는 사용자들을 새 사이트 URL로 이동시킬 수 있습니다. 티스토리 블로그 이사 후에 리디렉션 설정하기 티스토리에 2차 도메인(개인 도메인)을 연결한 경우에는 블로그 주소가 대응되는 경우에는 이사 후에 별도의 리디렉션을 설정할 필..

지난 1월 3일, 티스토리 운영진은 사전 안내를 통해 서비스 내 광고 게재와 관련된 티스토리 이용약관 개정에 대해 발표했습니다. 개정된 이용약관의 요점은 티스토리 운영업체(카카오)가 서비스 내에 광고를 게재할 수 있고, 게재되는 광고의 형태 및 위치, 노출 빈도, 수익의 귀속을 티스토리가 결정한다는 내용입니다. 이러한 카카오의 발표에 일부 사용자들은 티스토리를 이탈하고 있습니다. 어제는 티스토리 블로그를 워드프레스로 이전하는 작업을 맡았습니다. [참고*2023년 6월 티스토리 자동 광고 신설 이후 일부 티스토리 사용자들이 워드프레스로 이전하고 있습니다. 이 글을 작성할 당시의 방법으로 이전을 시도하면 이미지가 제대로 임포트되지 않는 등의 문제가 발생하고 있습니다. 아래의 글에서 설명한 방법으로 티스토리 ..

예를 들어, 모달 팝업창을 구현하는 경우 팝업이 표시될 때 브라우저 창이 스크롤되는 것을 일시적으로 비활성화하고 싶은 경우가 있습니다. 이런 상황에서 다음과 같은 자바스크립트 함수를 활용할 수 있습니다. 자바스크립트를 사용하여 스크롤 비활성화하기 다음과 같은 JavaScript를 사용하여 브라우저 창이 스크롤되지 않도록 일시적으로 비활성화할 수 있습니다. function disableScroll() { // Get the current page scroll position // 현재 페이지 스크롤 위치 가져오기 scrollTop = window.pageYOffset || document.documentElement.scrollTop; scrollLeft = window.pageXOffset || docu..