Elementor 72

워드프레스 엘리멘터 메뉴가 깨져 표시되는 문제

워드프레스 엘리멘터 프로를 사용하여 테마 빌더의 헤더 템플릿에서 헤더에 메뉴(Nav Menu)를 추가하거나 페이지에 메뉴를 배치할 때 메뉴 레이아웃이 깨져서 제대로 작동하지 않는 경우가 있습니다. 엘리멘터로 만든 메뉴가 깨져 표시되는 경우 아래 사항을 참고하여 문제 해결을 시도해보시기 바랍니다. 워드프레스 엘리멘터 메뉴가 깨져 표시되는 문제 Elementor Pro에서 다음과 같이 메뉴가 이상하게 표시되는 문제를 호소하는 분들이 계십니다. 이 문제가 발생하면 다음과 같은 조치를 취하여 문제를 해결할 수 있습니다. 기본적인 조치 먼저 테마를 임시적으로 다른 테마로 바꾸어서 문제가 사라지지 않는지 체크해보시기 바랍니다. 또한, 워드프레스 알림판 > Elementor (엘리멘터) > Tools (도구) > R..

워드프레스 WPML 플러그인으로 엘리멘터 템플릿 번역하기

WPML은 워드프레스 사이트를 다국어 사이트로 변환할 때 사용되는 플러그인으로 영어, 일본어, 중국어 등의 언어를 쉽게 추가할 수 있도록 합니다. WPML을 사용하여 원하는 언어를 추가한 후에 콘텐츠를 직접 번역하거나 자동번역 기능을 사용하여 번역할 수 있습니다. 엘리멘터 페이지 빌더로 헤더/푸터 등의 템플릿을 만든 경우 WPML로 템플릿을 각 언어로 번역이 가능합니다. 워드프레스 WPML 플러그인으로 엘리멘터 템플릿 번역하기 최근 WPML로 다국어 사이트를 만든 고객으로부터 푸터를 각 언어별로 번역하는 작업을 맡게 되었습니다. 사이트를 살펴보니 Elementor Pro의 테마 빌더로 영어 푸터 템플릿이 만들어져 있었습니다. 이 푸터를 독일어, 프랑스어, 네덜란드어 등의 언어로 번역하는 작업이었습니다. ..

워드프레스 엘리멘터 페이지 빌더 팝업 만들기

워드프레스에는 다양한 팝업 플러그인이 있습니다. Popup Maker와 같은 무료 플러그인을 사용하면 버튼 클릭 시 팝업이 표시되도록 할 수 있습니다. 이 글에서는 엘리멘터 페이지 빌더의 팝업 기능에 대해 살펴보겠습니다. 엘리멘터를 사용하는 경우 팝업 플러그인 없이 다양한 기능의 팝업을 만들 수 있습니다. 참고로 순수 CSS로도 팝업(라이트박스)을 구현할 수 있습니다. CSS를 사용할 경우 사이트 속도에 영향을 미치지 않으므로 좋은 방법일 수 있습니다. 또한, 드래그 앤 드롭 방식으로 쉽게 팝업이나 플로팅 요소(퀵메뉴)를 만들고 싶은 경우 Brave Popup 플러그인을 사용할 수 있습니다. 워드프레스 엘리멘터 페이지 빌더 팝업 만들기 Elementor 페이지 빌더에서 버튼 클릭 시 팝업이 표시되도록 하..

워드프레스 엘리멘터 프로 활성화 문제: Cannot get Token:Bad Request 에러

워드프레스 인기 페이지 빌더인 엘리멘터를 사용하면 코딩 지식이 없어도 쉽게 사이트를 만들 수 있습니다. Elementor Pro에서는 더 많은 프로 위젯과 프로 템플릿을 이용할 수 있고, 특히 Theme Builder를 사용하여 사이트의 모든 요소(예: 헤더, 푸터, 싱글 포스트, 페이지, 카테고리 페이지 등)를 알림판 내에서 커스텀할 수 있습니다. 엘리멘터 프로 활성화를 시도할 때 Cannot get Token: Bad Request 에러가 발생하면서 라이선스 등록이 안 되는 문제가 발생하는 경우가 드물지만 있습니다. 워드프레스 엘리멘터 프로 활성화 문제: Cannot get Token:Bad Request 에러 발생 시 대처 방법 엘리멘터 프로를 구입했다면 사이트를 연결하고 활성화(Connect & ..

엘리멘터 템플릿을 원하는 곳에 추가하는 방법 (예: 탭에 토글/아코디언 표시)

엘리멘터 페이지 빌더에서는 탭 기능을 사용하여 각 탭에 여러 가지 콘텐츠를 표시할 수 있습니다. 각 탭 내에 다른 엘리멘터 요소나 섹션을 추가하고 싶은 경우가 있습니다. 예를 들어, 다음 그림과 같이 FAQ 페이지에서 주제별로 다른 탭에 FAQ 항목을 추가하고 싶을 수 있습니다. (아래 그림은 인기 워드프레스 테마인 Divi 테마의 탭 기능을 사용하여 FAQ 항목들을 탭으로 표시하는 방법에 대한 글에서 인용한 것입니다. Elementor에서도 비슷하게 구현이 가능합니다.) 엘리멘터 템플릿을 원하는 곳에 추가하는 방법 (예: 탭에 토글/아코디언 표시) 엘리멘터 프로에서는 템플릿을 숏코드로 원하는 곳에 자유롭게 추가할 수 있습니다. 예를 들어, FAQ 페이지에 탭 위젯을 추가한 다음, 개별 FAQ 항목들을 ..

엘리멘터 페이지 빌더 포스트 요약글 길이 설정이 변경되지 않는 문제

엘리멘터 페이지 빌더의 포스트 위젯을 사용하면 글(포스트)과 페이지와 같은 기본 포스트 타입뿐만 아니라 커스텀 포스트 타입 글들을 다양한 방식으로 표시할 수 있습니다. 엘리멘터 포스트 위젯 설정에서 요약글(Excerpt)을 설정할 수 있는 옵션에 제공됩니다. 하지만 요약문 길이를 설정해도 변경이 되지 않는 경우가 있을 수 있습니다. Posts 위젯의 요약글 길이를 조정할 수 없는 경우 참고해보세요. 엘리멘터 페이지 빌더 포스트 요약글 길이 설정이 변경되지 않는 문제 엘리멘터 프로(Elementor Pro)에서 제공되는 Posts 위젯을 사용하여 포스트나 사용자 정의 글 유형을 다양한 방식으로 나열할 수 있습니다. Posts 편집 창에서 요약글(Excerpt)을 활성화/비활성화할 수 있고, 요약글을 표시하..

엘리멘터 페이지 빌더 "The Post Content Widget was not found in your template" 오류

워드프레스 엘리멘터 페이지 빌더로 페이지를 편집하려고 시도할 때 "The Post Content Widget was not found in your template" 오류가 발생하면서 편집이 되지 않는 경우가 있을 수 있습니다. 이 에러로 인해 페이지나 포스트(글)를 수정할 수 없는 문제가 발생하는 경우 해결 방법에 대해 살펴보겠습니다. 워드프레스 엘리멘터 페이지 빌더 "The Post Content Widget was not found in your template" 오류 사이트의 모든 페이지가 동일한 콘텐츠를 표시하여 엘리멘토 웹사이트 빌더로 페이지를 수정하려고 시도하니 위의 그림과 같은 오류가 발생하는 상황을 접한 적이 있습니다. 경고 창의 내용을 자세히 살펴보면 오류의 원인을 짐작할 수 있습니다...

워드프레스 엘리멘터 페이지 빌더: 헤더나 푸터에 배너 고정하기

워드프레스에서는 다양한 방법으로 헤더나 푸터에 배너를 고정할 수 있습니다. Top Bar 플러그인을 사용하면 심플한 배너를 헤더나 푸터에 고정하는 것이 가능합니다. 엘리멘터 페이지 빌더를 사용하는 경우 배너뿐만 아니라 다양한 요소를 헤더나 푸터에 고정할 수 있고, 특정 페이지나 특정 카테고리 혹은 전체 사이트에 배너를 표시하도록 지정할 수 있습니다. 엘리멘터를 사용하지 않는 경우 플러그인을 사용하거나 간단한 HTML과 CSS로 상단 또는 하단에 배너를 고정하는 것도 가능합니다. GeneratePress 테마를 사용하는 경우 여기에서 상단에 배너를 고정하는 방법을 살펴볼 수 있습니다. 워드프레스 엘리멘터 페이지 빌더: 헤더나 푸터에 배너 고정하기 이 글에서는 푸터에 배너나 특정 요소를 고정하는 방법에 대해..

엘리멘터 문의폼(Form): 업로드된 파일을 이메일 첨부파일로 전송하는 방법

엘리멘터 프로를 사용하는 경우 Contact Form 7과 같은 별도의 문의폼 플러그인을 사용할 필요 없이 자체적으로 제공하는 Form 위젯을 사용하여 방문자로부터 간단한 문의를 받을 수 있습니다. 엘리멘터 Form에서 파일 업로드 필드에 업로드된 파일은 이메일이 첨부파일로 전송되지 않고 이미지 URL이 이메일에 표시됩니다. 문의 데이터를 DB에도 저장하도록 설정하는 경우 엘리멘터 > Submissions에서 사용자들이 제출한 문의 데이터를 확인할 수 있습니다. 이 경우에도 이미지 URL이 표시됩니다. 엘리멘터 문의폼(Form): 업로드된 파일을 이메일 첨부파일로 전송하는 방법 엘리멘터 페이지 빌더의 문의폼에서 File Upload 필드를 추가하여 방문자들이 파일을 업로드하도록 허용할 수 있습니다. Fi..

워드프레스 엘리멘터 컬럼에 링크 거는 방법(+Div에 링크 걸기)

인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 부족해도 쉽게 사이트를 만들 수 있다는 장점이 있습니다. 엘리멘터 컬럼 전체에 링크를 거는 옵션은 제공되지 않습니다. 특정 엘리멘터 컬럼에 링크를 설정하고 싶은 경우 아래의 방법을 시도해볼 수 있습니다. 이 방법은 워드프레스 기본 에디터인 블록 에디터에서 특정 블로그 전체에 링크를 걸고 싶을 때에도 비슷하게 응용할 수 있습니다. 원리만 이해하면 특정 Div 요소에 쉽게 링크를 지정할 수 있습니다. 워드프레스 엘리멘터 컬럼에 링크 거는 방법 플러그인을 이용하여 엘리멘터 컬럼 링크 걸기 - Make Column Clickable Elementor 쉬운 방법으로 엘리멘터 페이지 빌더용 플러그인인 Make Column Clicka..