워드프레스에는 다양한 페이지 빌더가 있습니다. 아바다, 엔폴드, 뉴스페이퍼, Divi 등의 워드프레스 테마에는 자체 개발한 페이지 빌더가 사용되고 있고, 많은 유료 테마에서 WPBakery Page Builder가 기본 페이지 빌더로 탑재되어 있습니다. 하지만 최근 몇 년 사이에는 엘리멘터 페이지 빌더가 인기를 끌고 있습니다. WPBakery가 지는 해라면 엘리멘터가 뜨는 해라고 할 수 있겠네요. 최근에는 Brizy라는 새로운 페이지 빌더가 사용자 수를 늘려가고 있습니다. Brizy가 이달 초에 메가 메뉴 빌더 등 기능을 추가한 새로운 버전을 내놓았습니다. 워드프레스 페이지 빌더 Brizy 2.0 공개 이 블로그에서 Brizy 페이지 빌더를 얼마 전에 소개한 적이 있습니다. Brizy가 지금은 인지도와 ..

워드프레스 엘리멘터 페이지 빌더에서 모바일 및 태블릿 중단점 (Breakpoint) 설정을 변경할 수 있습니다. 원하는 경우 테마의 중단점에 맞추어 엘리멘터에서 모바일 중단점 설정을 변경할 수 있습니다. 보다 정교하게 태블릿, 모바일, PC 중단점(분기점)을 설정하고 싶은 경우 다음 글을 참고해보세요. 엘리멘터 페이지 빌더: 사용자 정의 분기점 설정하기 워드프레스 엘리멘터(Elementor) 페이지 빌더에서는 기기 해상도에 따라 다르게 레이아웃을 설정할 수 있도록 반응형 모드를 지원합니다. 사이트 설정에서 각 기기에 대한 분기점 해상도 범위를 avada.tistory.com 워드프레스 엘리멘터 페이지 빌더에서 모바일 중단점 설정 변경하기 엘리멘터 페이지 빌더를 사용하면 반응형으로 작동하여 PC, 태블릿,..

워드프레스에서는 다양한 방법으로 자주하는 질문 (FAQ) 페이지에 사용되는 토글 형식의 요소를 만들 수 있습니다. 질문을 클릭하면 질문에 대한 답변이 표시되는 이러한 토글을 '아코디언'이라고도 합니다. 아바다, 엔폴드와 같은 테마에서 기본적으로 아코디언 또는 토글 요소를 제공합니다. 엘리 멘터 페이지 빌더에서도 '자주 묻는 질문' 페이지에 사용할 수 있는 '토글' 엘리먼트를 사용할 수 있습니다. 워드프레스 엘리멘터 페이지 빌더 자주하는 질문 (FAQ) 만들기 엘리멘터 페이지 빌더에는 '토글' 엘리먼트를 사용하여 FAQ 항목을 추가할 수 있습니다. Elementor에서 제공되는 사전 구성된 템플릿 중에도 FAQ 요소가 포함된 템플릿이 있습니다. FAQ 블록도 있습니다. 다음 영상은 엘리멘터에서 기본적으로 ..

원페이지 홈페이지는 몇 년 전에 유행하던 형식으로 요즘은 잘 사용되지 않습니다. 워드프레스에서는 대부분의 인기 테마에서 원페이지 레이아웃의 데모를 제공하고 있습니다. 그리고 원리를 알면 쉽게 원페이지 포맷의 홈페이지를 만들 수 있습니다. 워드프레스로 원페이지 홈페이지 만들기 아바다 테마, 엔폴드 테마 등의 인기 다목적 워드프레스 테마에는 원페이지 (One Page) 포맷의 데모가 제공됩니다. 다음은 Enfold 테마에서는 제공하는 원페이지 데모 중 일부를 보여줍니다. 두 번째 데모의 경우 스크롤할 때 메뉴가 상단에 고정이 안 되어 사용자 입장에서 이동하기가 조금 불편해 보이네요. 이 경우 메뉴를 고정하는 옵션을 선택할 수 있습니다. 현재 사용 중인 테마에서 원페이지 데모를 제공하지 않는 경우에는 직접 원..

워드프레스 엘리멘터 페이지 빌더에서 Font Awesome 아이콘이나 다른 아이콘이 제대로 표시되지 않는 경우가 있습니다. Font Awesome 아이콘이 깨져서 보이는 경우 1) 엘레멘터 플러그인의 설정을 변경했거나 2) 아이콘 라이브러리에서 아이콘이 사라졌을 수 있습니다. 워드프레스 엘리멘터 페이지 빌더에서 Font Awesome 아이콘이 깨지는 경우 워드프레스 Elementor 페이지 빌더를 업데이트한 후에 간혹 아이폰이 엑박으로 표시되면서 깨져 보일 수 있습니다. 그런 경우 다음의 두 가지가 원인일 수 있습니다. 엘리멘터 플러그인의 설정을 변경한 경우 아이콘 라이브러리에서 아이콘이 사라진 경우 엘리멘터 페이지 빌더를 업데이트했거나 새로 설치한 후에 FontAwesome 아이콘이 표시되지 않는 경우..

몇 년 전만 해도 비주얼 컴포저가 많은 테마에 탑재되어 인기를 끌었습니다. 고질적인 속도 문제와 자잘한 버그가 있었지만 이 페이지 빌더만 한 것이 없어 많이 사용되다가 엘리멘터 페이지 빌더가 나오면서 상황이 달라졌습니다. 엘리멘터는 속도가 비교적 가볍고 무료 버전에서도 괜찮은 기능이 탑재되어 현재 500만 개 이상 사이트에서 사용되고 있습니다. Brizy는 비교적 최근에 만들어진 페이지 빌더로 여러 면에서 엘리멘터와 닮은 점이 있습니다. 새로운 워드프레스 페이지 빌더 Brizy, 제2의 엘리멘터가 될 수 있을까? Brizy는 사용 편의성과 경쟁적인 가격으로 엘리멘터를 추격하고 있습니다. 현재 6만 개 이상 사이트에 설치되어 있는 이 페이지 빌더 플러그인은 500만 개 이상 사이트에 설치된 Elemento..

Elementor 페이지 빌더는 현재 400만 개 이상 사이트에 설치되어 사용되고 있는 인기 워드프레스 플러그인입니다. 무료 버전이지만 유료 페이지 빌더에 못지않은 기능과 성능(빠른 속도) 때문에 영향력을 점점 확대하는 것 같습니다. 워드프레스에는 워낙 많은 테마와 플러그인이 있기 때문에 종종 특정 환경에서 Elementor가 제대로 작동하지 않을 수 있습니다. Elementor 페이지 빌더에서 오른쪽 마우스 버튼이 작동하지 않는 문제가 발생하는 경우 Elementor 페이지 빌더에서 특정 요소를 선택하고 마우스 오른쪽 버튼을 클릭하면 상황별 메뉴(컨텍스트 메뉴)가 표시됩니다. 컨텍스트 메뉴를 이용하면 엘리멘터 페이지 빌더에서의 편집 작업이 수월해집니다. 어떤 이유로 마우스 오른쪽 버튼이 작동하지 않는 ..

워드프레스 Elementor 페이지 빌더는 무료이지만 기능상 유료 못지않아 현재 4백만 개 이상 사이트에 설치되어 사용되고 있습니다. (2021년 7월 현재 사용자 수가 더 늘어서 이제 500만 개가 넘는 사이트에 활성화되어 있습니다.) Elementor는 무료 버전에서 일부 페이지 템플릿을 로드하여 활용할 수 있습니다. 무료 템플릿을 세어 보니 약 40개 정도네요. PRO라고 표시된 템플릿은 Elementor PRO 버전에서만 사용할 수 있습니다. 하지만 블로그/매거진 템플릿은 부족한 편입니다. Elementor의 무료 버전에는 매거진 요소가 없기 때문에 원하는 레이아웃의 블로그/매거진 사이트를 만들기가 쉽지 않을 수 있습니다. 뉴스, 매거진, 블로그 사이트를 원하는 경우 Newspaper (뉴스페이퍼..

워드프레스 테마에서 페이지 빌더를 사용하는 경우 페이지 빌더 내에서 컬럼, 열 등에 배경 이미지를 설정하는 옵션을 제공합니다. 아바다 테마: 베스트셀링 테마인 아바다(Avada) 테마의 경우 Container와 Column에 배경 이미지를 설정할 수 있습니다. Container: 해당 컨테이너 편집 화면에서 BG 탭을 클릭하고 Background Options를 Image로 설정하면 배경 이미지를 업로드할 수 있는 필드가 표시됩니다. Video를 선택하면 동영상을 컨테이너에 설정이 가능합니다. 아바다에서는 컨테이너에 직접 업로드한 동영상이나 YouTube/Vimeo 동영상을 배경 동영상으로 설정할 수 있습니다. Column에는 동영상을 배경으로 설정할 수 없고, Color, Graident, Image ..

워드프레스로 홈페이지를 직접 만들거나 관리하는 경우, 웹 에이전시로서 고객들의 홈페이지를 제작, 관리해주는 사업을 하는 경우, 보다 수월하게 페이지를 디자인하고 싶을 수 있을 것입니다. 그런 경우에 페이지 빌더를 사용하면 작업이 훨씬 수월해질 것입니다. 워드프레스에는 다양한 페이지 빌더가 있습니다. 인기 워드프레스 테마인 아바다, 엔폴드, 뉴스페이퍼, Divi 테마 등에는 자체 페이지 빌더가 사용됩니다(예: 아바다 테마에는 Fusion Builder, 뉴스페이퍼에는 tagDiv Composer가 탑재되어 있음). 무료 페이지 빌더로 Elementor가 있습니다. Elementor는 무료와 유료가 있으며, 무료 버전으로 코딩 지식 없이 사이트를 만드는 데 손색이 없습니다. 워드프레스 Elementor 페이..