엘리멘터
해당되는 글 61건
엘리멘터 페이지 템플릿 저장 오류 시 확인 사항
워드프레스 엘리멘터 페이지 빌더로 페이지를 만든 경우, 페이지를 템플릿으로 저장하여 라이브러리에 등록하고 템플릿을 내보내기하여 다른 사이트에서 템플릿을 임포트(가져오기)할 수 있습니다. 이 방법을 이용하면 다른 사이트에서 Elementor로 만든 페이지를 가져와서 활용할 수 있습니다. 엘리멘터에서 페이지를 템플릿으로 저장할 때 오류가 발생하는 경우가 있습니다. 엘리멘터 페이지 템플릿 저장 오류 시 확인 사항에 대하여 살펴보겠습니다. 엘리멘터 페이지 템플릿 저장 오류 워드프레스 엘리멘터 페이지 빌더에서 페이지를 만들고, 업데이트 옆의 삼각형 모양의 아이콘을 클릭한 다음, 템플릿으로 저장(Save As Template)를 클릭하여 페이지를 템플릿으로 라이브러리에 저장할 수 있습니다. 페이지를 템플릿으로 저장..
엘리멘터 무료 버전 vs. 프로 버전 비교
엘리멘터(Elmentor)는 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더 플러그인입니다. 엘리멘터는 무료 버전과 프로 버전으로 제공됩니다. Elementor 프로 버전에서는 프로 템플릿과 프로 위젯, 그리고 컨택트 폼 등의 기능이 제공되고, 무엇보다 테마 빌더(Theme Builder)가 탑재되어 헤더부터 푸터까지 사이트의 모든 섹션을 워드프레스 알림판에서 커스텀하는 것이 가능합니다. 예를 들어, 블로그 포스트 템플릿이나 상품 상세 페이지 템플릿을 만들어 블로그 포스트나 상품 페이지를 원하는 대로 꾸밀 수 있습니다. 워드프레스 엘리멘터 테마 빌더로 포스트 템플릿 만들기 엘리멘터는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니다..
워드프레스 Salient 테마에서 엘리멘터 페이지 빌더 사용하기
네이버 카페에 워드프레스 Salient 테마에 엘리멘터 페이지 빌더를 사용하는 방법에 대한 질문이 올라왔었는데요. 비슷한 질문이 반복적으로 올라와서 페이지 빌더 사용 시 주의할 점에 대하여 살펴보겠습니다. 워드프레스 Salient 테마에서 엘리멘터 페이지 빌더를 사용할 수 있을까? Elementor와 같은 페이지 빌더를 사용하면 코딩 지식이 부족해도 쉽게 사이트를 만들 수 있다는 장점이 있습니다. 얼마 전에 네이버 카페에 워드프레스 Salient 테마에 엘리멘터 프로를 설치하여 사용하는 것에 대한 질문이 올라왔습니다. Salient 테마에는 WPBakery 페이지 빌더(이전 명칭 "비주얼 컴포저")가 설치되어 있습니다. WPBakery 페이지 빌더는 엘리멘터 이전에 인기를 끌었던 유료 페이지 빌더입니다...
엘리멘터 페이지 빌더: 사용자 정의 분기점 설정하기
워드프레스 엘리멘터(Elementor) 페이지 빌더에서는 기기 해상도에 따라 다르게 레이아웃을 설정할 수 있도록 반응형 모드를 지원합니다. 사이트 설정에서 각 기기에 대한 분기점 해상도 범위를 지정할 수 있고, 추가적인 커스텀 분기점(Additional Custom Breakpoints) 기능을 활성화하면 더 많은 기기에 대하여 세부적으로 레이아웃을 지정하는 것도 가능합니다. 엘리멘터 페이지 빌더: 반응형 모드 엘리멘터(Elementor)에서는 기기 해상도에 따라 특정 섹션이나 요소(엘리멘트)를 표시하거나 숨길 수 있는 반응형 옵션을 제공합니다. 해당 요소나 섹션을 선택한 다음, 고급 탭 » 반응형 섹션의 가시성 부분에서 숨기고자 하는 기기 유형을 선택하면 해당 섹션이나 엘리먼트가 선택된 기기에서 표시되..
엘리멘터: 페이지 전체 화면을 배경 이미지로 채우는 방법
그림과 같이 페이지 전체 화면을 배경 이미지로 채우고 싶은 경우 HTML/CSS 코드 또는 자바스크립트를 사용하여 구현할 수 있습니다. 워드프레스에서 엘리멘터 페이지 빌더를 사용하는 경우에는 매우 간단한 방법으로 페이지 전체를 배경 이미지로 채울 수 있습니다. 엘리멘터 페이지 빌더에서 페이지 전체 화면을 배경 이미지로 채우는 방법 Elementor 페이지 빌더를 사용하는 경우 섹션에 배경 이미지를 지정하고, 배경 이미지가 화면 전체를 채우도록 설정할 수 있습니다. 1. 페이지 편집 화면에서 페이지 템플릿에 Elementor 캔버스를 지정하도록 합니다. 2. 엘리멘터 페이지 빌더 편집 화면에서 섹션을 추가하고 섹션 편집 패널에서 스타일 탭을 클릭합니다. 위의 그림과 같이 백그라운드 이미지를 지정하고 위치(..
모바일에서 엘리멘터 Tabs 위젯의 탭 레이아웃 유지하기
워드프레스 엘리멘터 페이지 빌더의 Tabs 위젯을 사용하여 탭 레이아웃을 쉽게 만들 수 있습니다. 탭은 수평 스타일과 수직 스타일 모두 가능합니다. 하지만 모바일 기기에서는 탭 레이아웃이 유지되지 않고 세로로 쌓이는 형식으로 표시됩니다. 모바일에서 엘리멘터 Tabs 위젯의 탭 레이아웃 유지하기 Elementor 페이지 빌더의 탭 기능을 사용하여 탭을 만들었을 때 모바일에서도 PC에서와 비슷한 레이아웃을 유지하고 싶은 경우 다음 방법을 이용할 수 있습니다. 1. 먼저 Tabs 편집 패널에서 고급(Advanced) 탭을 클릭한 다음, CSS ID 필드에 [**mobile-tabs**]를 입력합니다. 2. 엘리멘터 프로를 사용하는 경우 Custom CSS 섹션에 다음 사용자 정의 CSS 코드를 입력합니다. /..
가비아 워드프레스 호스팅: 엘리멘터에서 "연결 끊김" 오류가 발생하는 경우
워드프레스에서 페이지 빌더를 사용하면 코딩 지식이 없어도 쉽게 사이트를 만들 수 있습니다. 여러 가지 페이지 빌더 중에서 현재 엘리멘터(Elementor)가 가장 인기를 얻고 있습니다. 엘리멘터를 이용하여 페이지를 편집한 후에 저장하려고 시도하면 "연결 끊김" 오류가 발생하는 경우가 있습니다. "연결 끊김. Saving has been disabled until you're reconnected"(다시 연결할 때까지 저장이 비활성화되었습니다) 에러가 발생하는 경우 워드프레스 ‘연결 끊김’ 문제 해결 방법을 참고하여 문제 해결을 시도해볼 수 있습니다. 가비아 워드프레스 호스팅에서 호스팅되는 워드프레스 사이트에서 "연결 끊김" 오류가 발생하는 경우 가비아에서는 워드프레스 전용 호스팅인 워드프레스 호스팅 상품..
워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 해결 방법
인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 없어도 수월하게 사이트를 만들 수 있습니다. 엘리멘터에서는 사전 제작된 템플릿을 제공하므로 템플릿을 로드하여 활용하면 시간을 절감할 수 있습니다. 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 아래의 내용을 참고하여 적절한 조치를 취하시기 바랍니다. 워드프레스 엘리멘터 템플릿 로드 시 "Undefined" 에러가 발생하는 경우 엘리멘터에서는 무료 버전에서도 라이브러리에 등록된 템플릿을 로드하여 사용할 수 있습니다. 위의 그림에서 PRO라 표시된 템플릿은 엘리멘터 프로(Elementor Pro)에서만 사용할 수 있고, 아무런 표시가 없는 템플릿은 무료 버전에도 사용할 수 있습니다. 무료 템플릿이 제한되어..
