자주 묻는 질문(FAQ) 페이지나 Q&A 페이지를 만들 때 토글이나 아코디언이 많이 사용됩니다. 워드프레스 엘리멘터 페이지 빌더에는 토글 위젯과 아코디언 위젯이 제공됩니다. 이 두 위젯의 차이점에 대해 간략히 살펴보겠습니다. 엘리멘터(Elementor) 토글 위젯과 아코디언 위젯 차이점 워드프레스 엘리멘토 페이지 빌더 편집 페이지에서 'accordion'으로 검색하면 Tabs, 아코디언, 토글 등 3가지 위젯이 표시됩니다. 이 세 요소는 쓰임새가 비슷합니다. 그래서 'accordion'으로 검색했을 때 이 세 개가 표시되는 것 같습니다. Tabs에 대해서는 이 블로그에 소개한 적이 있습니다. 엘리멘터 페이지 빌더의 탭 (Tabs) 기능 아래 영상과 같이 탭 형식으로 콘텐츠를 표시하고 싶은 경우 페이지 빌..

워드프레스에서 엘리멘터(Elementor)와 같은 페이지 빌더를 사용하면 코딩 지식이 없어도 수월하게 사이트를 만들 수 있습니다. 엘리멘터 페이지 빌더에서 요소를 추가하면 기기 해상도에 맞게 적절히 레이아웃이 조정됩니다. 즉, 반응형으로 작동합니다. 모바일 레이아웃이 마음에 들지 않으면 변경하는 것이 가능합니다. [참고*모바일 기기나 태블릿 기기의 CSS 분기점을 조정하고 싶은 경우 "엘리멘터 페이지 빌더: 사용자 정의 분기점 설정하기"를 참고하시기 바랍니다. 모바일 기기 가로 화면, 세로 화면, 태블릿 기기 가로 화면, 세로 화면 등에 대한 분기점도 설정이 가능합니다.*] 엘리멘터 페이지 빌더 모바일 레이아웃 설정하기 엘리멘터 페이지 빌더에서 어떤 요소를 추가하면 기기 해상도에 따라 적절히 레이아웃이 ..

인기 워드프레스 페이지 빌더 플러그인인 Elmentor는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있습니다. 무료 엘리멘터 페이지 빌더로도 훌륭한 사이트를 만들 수 있지만 일부 위젯과 템플릿이 제외되어 있고 테마 빌더와 같은 고급 기능이 제공되지 않습니다. 이 글에서는 엘리멘터 프로에서 제공하는 포스트 위젯에 대하여 살펴보겠습니다. 워드프레스 엘리멘터 포스트 위젯(Posts) 엘리멘터에서 포스트나 페이지 혹은 커스텀 포스트 타입 글을 나열할 수 있는 Posts(포스트) 및 Portfolio(포트폴리오) 위젯과 Gallery(갤러리), Form(컨택트 폼), Slides(슬라이드) 등 일부 위젯은 엘리멘터 프로에서만 제공됩니다. 엘리멘터 무료 버전에서는 프로 위젯들에 자물쇠 아이콘이 표시되어 있..

최근 인기 워드프레스 페이지 빌더인 엘리멘터로 제작된 사이트에서 'Error 1015' 오류가 발생하는 경우가 많다고 합니다. 이 때문에 Elementor에 지원 요청을 하면 일시적으로 응답 시간이 길어졌습니다. 엘리멘터 사이트에서 이 문제가 발생하는 경우 우선 임시적으로 아래의 방법으로 문제를 회피할 수 있습니다. 워드프레스 엘리멘터 사이트에서 'Error 1015' 오류가 발생하는 경우 엘리멘터는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 페이지 빌더 플러그인입니다. 페이지 빌더 플러그인이 이렇게 많은 사이트에 설치되어 사용되고 있는 것은 이례적인 것 같습니다. 페이지 빌더를 사용하면 코딩 지식이 없는 초보도 페이지 빌더 사용법을 익혀서 쉽게 원하는 레이아웃의 사이트를 만들 수 있..

최근 인기 워드프레스 페이지 빌더인 Elementor에 Kits Library 기능이 추가되었습니다. 엘리멘터 프로에서는 Theme Builder를 사용하여 헤더에서 푸터까지 사이트의 모든 요소를 엘리멘터로 만들 수 있습니다. 키트 라이브러리는 페이지와 테마 빌더 템플릿을 함께 로드할 수 있도록 키트를 제공합니다. 즉, 아바다나 엔폴드 같은 테마에서 제공하는 데모와 비슷한 개념이라 생각할 수 있습니다. 엘리멘터 키트 라이브러리(Elementor Kits Library) 사용하기 엘리멘터 프로의 테마 빌더(Theme Builder)를 사용할 경우 헤더 템플릿, 푸터 템플릿, 아카이브 템플릿 등을 개별적으로 로드하여 조합하여 사이트를 만들 수 있습니다. 이러한 템플릿들과 페이지를 키트로 묶어서 한꺼번에 로드..

인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)를 사용하면 코딩 지식이 없어도 드래그 앤 드롭 방식으로 쉽게 사이트를 만들 수 있습니다. 엘리멘토에서 컬럼을 추가한 후에 컬럼 개수를 늘리거나 줄이고 싶은 경우가 있습니다. 그런 경우에도 쉽게 열 개수를 추가하거나 삭제할 수 있습니다. 엘리멘터 (Elementor) 컬럼 추가하기/삭제하기 워드프레스 엘리멘터 페이지 빌더에서 구조를 추가한 후에 컬럼(열)을 늘리거나 줄이고 싶은 경우 오른쪽 마우스 버튼을 클릭하여 추가하거나 삭제하는 것이 가능합니다. Elementor에서 새 섹션 추가 버튼을 클릭하면 먼저 열 구조를 선택하는 화면이 표시됩니다. 위의 그림에서 더하기 모양의 아이콘을 클릭하면 아래에 선택 가능한 구조가 표시됩니다. 다음과 같은 열 구..

워드프레스에서 페이지 빌더를 활용하면 페이지를 쉽게 만들 수 있습니다. 페이지 빌더는 코딩 지식이 전혀 없는 초보자도 쉽게 사이트를 만들 수 있기 때문에 편리하지만 한편으로는 사이트 속도에 영향을 미칠 수 있기 때문에 양날의 검 같습니다. Elementor는 무료이면서도 속도 면에서 비교적 괜찮은 평가를 받고 있는 페이지 빌더입니다. 그래서 점차 엘리멘터 페이지 빌더를 채택하는 테마가 늘어나고 있고, Be 테마와 Bridge 등의 인기 테마에서는 엘리멘터용 데모도 제공하기 시작했습니다. 페이지 빌더 사용법은 대동소이하게 때문에 금방 적응이 될 것입니다. Elementor 또한 다른 페이지 빌더와 비슷하게 사용법이 쉬운 편입니다. 조금만 다루어보면 쉽게 사용이 가능할 것입니다. 현재 엘리멘터는 500만 개..

인기 워드프레스 페이지 빌더인 엘리멘터 (Elementor)가 5주년을 맞이하여 최대 50% 할인 행사를 진행하고 있습니다. 엘리멘터는 무료 버전으로도 훌륭한 기능을 제공하지만, 정교한 기능을 원하거나 헤더에서 푸터까지 모든 요소를 커스텀하고 싶은 경우 프로 버전을 고려할 수 있습니다. 워드프레스 Elementor Pro 라이선스 활성화하기 (엘리멘터 프로 설치 및 템플릿 로드) 워드프레스 엘리멘터 페이지 빌더(Elementor Page Builder)는 무료로 사용할 수 있지만 프로 기능과 더 많은 템플릿을 사용하려면 엘리멘터 프로 라이선스를 활성화해야 합니다. 이 글에서는 엘리멘터 avada.tistory.com 엘리멘터 페이지 빌더 5주년 기념 세일 Elementor Website Builder는 ..

인기 워드프레스 페이지 빌더인 엘리멘터(Elementor)에서는 무료 버전에서도 구글 맵을 쉽게 넣을 수 있는 구글지도 위젯을 제공합니다. Elementor 페이지 빌더의 구글지도 위젯을 사용하면 데스크탑(PC), 태블릿, 모바일 기기에 맞게 크기를 조정할 수 있습니다. 워드프레스 엘리멘터 구글지도 위젯 사용하기 엘리멘터에는 구글지도(Google Maps)를 삽입할 수 있는 구글지도 위젯을 제공합니다. 위젯 검색 필드에 'google'을 입력하면 '구글지도' 위젯이 검색됩니다. 구글지도 위젯을 원하는 곳으로 끌어다 놓은 후에 주소를 입력하면 구글맵이 추가됩니다. 구글지도 위젯을 추가하면 '영국 런던 아이' 지역이 구글맵에 표시됩니다. 주소를 입력하고 줌(확대/축소), 높이를 설정할 수 있습니다. 하단의 ..

아래 영상과 같이 탭 형식으로 콘텐츠를 표시하고 싶은 경우 페이지 빌더에 포함된 탭 기능을 사용할 수 있습니다. 아바다(Avada)나 엔폴드(Enfold) 등 인기 테마에는 자체 페이지 빌더에서 탭(Tabs) 기능을 제공합니다. 인기 무료 페이지 빌더인 엘리멘터에서도 탭 위젯이 제공됩니다. 엘리멘터 페이지 빌더의 탭 (Tabs) 기능 엘리멘터(Elementor)를 사용하여 페이지를 만드는 경우, Tabs 위젯을 사용하여 탭 기능을 구현할 수 있습니다. 탭은 가로와 세로 등 두 가지 형식이 있습니다. 엘리멘토에서 탭을 사용하려면 엘리먼츠에서 'tabs'로 검색(①)한 다음, Tabs 위젯(②)을 끌어다가 원하는 곳에 놓습니다. 그러면 아래 그림과 같이 탭이 추가됩니다. 기본적으로 2개의 탭(Tab #1, ..