워드프레스 일기의 분류 전체보기 3796

워드프레스 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 오류가 표시되었습니다. 이 문제를 검색해 보니 인터넷 사용자 기록을 삭제하면 된다고 하여 인터넷 사용자 기록을 삭제해도 해결이 되지 않았습니다. 크롬에서는 설정 » 개인 정보 보호 및 보안에..

워드프레스 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

해외 호스팅: 블루호스트와 사이트그라운드 비교

개인적으로 현재 블루호스트 공유호스팅, 블루호스트 VPS, 클라우드웨이즈, 사이트그라운드, FastComet, GreenGeeks 등에서 호스팅되는 사이트를 운영하거나 관리하고 있습니다. 블루호스트와 비슷한 레벨의 웹호스팅 상품으로 FastComet이 있습니다. FastComet은 cPanel, 7일간 자동 백업/복원 등 편의 기능을 제공하고 도쿄 리전을 선택할 수 있어 속도면에서는 블루호스트보다 좋은 평가를 받고 있습니다. 개인적으로 경험한 내용을 바탕으로 해외 호스팅의 특징을 간단하게 정리해보겠습니다. [ 이 글은 2023년 9월 23일에 최종 업데이트되었습니다 ] [참고*이 글에 있는 링크를 클릭하여 클라우드웨이즈 등의 웹호스팅 서비스에 가입하면 제가 약간의 커미션을 받을 수 있습니다. 이를 통해 ..

워드프레스 본문 문단 간격 조정하기 (feat. GeneratePress 테마)

워드프레스 글에서 문단 간격이 너무 좁거나 넓어서 조정하고 싶은 경우가 있습니다. 또한, 글자 크기나 자간 또는 행간 등을 변경하기를 원할 때가 있습니다. 테마에서 옵션을 제공한다면 쉽게 조정이 가능하지만, 그렇지 않은 경우 또는 세밀하게 조정하고 싶은 경우에는 CSS를 사용할 수 있습니다. 워드프레스 문단 간격 조정하기 (feat. GeneratePress 테마) 워드프레스에서 글자 스타일 관련 조정은 보통 타이포그래피(Typography) 설정에서 가능합니다. 외모 » 사용자 정의하기로 이동하여 Typography나 비슷한 메뉴가 있는지 살펴보시기 바랍니다. 아바다 테마나 뉴스페이퍼 등 일부 테마는 자체 테마 옵션을 제공하기도 합니다. Avada 테마의 경우 Avada » Options » 타이포그래..