엘리멘터 페이지 빌더 78

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

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

엘리멘터 Search Results for: 문구 번역(+검색 결과 페이지 커스텀)

워드프레스 검색 시 Search Results for: 문구는 보통 테마의 search.php 파일을 커스텀하거나 Loco Translate와 같은 플러그인을 사용하여 번역할 수 있습니다. 엘리멘터 프로에서 아카이브 페이지 또는 검색 결과 페이지 템플릿을 만든 경우 "Search Results for:" 문구를 Loco Translate 플러그인을 사용하여 번역할 수 없습니다. 엘리멘터 프로를 사용하는 경우 다음과 같은 방법으로 Search Results for: 텍스트를 한글로 바꾸고 검색 결과 아카이브 템플릿을 커스텀할 수 있습니다. 참고로 엘리멘터의 Theme Builder를 통해 Archive(아카이브) 템플릿을 만들면, 검색 시 "검색 결과 아카이브" 템플릿이 없을 경우 "아카이브" 템플릿을 통..

워드프레스 엘리멘터 문의 폼(Form) 위젯에서 체크박스 필수 선택 문제

인기 워드프레스 페이지 빌더인 엘리멘터의 프로 버전에는 Form 위젯이 포함되어 있습니다. 워드프레스에는 Contact Form 7이나 WPForms와 같은 무료 컨택트 폼 플러그인을 사용하여 사용자들로부터 문의를 받을 수 있지만, Elementor Pro를 사용한다면 외부 문의 플러그인을 설치할 필요 없이 자체 기능을 사용하여 방문자로부터 문의를 받을 수 있습니다. 워드프레스 엘리멘터 문의폼 위젯(Form 요소) 워드프레스에서 방문자나 고객으로부터 문의를 받고 싶은 경우 Contact Form 7이나 WPForms와 같은 문의폼 플러그인을 사용할 수 있습니다. 최근에는 테마나 페이지 빌더에 문의폼 기능을 추가하는 avada.tistory.com 엘리멘터 Form을 사용할 경우 DB에도 문의 내용이 저장..

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

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

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

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

워드프레스 엘리멘터 테마 빌더로 포스트 템플릿 만들기

엘리멘터는 현재 500만 개가 넘는 사이트에 설치되어 사용되고 있는 인기 워드프레스 페이지 빌더입니다. Elementor 무료 버전으로도 코딩 지식 없이 웬만한 사이트를 만들 수 있지만, 커스텀이 필요한 경우 엘리멘터 프로를 사용하면 시간과 노력을 절감할 수 있습니다. 엘리멘터 프로에 탑재된 테마 빌더(Theme Buider)로 헤더, 푸터, 싱글 포스트, 페이지, 아카이브(카테고리, 태그 등), 검색 페이지, 404 에러 페이지 등의 템플릿을 수월하게 만들어 적용할 수 있습니다. 이 글에서는 테마 빌더로 포스트 템플릿을 만드는 방법을 살펴보겠습니다. 워드프레스 엘리멘터 테마 빌더로 포스트 템플릿을 만드는 방법 Elementor Pro의 Theme Builder를 사용하면 헤더에서 푸터까지 사이트의 각 ..

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

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

워드프레스 Brizy 페이지 빌더 블프 세일

Brizy는 엘리멘터 페이지 빌더와 비슷한 기능을 제공하면서 가격은 엘리멘터보다 저렴한 워드프레스 페이지 빌더 플러그인입니다. 이 페이지 빌더는 라이프타임 라이선스를 신설하여 비용 부담이 덜한 편입니다. 하지만 사용자 수는 극적으로 증가하지는 않고 있습니다. 가격 때문에 Elementor를 사용하기에 부담이 되는 경우 Brizy를 대안으로 고려해볼 수 있습니다. 워드프레스 Brizy 페이지 빌더 블프 세일 Brizy 페이지 빌더에서 대하여 1년 전에 이 블로그에 소개해드린 적이 있습니다. 새로운 워드프레스 페이지 빌더 Brizy, 제2의 엘리멘터가 될 수 있을까? 몇 년 전만 해도 비주얼 컴포저가 많은 테마에 탑재되어 인기를 끌었습니다. 고질적인 속도 문제와 자잘한 버그가 있었지만 이 페이지 빌더만 한 ..

Elementor "미리보기를 표시할 수 없습니다" 간단 해결 방법(+임시 해결법)

최근 들어 워드프레스 인기 페이지 빌더인 Elementor를 실행하면 "미리보기를 표시할 수 없습니다" 오류 창이 뜨면서 편집 화면으로 이동할 수 없는 현상이 자주 발생하는 것 같습니다. 이 오류는 메모리 제한 크기가 부족하거나 .htaccess 파일이 손상되는 등으로 인해 발생할 수 있습니다. 이런 원인이 아닌 경우에도 발생할 수 있는데요. 먼저는 아래의 방법으로 문제가 해결되는지 체크해보시기 바랍니다. Elementor "미리보기를 표시할 수 없습니다" 간단 해결 방법 엘리멘터 페이지 빌더를 실행할 때 '미리보기를 표시할 수 없습니다(Preview Could Not Be Loaded)' 에러 창이 표시되면 PHP 메모리 크기를 확인하여 작은 경우 크기를 늘려보시기 바랍니다. 그리고 다음과 같은 조치로..

카테고리 없음 2021.11.28

우커머스 연관 상품 제거하기/숨기기/비활성화하기

워드프레스 우커머스 쇼핑몰에서 개별 상품 페이지 하단에 관련 상품을 소개하는 연관 상품 섹션이 있습니다. 연관 상품은 고객들이 흥미를 가질 수 있는 관련 상품들을 제시하여 수익을 증대시킬 수 있습니다. 하지만 경우에 따라 연관 상품을 제거하거나 비활성화하기를 원할 수도 있습니다. 우커머스 연관 상품 제거하기/숨기기/비활성화하기 아바다 테마의 Classic Shop 데모를 설치하면 상품 페이지 하단에 연관 상품들이 표시됩니다. 우커머스 전용 테마인 Flatsome에서도 상품 페이지 하단에 '연관 상품' 섹션이 표시됩니다. 이러한 연관 상품을 제거하거나 숨기고 싶은 경우 여러 가지 방법으로 가능합니다. 커스텀 CSS를 사용하여 연관 상품 숨기기 CSS 코드를 사용하여 연관 상품 섹션을 숨길 수 있습니다. C..