워드프레스 기본 에디터인 블록 에디터(구텐베르크)에서 사용자 정의 HTML 코드를 추가하고 싶은 경우 사용자 정의 HTML 블록을 사용할 수 있습니다. 이 블록을 사용하여 HTML 코드를 삽입할 수 있지만 자바스크립트(JavaScript) 코드는 삽입할 수 없습니다. 자바스크립트는 숏코드를 만들어 추가하거나 자바스크립트를 로드하는 방식으로 추가할 수 있습니다. 워드프레스 블록 에디터(구텐베르크)에 HTML 코드 추가하기 엘리멘터 페이지 빌더나 아바다 테마의 아바다 빌더, Divi 테마의 디비 빌더 등에서는 HTML 코드를 추가할 수 있는 요소/위젯을 제공합니다. 일부 페이지 빌더에서는 자바스크립트 코드를 추가할 수도 있지만 자바스크립트는 워드프레스 권장하는 방식으로 로드하는 것이 바람직합니다. 엘리멘터 ..

네이버, 구들 등 검색엔진에서 검색했을 때 검색되는 워드프레스 사이트의 제목이나 설명, 개별 페이지나 글 등의 제목을 변경하고 싶은 경우 Yoast SEO, Rank Math SEO(검색엔진최적화), All in One(AIO) SEO 등의 SEO 플러그인을 사용하여 검색엔진의 검색 결과에 표시되는 제목을 변경할 수 있습니다. 또한, 구글 크롬, MS 엣지 등 브라우저의 탭에 노출되는 타이틀도 변경할 수 있습니다(예: 개별 글이나 페이지에서 "- 사이트 제목" 제거). [참고*구글은 브랜드명을 함께 표시하는 경우가 많기 때문에 사이트 제목을 SEO 타이틀에서 삭제해도 검색 결과에서는 사이트명이 함께 표시될 수 있습니다.*] 워드프레스 Rank Math SEO 플러그인: 검색엔진에 노출되는 제목 변경하기 ..

인기 베스트셀링 워드프레스 테마 중 하나인 Divi 테마 개발사인 Elegant Themes는 거의 매주 디비 테마용 무료 레이아웃 팩을 공개하고 있습니다. 최근 Divi 테마에 사용할 수 있는 콘서트 홀 레이아웃 팩(Concert Hall Layout Pack)이 추가되었습니다. 워드프레스 디비 테마 vs. 아바다 테마 아바다 테마 디비 테마 판매 개수* 894,262 881,346 라이선스(License) 엔바토 마켓의 라이선스 정책을 따름 - 1개 사이트에 설치 가능 - 기본 6개월 지원 (연장 가능 - 비용이 크게 증가) - 업데이트는 평생 제공 ※ 지원이 만료되어도 업데이트는 계속 받을 수 있음 1~2개 사이트 운영 시 저렴함. (설치 사이트 개수만큼 라이선스를 구입해야 함) 두 가지 유형의 요..

구글, 네이버 등 검색엔진에서 검색했을 때 노출되는 워드프레스 사이트의 제목이나 설명, 개별 페이지 또는 글의 제목 등을 변경하고 싶은 경우가 있을 수 있습니다. 가령, 사이트 제목이 개별 글에 함께 표시되는 경우가 많습니다. 그런 경우 사이트 제목을 제거하기를 원할 수 있습니다. 이 경우 요스트 SEO, Rank Math 검색엔진최적화, All in One(AIO) SEO 등의 SEO 플러그인을 사용하여 구글 등의 검색 결과에 표시되는 제목을 변경할 수 있습니다. 또한, 브라우저 탭에서 사이트 제목이 표시되는 것도 제거할 수 있습니다. [참고*구글은 브랜드명을 함께 표시하는 경향이 있기 때문에 사이트 제목을 제거해도 검색 결과에서는 함께 표시되는 경우가 있을 수 있습니다.*] 워드프레스 Yoast SE..

워드프레스에는 다양한 팝업 플러그인이 있습니다. Popup Maker는 현재 70만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 플러그인입니다. 이 플러그인을 사용하여 쿠팡 방문하기 배너 기능을 구현하는 작업을 간혹 수행하는데, 이 플러그인은 쿠키 등도 자유롭게 지정할 수 있고, 기능도 괜찮은 것 같습니다. 다만, 카페24에서만 그런지 몰라도 배너를 표시하는 위치를 지정해도 위치가 제대로 지정되지 않는 경우가 있는 것 같습니다. 팝업을 쉽게 만들고 싶은 경우 드래그 앤 드롭 방식을 지원하는 Brave 팝업 빌더 플러그인을 사용할 수 있습니다. 워드프레스 Brave 팝업 플러그인 설정 살펴보기 워드프레스 Brave 플러그인은 팝업 플러그인으로 개발되었지만 컨택트 폼, 이메일 주소 수집 등 다..

아바다, 뉴스페이퍼 등 유료 테마는 라이선스를 등록하면 워드프레스 알림판에서 자동 업데이트가 가능합니다. 하지만 워드프레스 멀티사이트 네트워크 내의 하위 블로그에 유료 테마나 플러그인을 설치하면 자동 업데이트 기능이 제대로 작동하지 않게 됩니다. 멀티사이트에서 유료 테마나 플러그인을 업데이트하는 방법에 대하여 살펴보겠습니다. 워드프레스 멀티사이트에서 유료 테마/플러그인 업데이트 방법 멀티사이트에서 메인 사이트(기본 사이트)에 설치된 유료 테마나 플러그인은 자동 업데이트 기능이 정상적으로 작동합니다. 하지만 네트워크 내의 하위 블로그에 설치된 사이트에서는 자동 업데이트 기능이 제대로 작동하지 않을 수 있습니다. 저는 테스트 목적으로 하위 디렉터리 방식으로 멀티사이트를 설치하여 아바다, 엔폴드, 플랫섬 등 ..

워드프레스 5.5 버전부터 XML 사이트맵이 기본적으로 탑재되어 있습니다. 사이트맵을 조금 더 상세히 설정하고 싶은 경우 Yoast SEO, Rank Math, All in One SEO 등의 SEO 플러그인에서 제공하는 사이트맵을 활용하거나 XML Sitemap Generator for Google과 같은 사이트맵 전용 플러그인을 사용할 수 있습니다. Yoast SEO 등의 플러그인에서 사이트맵 기능을 활성화하면 워드프레스에 탑재된 네이티브 사이트맵은 비활성화됩니다. 사이트맵 주소는 플러그인에 따라 조금씩 다릅니다. 워드프레스 Yoast, Rank Math, AIO SEO 플러그인에서 사이트맵 활성화 방법 SEO 플러그인을 사용하는 경우 SEO 플러그인을 두 개 이상 사용하지 않도록 합니다. 가끔 SE..

워드프레스 문의 폼 플러그인 중 하나인 Forminator에서 전화번호 필드를 3개의 필드로 구현하기 위해 자바스크립트 코드를 만들어 추가했습니다. 테스트 사이트에서는 잘 작동하는 코드가 고객사 사이트에서 PC에서는 문제가 없었지만 모바일 기기에서는 작동하지 않는 문제가 발생하는 특이한 현상을 접하게 되었습니다. 워드프레스 엘리멘터: 자바스크립트 코드가 모바일에서만 작동하지 않는 경우 엘리멘터에서 JavaScript 코드가 모바일에서 작동하지 않는 문제에 대하여 Elementor 플러그인 포럼에 올라온 질문이 있습니다. 여기에 대하여 엘리멘터 팀에서는 자스 코드를 사용자 정의 코드(Custom Code) 섹션에 추가해야 한다고 안내하고 있습니다. Hi, for Javascript code, you sho..

워드프레스 관리자 페이지에 접속하려고 시도할 때 Error 403 Forbidden 오류가 발생하는 문제와 관련하여 문의를 받았습니다. FTP에 접속하여 사이트를 살펴보니 .htaccess 파일과 index.php 파일을 삭제해도 자동으로 생성되었습니다. 멀웨어(악성코드)에 감염되면 이런 문제가 발생합니다. 워드프레스: .htaccess 파일 자동 생성 문제 워드프레스 사이트가 리디렉션 멀웨어에 감염되어 백업본을 사용하여 과거 버전으로 복원한 후에 관리자 페이지에 접속하려고 시도할 때 403 Forbidden 오류가 발생하는 문제를 접하게 되었습니다. .htaccess 파일을 살펴보니 다음과 같은 코드로 되어 있었습니다. Order Allow,Deny Deny from all Order Allow,Den..

Divi 테마는 아바다 테마와 함께 가장 많은 판매를 기록하고 있는 인기 워드프레스 테마 중 하나입니다. Elegant Themes의 Divi 테마는 특히 라이선스 기간(1년 또는 평생) 사이트 개수에 제한 없이 사용할 수 있으므로 고객들을 위해 홈페이지를 제작하는 웹 에이전시나 웹 디자이너, 또는 여러 개의 사이트를 운영하는 사용자들에게 경제적인 옵션이 될 수 있습니다. 실제로 국내의 일부 유명 워드프레스 사이트 제작업체에서는 Divi 테마를 사용하고 있습니다. Divi 테마는 자체적으로 라이브러리 팩을 거의 매주 공개하여 레이아웃 페이지를 사이트 제작에 활용할 수 있도록 제공하고 있습니다. 이외에 서드파티 업체들이 차일드 테마를 제작하여 판매하기도 합니다. 다목적 Divi 차일드 테마 중 하나로 Av..