워드프레스 일기의 워드프레스/Elementor 95

워드프레스 엘리멘터 우커머스 상품 (Woocomerce Products) 위젯

엘리멘터 페이지 빌더의 우커머스 상품(Woocommerce Products) 위젯을 사용하여 우커머스 상품들을 컬럼 형식으로 나열할 수 있습니다. 전체 상품 또는 특정 카테고리 내의 상품들을 표시하거나 세일 중인 상품들이나 추천 상품들을 표시하는 등 다양한 옵션이 제공됩니다. [참고*엘리멘터 프로의 테마 빌더를 사용하면 우커머스 아카이브 페이지와 우커머스 상품 페이지 템플릿을 만들어 커스텀할 수 있습니다. 자세한 정보는 엘리멘터 공식 문서를 참조해보세요.*] 워드프레스 엘리멘터 우커머스 상품 (Woocomerce Products) 위젯 WooCommerce Products 위젯은 Elementor Pro에서 제공되는 기능 중 하나로 특정 카테고리의 상품들이나 할인 중인 상품들을 상품들을 원하는 곳에 나열..

워드프레스 엘리멘터 모바일 컬럼 개수 변경하기(+컬럼 너비 설정)

엘리멘터 페이지 빌더에서 컬럼 구조를 추가하는 경우 반응형으로 작동합니다. 즉, 기기 해상도에 따라 컬럼 개수가 자동으로 조정됩니다. 가령, 2개 컬럼 구조를 추가하면 PC에서는 2개 열로 표시되지만 모바일에서는 한 행에 1개 열로 표시됩니다. 모바일에서도 한 행에 2개 컬럼으로 표시되도록 컬럼 너비를 지정하여 모바일 컬럼 개수를 변경할 수 있습니다. 워드프레스 엘리멘터 모바일 컬럼 개수 변경하기(+컬럼 너비 설정) 워드프레스 Elementor 페이지 빌더에서는 새 섹션 추가 버튼을 클릭하여 컬럼 구조를 추가할 수 있습니다. 위의 그림에서 더하기 아이콘(새 섹션 추가)을 클릭하면 다음과 같이 컬럼 구조를 선택할 수 있는 섹션이 표시됩니다. 다양한 섹션 구조를 선택할 수 있습니다. 예를 들어, 2개 열로 ..

워드프레스 엘리멘터 문의폼 위젯(Form 요소)

워드프레스에서 방문자나 고객으로부터 문의를 받고 싶은 경우 Contact Form 7이나 WPForms와 같은 문의폼 플러그인을 사용할 수 있습니다. 최근에는 테마나 페이지 빌더에 문의폼 기능을 추가하는 것이 추세 같습니다. 엘리멘터 페이지 빌더에서도 프로 버전에 Form 위젯이 탑재되어 별도의 컨택트 폼 플러그인을 사용하지 않고도 문의 양식을 추가할 수 있습니다.워드프레스 엘리멘터 문의폼 위젯(Form 요소)컨택트 폼 플러그인 vs. 테마/페이지 빌더에 탑재된 문의 폼최근 들어서는 테마나 페이지 빌더에 컨택트 폼 기능을 내장하는 사례가 늘고 있습니다. 예를 들어, 베스트셀링 테마인 아바다 테마에서는 자체적으로 Avada Form이라는 문의폼 기능을 제공하고 있습니다.테마나 페이지 빌더에 문의 폼 기능을..

엘리멘터(Elementor) 토글 위젯과 아코디언 위젯 차이점

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

엘리멘터 페이지 빌더 모바일 레이아웃 설정하기(+반응형 모드 편집)

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

워드프레스 엘리멘터 포스트 위젯(Posts)

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

워드프레스 Bridge 테마 업데이트 - 4가지 엘리멘터용 데모 추가

인기 워드프레스 테마 중 하나인 Bridge 테마는 주간 베스트셀링 테마 목록에 꾸준히 이름을 올리고 있으며 590개가 넘는 데모를 제공하고 있습니다. 브릿지는 거의 매주 새로운 업데이트가 나오고 있습니다. 매 업데이트 때마다 새로운 엘리멘터용 데모가 추가되고 있습니다. 워드프레스 Bridge 테마 업데이트 - 4가지 엘리멘터용 데모 추가 브릿지 테마는 아바다, Flatsome, The7의 뒤를 이어 주간 판매량 4위를 차지고 있는 인기 워드프레스 테마 중 하나입니다. Bridge는 Betheme 테마와 비슷하게 많은 데모를 제공하여 사용자들의 인기를 끌고 있는 것 같습니다. Bridge는 WPBakery 페이지 빌더용 데모만을 제공했지만 지금은 엘리멘터 페이지 빌더용 데모를 매주 새롭게 추가하고 있습니..

엘리멘터용 필수 플러그인 Essential Addons for Elementor

워드프레스에서 페이지 빌더를 사용하면 코딩 지식이 없어도 쉽게 프로페셔널한 사이트를 만들 수 있습니다. 무료 페이지 빌더로는 엘리멘터(Elementor)가 많이 사용되고 있습니다. 무료 버전에서는 일부 기능이 제한되어 있기 때문에 프로 위젯과 프로 템플릿 등을 사용하려면 프로 버전으로 업그레이드해야 합니다. 무료 버전을 사용하면서 프로 버전에서 제공되는 것과 비슷한 위젯을 사용하려면 Essential Addons for Elementor라는 엘리멘터용 애드온을 사용할 수 있습니다. 참고로 아바다, 엔폴드, 뉴스페이퍼, Divi 등 일부 테마에서는 자체 페이지 빌더가 탑재되어 있습니다. 페이지 빌더는 덩치가 크므로 사이트 속도에 영향을 미칠 수 있기 때문에 가능하면 사용하지 않는 것이 바람직할 수 있지만,..

워드프레스 엘리멘터 사이트에서 'Error 1015' 오류가 발생하는 경우

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

엘리멘터 키트 라이브러리(Elementor Kits Library) 사용하기

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