워드프레스 사이트에서 엘리멘터 플러그인을 업데이트한 후에 사이트에 오류가 발생하거나, 혹은 다른 플러그인이 엘리멘터의 버전과 호환이 되지 않아서 문제가 발생하는 경우 엘리멘터 페이지 빌더의 버전을 롤백하거나 변경하여 문제 해결을 시도해 볼 수 있습니다. 엘리멘터는 자체적으로 버전을 변경할 수 있는 옵션을 제공합니다.엘리멘터 플러그인: 버전 변경, 롤백 방법Elementor 페이지 빌더는 현재 1,000만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 플러그인입니다.이 페이지 빌더를 사용하면 디자인 지식이 부족해도 고 퀄리티 사이트를 만들 수 있습니다. 특히 Envato Elements(구독제)에서 제공하는 엘리멘터 템플릿을 활용하면 디자인 작업이 거의 필요 없이 마음에 드는 템플릿을 로드하여..

워드프레스 인기 페이지 빌더인 엘리멘터의 유료 버전인 Elementor Pro에서는 방문자로부터 문의를 받을 수 있는 Form 위젯을 사용하여 문의 폼을 만들 수 있습니다. 기본적인 문의 폼에서는 라벨이 입력 필드 위에 위치하고 있습니다.라벨을 입력 필드 왼쪽에 표시하기를 원할 수 있습니다.이 글에서는 엘리멘터 프로의 Form 요소를 사용하여 문의 양식을 만들 때 라벨을 입력 필드 왼쪽에 위치시키는 방법에 대하여 살펴보겠습니다.엘리멘터 프로 Form (문의 폼) 위젯: 라벨을 입력 필드 왼쪽으로 이동시키는 방법워드프레스에는 다양한 컨택트 폼 플러그인을 사용하여 사용자로부터 문의를 받을 수 있습니다. 무료 컨택트 폼 플러그인으로 Contact Form 7과 WPForms Lite 등이 있습니다. 하지만 이..

엘리멘터(Elmentor)는 1,000만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더 플러그인입니다. 엘리멘터는 무료 버전과 프로 버전으로 제공됩니다. Elementor 프로 버전에서는 프로 템플릿과 프로 위젯, 그리고 컨택트 폼 등의 기능이 제공되고, 무엇보다 테마 빌더(Theme Builder)가 탑재되어 헤더부터 푸터까지 사이트의 모든 섹션을 워드프레스 알림판에서 커스텀하는 것이 가능합니다. 예를 들어, 블로그 포스트 템플릿이나 상품 상세 페이지 템플릿을 만들어 블로그 포스트나 상품 페이지를 원하는 대로 꾸밀 수 있습니다. 워드프레스 엘리멘터 테마 빌더로 포스트 템플릿 만들기엘리멘터는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니..

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

엘리멘터 페이지 빌더로 만든 워드프레스 사이트에서 헤더가 갑자기 사라진 문제 해결을 의뢰받았습니다. 이런 경우 몇 가지 원인을 유추하여 문제 해결을 시도해 볼 수 있을 것 같습니다.워드프레스 엘리멘터로 만든 사이트에서 헤더가 사라지는 문제한국어 버전과 영어 버전으로 제작된 워드프레스 사이트에서 한국어 사이트에서만 헤더 부분이 사라지는 문제가 발생하여 클라이언트께서 연락을 해왔습니다.사이트를 살펴보니 엘리멘터 프로의 테마 빌더(Theme Builder)에서 헤더 템플릿을 만들어 헤더를 표시하고 있었습니다.헤더 템플릿을 열어보니 상단 헤더 영역의 왼쪽에는 로고가 배치되었고 오른쪽에는 메뉴가 표시되도록 구성된 것을 확인할 수 있었습니다.이런 경우 다음과 같은 사항을 체크해볼 수 있을 것 같습니다.헤더 템플릿의..

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

메가 메뉴는 SEO적인 측면에서 그리 바람직하지 않지만 많이 사용되고 있어 아바다 등 인기 테마에서는 메가 메뉴 기능을 기본적으로 제공합니다. 그리고 엘리멘터 프로에서도 메가 메뉴 기능이 제공됩니다. 하지만 일반적인 메가 메뉴와 달리 우리나라에서는 모든 최상단 메뉴에 대하여 동일한 하위 메뉴 항목(메가 메뉴 항목)이 표시되도록 하는 방식이 널리 사용되고 있습니다.엘리멘터를 사용할 경우 ElementsKit(엘리먼츠킷)을 사용하면 비슷하게 구현이 가능하지만, 원하는 대로 구현하려면 약간의 조정이 필요합니다.고객의 요청에 따라 Elementor Pro 외의 다른 추가적인 플러그 없이 한국형 메가 메뉴를 구현하는 작업을 맡았습니다. 가급적 쉽게 응용할 수 있도록 만들려고 합니다. 구글링 해보면 Elements..

네이버 카페에 엘리멘터로 만든 워드프레스 사이트에서 모바일 메뉴 내비게이션이 왼쪽으로 밀려서 나타나는 문제를 어떤 분이 알려주었습니다.모바일 버전에서 햄버거 메뉴 아이콘을 클릭할 때 메뉴 내비게이션 바가 왼쪽으로 쏠려서 표시되고, 두세 번 클릭하면 정상적으로 표시되는 현상이었습니다. 페이지가 바뀔 때마다 왼쪽으로 밀려서 표시되었습니다.워드프레스 엘리멘터: 모바일 메뉴 내비게이션이 왼쪽으로 밀리는 현상실제 사이트를 스마트폰에서 확인해보니 아래 그림과 같이 메뉴가 왼쪽으로 쏠려서 메뉴가 제대로 표시되지 않는 문제가 나타났습니다. 두 번 혹은 세 번 누르면 정상적으로 표시되었습니다.사이트에 접속하여 살펴보니 엘리멘터(Elementor)용 Header & Footer Builder를 사용하여 헤더와 푸터가 제작..

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

워드프레스 사이트에서 작업을 하다가 갑자기 헤더가 사라지거나 제대로 표시되지 않는 문제가 발생하는 경우가 있을 수 있습니다. 보통은 사용자가 설정을 잘못 변경하여 이런 문제가 발생할 수 있습니다. 의도와 달리 헤더가 사라지는 등의 문제가 발생하는 경우 대처 방법에 대하여 살펴보겠습니다. 📍 클라우드웨이즈 할인 프로모 코드 & 가입 방법 워드프레스 사이트에서 헤더가 제대로 표시되지 않는 문제가 발생하는 경우 네이버 카페에 사용자 정의하기에서는 주헤더가 이중으로 보이고 홈페이지 주소로 접속을 하면 헤더가 보이지 않는 문제에 대한 질문에 올라와서 이런 문제가 발생할 경우 체크할 사항에 대하여 정리해 보았습니다. 해당 워드프레스 사이트의 환경은 다음과 같았습니다. 웹호스팅: FastComet(패스트코멧) 테마:..