워드프레스 1528

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

워드프레스 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 플러그인이 있습니다. 마음에 드는 것을 선택하여 사용하시면 됩..

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

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

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

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

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

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

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

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

워드프레스 Divi 테마 메뉴에 검색상자 표시하기

워드프레스 Divi 테마는 Theme Builder를 사용하여 자유롭게 헤더를 비롯하여 사이트의 모든 섹션을 커스텀할 수 있습니다. 테마 빌더를 사용하지 않고 디비 테마의 기본적인 기능만을 사용하여 세팅하는 경우, 메뉴에 표시되는 검색 아이콘을 제거하고 검색상자(검색바)를 표시하는 방법에 대하여 살펴보도록 하겠습니다. 워드프레스 Divi 테마 메뉴에 검색상자 표시하기 Divi 테마에서는 테마 옵션(사용자 정의하기)에서 메뉴에 검색 아이콘과 소셜 공유 아이콘을 표시할 수 있는 옵션이 제공됩니다. 검색 아이콘 대신 검색상자(검색바)를 표시하고 싶은 경우 아래의 방법을 이용할 수 있습니다. 먼저 외모 » 사용자 정의하기 » Header & Navigation » Header Elements로 이동하여 Show..

네이버 서치어드바이저 웹페이지 수집 자동화(feat. WindowexeAutoMacro 매크로 프로그램)

네이버 서치어드바이저에서 매일 50개의 URL을 제출하여 페이지 수집 요청을 할 수 있습니다. 수동으로 URL을 복사한 다음, 붙여넣기 하여 수집 요청을 할 수도 있지만, 매크로 프로그램을 사용하거나 파이썬을 코드를 만들어 수집을 자동화하는 것도 가능합니다. 파이썬을 이용하여 자동화하는 방법은 다음 글을 참고해보시기 바랍니다. 파이썬 Selenium을 활용한 네이버 서치어드바이저 URL 입력 '자동화' 티스토리 블로그는 네이버에서 검색 노출 빈도가 구글이나 다음 대비 상대적으로 떨어지는 것이 사실인 것 같습니다. 네이버 검색 엔진에 노출도를 향상시키기 위해서 티스토리 블로그를 네이 kibua20.tistory.com 저는 이 방법을 사용하여 실행 파일로 만들어 수집 자동 요청을 해본 적이 있습니다만, U..

아스트라(Astra) 테마에서 이전 글/다음 글 대신 포스트 제목을 표시하는 방법

워드프레스 아스트라(Astra) 테마에서 개별 글 하단에 포스트 내비게이션이 글 제목 대신 이전 글/다음 글 문구로 표시됩니다. 이전 글/다음 글 섹션에 이전 글의 제목과 다음 글의 제목을 표시하는 방법에 대하여 살펴보겠습니다. 아스트라(Astra) 테마에서 이전 글/다음 글 대신 포스트 제목을 표시하는 방법 GeneratePress 등의 테마에서는 이전 글/다음 글 섹션에 글 제목이 표시되지만, 아스트라 테마는 특이하게 포스트 제목 대신 "이전 글/다음 글" 문구가 표시됩니다. Astra 테마에서 포스트 내비게이션에 글 제목을 표시하고 싶은 경우 다음과 같은 코드를 테마의 함수 파일에 추가하시기 바랍니다. 차일드 테마를 만드시고, FTP를 통해 접속하여 차일드 테마 내의 함수 파일([pcode]func..

워드프레스: 508 Resource Limit is Reached 에러 발생 시 확인 사항

해외 호스팅 중 하나인 FastComet에서 호스팅 중인 워드프레스 사이트에서 508 Resource Limit is Reached 에러가 발생하는 문제를 호소하시는 분이 계셔서 이 문제에 대하여 살펴보았습니다. 워드프레스: 508 Resource Limit is Reached 에러 발생 시 확인 사항 대부분의 웹호스팅 업체에서는 리소스 제한을 설정해 놓았습니다. 이 제한에 도달하면 "508 Resource Limit is Reased" 오류가 발생하고 사이트에 일시적으로 접근할 수 없게 됩니다. 블루호스트, 카페24 등 모든 웹호스팅에서 리소스 제한이 설정되어 있습니다. 이 에러는 서버 레벨에서 유발되며 CPU와 RAM 리소스 등의 사용량 증가 등 다양한 요소에 의해 발생할 수 있습니다. 이 오류는 또..