워드프레스 인기 페이지 빌더인 엘리멘터(Elementor)를 사용하여 페이지를 편집한 후에 저장하거나 업데이트할 때 에러가 발생하는 경우가 있습니다. 드물지만 Server Error (403 Forbidden) 오류가 발생하는 경우도 있습니다.엘리멘터: 페이지 저장/업데이트 시 Server Error (403 Forbidden) 오류가 발생하는 경우 확인 사항페이지 저장/업데이트 시 에러가 발생하는 경우워드프레스에서 엘리멘터나 Divi 테마의 Div 빌더 등을 사용할 때 페이지 저장/업데이트 시 에러가 발생할 경우 많은 경우 WP Memory Limit (워드프레스 메모리 제한) 크기가 낮은 것이 원인일 수 있습니다.도구 » 사용자 건강 » 정보 탭 » 서버 섹션에서 PHP 메모리 제한 크기를 확인할 수..

워드프레스 인기 페이지 빌더인 엘리멘터(Elementor)는 현재 1,000만 개가 넘는 사이트에 설치되어 사용되고 있습니다.일부 워드프레스 사이트에서 엘리멘터를 설치하지 없거나, 최신 버전으로 업데이트하지 못하는 문제가 발생하기도 합니다. 엘리멘터를 설치할 수 없거나 업데이트를 할 수 없는 경우 확인 사항에 대하여 살펴보겠습니다.엘리멘터(Elementor)를 설치 또는 업데이트할 수 없는 경우PHP 버전 문제워드프레스 사이트에서 엘리멘터를 설치하려고 시도할 때 다음 그림과 같이 "이 플러그인은 사용중인 PHP 버전에서 작동하지 않습니다"라는 경고가 표시되면서 지금 설치 버튼이 비활성화되는 경우가 있습니다.업데이트를 시도할 때 "사용할 수 있는 Elementor의 새 버전이 있지만, 현재의 PHP의 버전..

엘리멘터는 현재 1,000만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니다. Elementor 무료 버전으로도 코딩 지식 없이 웬만한 사이트를 만들 수 있지만, 커스텀이 필요한 경우 엘리멘터 프로를 사용하면 시간과 노력을 절감할 수 있습니다. 엘리멘터 프로에 탑재된 테마 빌더(Theme Buider)로 헤더, 푸터, 싱글 포스트, 페이지, 아카이브(카테고리, 태그 등), 검색 페이지, 404 에러 페이지 등의 템플릿을 수월하게 만들어 적용할 수 있습니다.이 글에서는 테마 빌더로 포스트 템플릿과 우커머스 상품 페이지 템플릿을 만드는 방법을 살펴보겠습니다.워드프레스 엘리멘터 테마 빌더로 포스트 템플릿/우커머스 상품 페이지 템플릿을 만드는 방법Elementor Pro의 Theme..

워드프레스 엘리멘터 무료 버전을 상용업 사이트 구축에 사용할 수 있는지에 대해 궁금해하신 분이 계셔서 이 문제에 대하여 간략히 살펴보겠습니다.워드프레스에는 다양한 무료 및 유료 테마와 플러그인이 있습니다. 워드프레스 저장소에 등록된 무료 테마와 플러그인의 라이선스는 기본적으로 GPLv2를 따릅니다. 따라서 무료 테마와 플러그인은 자유롭게 비상업용 사이트뿐만 아니라 상업용 사이트 구축에도 사용이 가능합니다.워드프레스 엘리멘터 무료 버전 상업용 사용 문제워드프레스는 GNU Public License 문서를 통해 워드프레스 소프트웨어에 대한 라이선스를 설명하고 있습니다.워드프레스 소프트웨어는 Free Software Foundation의 GPLv2(또는 그 이후 버전)에서 규정한 라이선스하에 출시됩니다. 워드..

앞서 엘리멘터 프로(Elementor Pro)에서 메가 메뉴 및 한국형 메가 메뉴를 만드는 방법에 대하여 살펴본 적이 있습니다. 조금 응용하여 아스트라(Astra) 테마에서 한국형 메가 메뉴를 만들어 보았습니다. 엘리멘터(Elementor)로 한국형 메가 메뉴 만들기메가 메뉴는 SEO적인 측면에서 그리 바람직하지 않지만 많이 사용되고 있어 아바다 등 인기 테마에서는 메가 메뉴 기능을 기본적으로 제공합니다. 그리고 엘리멘터 프로에서도 메가 메뉴 기능이avada.tistory.com워드프레스 아스트라(Astra) 테마: 한국형 메가 메뉴 만들기아스트라 테마 무료 버전과 엘리멘터 페이지 빌더, 그리고 Elementor Header & Footer Builder 플러그인을 사용하여 메가 메뉴 기능을 구성해 보았..

이 블로그를 통해 언급한 적이 있듯이 워드프레스에서 두 개 이상의 페이지 빌더를 사용하지 않는 것이 바람직합니다. 빌더를 두 개를 동시에 활성화하면 충돌이 발생할 수 있고, 사이트 속도에도 부정적인 영향을 미칩니다. 최근 뉴스페이퍼 테마가 적용된 사이트에서 페이지를 수정해도 반영이 되지 않는 문제를 살펴본 적이 있습니다. 해당 사이트에 접속하여 살펴보니 엘리멘터(Elementor)가 함께 활성화되어 있고, 해당 페이지를 엘리멘터로 열어 본 적이 있어서 뉴스페이퍼 테마의 tagDiv Composer를 사용하여 수정을 해도 변경 사항이 반영되지 않는 문제가 나타나고 있었습니다.뉴스페이퍼/아바다 테마에서 엘리멘터(Elementor)를 사용하지 마세요뉴스페이퍼 테마에는 tagDiv Composer라는 자체 빌더..

워드프레스 인기 페이지 빌더인 엘리멘터(Elementor)에서 페이지를 편집한 후에 변경 사항을 저장하려고 업데이트 버튼을 누르면 서버 오류 (400 Bad Reqeust) 에러가 발생하면서 업데이트가 안 되는 문제가 발생하는 경우가 있을 수 있습니다.400 Bad Request 서버 오류가 발생하는 경우 해결 방법에 대하여 살펴보도록 하겠습니다.엘리멘터 서버 오류 (400 Bad Request) 에러가 발생하는 경우400 Bad Request는 보통 브라우저의 요청을 서버에서 거부하거나 요청을 처리할 수 없을 때 발생한다고 합니다.이 오류가 발생하면 먼저는 다음 조치를 취하여 문제가 발생하는지 체크해 보시기 바랍니다.다른 브라우저를 사용하여 시도해봅니다.브라우저의 사용 기록과 캐시를 삭제합니다.브라우저..

엘리멘터 프로를 사용하는 경우 자체 컨택트 폼(Form) 위젯을 사용하여 사용자들로부터 문의를 받을 수 있습니다. 문의 폼에 이용 약관 또는 개인정보 보호정책 동의 필드를 추가하고 자세한 약관 내용을 팝업 형식으로 표시하는 경우가 많습니다. 이 글에서는 자바스크립트를 사용하여 이용약관 팝업을 표시하는 방법에 대하여 살펴보겠습니다.엘리멘터 컨택트 폼에서 이용약관 전문을 팝업으로 표시하는 방법엘리멘터 컨택트 폼에서 다음과 같이 이용약관을 텍스트 상자로 표시하려는 경우에는 이전 글을 참고할 수 있습니다.이용약관 내용을 텍스트 상자로 표시하는 대신, 클릭 시 라이트박스 팝업으로 표시하는 것도 가능합니다.간단하게는 HTML/CSS로 라이트박스를 표시할 수 있습니다. 다음 글에서 소개하는 코드를 사용할 수 있습니다..

엘리멘터 프로를 사용하는 경우 섹션이나 컬럼, 요소 등에 직접  커스텀 CSS를 추가할 수 있습니다. Custom CSS 섹션에 :root 가상 클래스를 추가하는 경우 경고가 표시됩니다. 이러한 오류에 대해 간단히 살펴보고 엘리멘터 페이지에 직접 CSS를 추가하는 경우 고려해야 할 사항도 알아보겠습니다.엘리멘터(Elementor)에 커스텀 CSS 추가 시 오류가 표시되는 경우Elementor Pro를 사용하는 경우 고급 » Custom CSS에 사용자 CSS 코드를 직접 추가할 수 있습니다.이 기능을 사용할 경우 CSS 코드를 편리하고 빠르게 추가할 수 있다는 장점이 있습니다.네이버 카페에 엘리멘터에 CSS 코드 추가 시 에러가 발생하는 것에 대한 질문이 올라와서 여기에 대해 간단히 살펴보겠습니다.위의 ..

워드프레스 인기 페이지 빌더인 엘리멘터(Elementor)를 사용하면 사이트 제작 시간과 노력을 크게 절감할 수 있습니다. 특히 엘리멘터 프로의 테마 빌더를 사용하면 헤더에서 푸터까지 사이트의 모든 섹션을 자유롭게 커스텀할 수 있습니다. 테마 빌더에서 헤더, 푸터 등 템플릿을 추가하거나 기존 템플릿을 편집하려고 시도할 때 "죄송합니다. 페이지에서 콘텐츠 영역을 찾을 수 없습니다. 엘리멘터가 이 페이지에서 작동하려면 현재 템플릿에서 "the_content" 함수를 호출해야 합니다" 오류가 표시되는 경우가 있습니다. 이 문제는 에러 메시지의 안내대로 페이지에서 콘텐츠 영역이 없기 때문에 발생합니다. 이 오류 메시지가 표시되는 경우 해결 방법에 대하여 살펴보겠습니다. 엘리멘터 테마 빌더: 템플릿 추가/편집 시..