2023/02 31

페이지 로딩 시 일부 콘텐츠 숨기기 ("쿠팡 방문하고 계속 읽기" 자동 광고 버튼)

워드프레스 Brave 팝업 플러그인을 사용하면 "쿠팡 방문하고 계속 읽기" 배너를 구현할 수 있습니다. 방문자가 블로그를 방문하면 팝업을 표시하여 배너를 클리할 수 있도록 만들 수 있습니다. 저는 메인 워드프레스 블로그에 Bloom 플러그인을 사용하여 "네이버 카페 방문하기" 배너를 표시하고 있습니다. 네이버 카페 방문하기 팝업을 텍스트에서 배너로 바꾸었습니다😄😄 워드프레스 정보꾸러미 홈페이지에서 워드프레스 관련 글을 50% 정도 읽으면 (Bloom 플러그인을 사용하여) 네이버 카페 방문하기 팝업이 표시되도록 설정되어 있습니다. 기존... cafe.naver.com 이 방법이 의외로 효과가 있어서 하루 10~20명 정도가 회원으로 가입하고 있습니다. 워드프레스: 쿠팡 배너를 클릭해야 글을 볼 수 있도록 ..

워드프레스 Yoast SEO: 사이트 연결 (소유권 확인 코드 추가) 메뉴

최근 Yoast SEO 플러그인의 인터페이스가 변경되었습니다. 기능적인 면은 동일하고 외관이 조금 더 모던하게 바뀐 것 같습니다. 얼마 전에 구글 사이트 소유 확인 코드를 추가할 수 있는 Site Connection 메뉴를 찾을 수 없다고 어떤 분이 문의해 오셔서 확인해 보니 Yoast SEO의 UI가 바뀐 것을 확인할 수 있었습니다. Yoast SEO는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있습니다. 저는 Rank Math SEO 플러그인을 사용하고 있는데, Rank Math는 현재 100만 개가 넘는 사이트에서 사용되고 있습니다. Yoast SEO, Rank Math, All in One SEO 등 여러가지 무료/유료 SEO 플러그인이 있습니다. 마음에 드는 것을 선택하여 사용하시면 됩..

티스토리 400 Bad Request - Request Header Or Cookie Too Large 오류 해결

어제 갑자기 티스토리 블로그에 로그인하려고 시도하니 400 Bad Request - Request Header Or Cookie Too Large 에러가 발생하면서 티스토리 관리자 페이지뿐만 아니라 모든 티스토리 사이트에 접근할 수 없는 에러가 발생했습니다. 티스토리 400 Bad Request - Request Header Or Cookie Too Large 오류 어제 위와 같은 오류가 발생한 이후로 티스토리(tistory.com)에 접속하니 "지금 이 페이지가 작동하지 않습니다"와 함께 HTTP ERROR 400 오류가 표시되었습니다. 이 문제를 검색해 보니 인터넷 사용자 기록을 삭제하면 된다고 하여 인터넷 사용자 기록을 삭제해도 해결이 되지 않았습니다. 크롬에서는 설정 » 개인 정보 보호 및 보안에..

클라우드웨이즈(Cloudways): 도메인 추가 방법

해외 클라우드 호스팅인 클라우드웨이즈(Cloudways)에서는 하나의 서버에 여러 개의 워드프레스(애플리케이션)를 추가하여 운영할 수 있고, 각 애플리케이션에서 하나 혹은 2개 이상의 도메인을 추가하여 연결할 수 있습니다. 이 글에서는 클라우드웨이즈에 도메인을 추가하는 방법에 대하여 살펴보겠습니다. [참고*저렴하고 가성비 좋은 웹호스팅을 원하는 경우에는 우리나라에도 비교적 잘 알려진 블루호스트(Bluehost)와 같은 해외호스팅을 고려할 수 있습니다. 속도면에서 아마존 AWS 등에 비해 느리지만, 블로그(수익형 블로그 포함)를 운영하려는 경우 GeneratePress와 같은 속도가 빠른 테마를 사용하여 심플하게 사이트를 구성하면 속도가 괜찮게 나올 것입니다(참고). 속도가 중요한 사이트를 원하거나 쇼핑몰..

워드프레스 Quform 문의폼: 전화번호 필드를 3개로 분리하기

워드프레스에는 다양한 무료 및 유료 문의폼 플러그인이 있습니다. Quform 플러그인은 유료 컨택트 폼 플러그인으로 꼭 필요한 기능이 탑재되어 많이 이용되고 있습니다. 제 워드프레스 블로그에도 이 플러그인이 설치되어 있습니다. 최근 Quform 문의폼에 다음 우편번호를 통합하고, 전화번호(모바일 번호)를 3개의 입력 상자로 받아서 하나로 병합하는 간단한 작업을 맡았습니다. 다음 전화번호 서비스를 워드프레스 컨택트 폼에 연동하는 방법은 다음 글을 참고해 보세요. 워드프레스 Contact Form 7/Quform에 우편번호 검색창 추가하기 - 워드프레스 정보꾸러미 작년에 다음 우편번호 API를 사용하여 워드프레스에 우편번호 검색창을 다는 방법에 대한 글을 작성한 적이 있습니다. 하지만 오늘 살펴보니 다음 우..

구글 애널리틱스 GA4 추적 코드 확인하기

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

IT & 기타/IT 2023.02.13

아바다 테마 데모 로드 시 아이콘이 깨지는 문제

오늘 워드프레스 베스트셀링 테마 중 하나인 아바다 테마의 데모가 설치된 사이트에서 폰트 설정 등 몇 가지 기본적인 작업을 맡았습니다. 사이트에 접속하니 설치된 데모 페이지에서 아이콘들이 모두 깨져서 올바르게 표시되지 않는 문제가 있었습니다. 아바다 테마 사용 시 아이콘이 깨지는 문제가 발생할 경우 참고해 보시기 바랍니다. 워드프레스 아바다 테마 데모 로드 시 아이콘이 깨지는 문제 2023년 2월 현재 87만 개 이상의 판매량을 자랑하는 Avada 테마는 10년 동안 엔바토 마켓에서 판매 1위를 기록하고 있습니다. 비슷한 기능과 판매량을 자랑하는 테마로 Divi 테마가 있습니다. 디비 테마는 현재 88만 개 이상 판매되었습니다. 아바다 테마와 Divi 테마에 대한 자세한 정보는 다음 글을 참고해보시기 바랍..

클라우드웨이즈: PHP 8.2 버전 업그레이드

지난달에 클라우드웨이즈(Cloudways)에서 서버를 생성할 때에는 PHP 8.1까지만 선택이 가능했지만, 며칠 전에 살펴보니 PHP 8.2 버전을 선택할 수 있도록 업그레이드된 것을 발견했습니다. 저는 곧바로 PHP 8.2로 변경했습니다. 사용하는 워드프레스 테마나 플러그인에 따라 PHP 8.2 버전 적용 시 오류가 발생할 수 있습니다. 저는 다행히 오류가 발생하지 않았습니다. 📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법 클라우드웨이즈: PHP 8.2 버전 업그레이드 PHP 버전은 가급적 최신 버전을 사용하는 것이 속도와 보안면에서 좋습니다. 만약 최신 버전에서 오류가 발생하면 버전을 을 한 단계 낮추어 적용할 수 있습니다. 현재 보안 업데이트가 지원되는 PHP 버전 2023년 2월 현재 보안 업..

워드프레스 Quform 플러그인: 입력 필드를 읽기 전용으로 설정하는 방법

워드프레스에서는 Contact Form 7, WPForms, Quform, Forminator 등의 컨택트 폼 플러그인을 사용하여 방문자들로부터 문의 사항을 받거나 작업 의뢰 등을 받을 수 있습니다. 또한, 컨택트 폼 플러그인에 다음 우편번호 서비스 API를 통합하면 사용자들이 쉽게 주소를 검색하여 입력할 수 있습니다. 위의 그림과 같이 다음 우편번호 서비스를 이용하여 주소를 입력받는 경우 "우편번호" 필드와 "주소" 필드는 사용자들이 편집할 수 없도록 읽기 전용으로 설정하는 것이 좋습니다. Quform에서는 설정에서 읽기 전용 옵션을 제공합니다. 워드프레스 Quform 플러그인: 입력 필드를 읽기 전용으로 설정하는 방법 입력 필드를 읽기 전용으로 설정하려는 경우 태그에 [**readonly**] 속성을..

각 라인의 시작 부분과 끝 부분에 텍스트 추가하기 (feat. Notepad++, EmEditor)

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

IT & 기타/IT 2023.02.09