엘리멘터 프로 15

워드프레스 엘리멘터 페이지 빌더: 헤더나 푸터에 배너 고정하기

워드프레스에서는 다양한 방법으로 헤더나 푸터에 배너를 고정할 수 있습니다. Top Bar 플러그인을 사용하면 심플한 배너를 헤더나 푸터에 고정하는 것이 가능합니다. 엘리멘터 페이지 빌더를 사용하는 경우 배너뿐만 아니라 다양한 요소를 헤더나 푸터에 고정할 수 있고, 특정 페이지나 특정 카테고리 혹은 전체 사이트에 배너를 표시하도록 지정할 수 있습니다. 엘리멘터를 사용하지 않는 경우 플러그인을 사용하거나 간단한 HTML과 CSS로 상단 또는 하단에 배너를 고정하는 것도 가능합니다. GeneratePress 테마를 사용하는 경우 여기에서 상단에 배너를 고정하는 방법을 살펴볼 수 있습니다. 워드프레스 엘리멘터 페이지 빌더: 헤더나 푸터에 배너 고정하기 이 글에서는 푸터에 배너나 특정 요소를 고정하는 방법에 대해..

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

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

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

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

엘리멘터 페이지 빌더: 페이지에 사이드바 추가하기

엘리멘터 페이지 빌더는 현재 500만 개가 넘는 워드프레스 사이트에 설치되어 사용되고 있는 인기 페이지 빌더입니다. 엘리멘터는 무료 버전과 프로 버전이 있습니다. 무료 버전에서도 괜찮은 기능을 제공하며, 보다 고급 기능이나 레이아웃을 원하는 경우에는 엘리멘터 프로 버전을 사용할 수 있습니다. 이 글에서는 엘리멘터 페이지 빌더를 사용하여 페이지에 사이드바를 추가하는 방법에 대해 간략히 살펴보겠습니다. 엘리멘터 페이지 빌더: 페이지에 사이드바 추가하기 Elementor 페이지 빌더를 비롯하여 대부분의 워드프레스 페이지 빌더에서는 페이지에 사이드바를 추가할 수 있습니다. 엘리멘터에서도 사이드바 요소를 사용하여 추가가 가능합니다. 엘리멘터 페이지 빌더에서 사이드바 위젯 추가하기 페이지 편집 화면에서 새 섹션 추..

엘리멘터 페이지 빌더에 HTML 코드 추가하기 (Elementor)

엘리멘터 페이지 빌더(Elementor Website Builder)는 현재 500만 개가 넘는 워드프레스 사이트에 설치되어 사용되고 있는 인기 플러그인입니다. 페이지 빌더에서는 보통 HTML/자바스크립트 코드를 추가할 수 있는 요소를 제공합니다. 엘리멘터(엘레멘토) 페이지 빌더에서도 HTML 코드를 추가할 수 있는 위젯이 제공됩니다. HTTML 코드 추가하기 HTML 코드를 추가하려면 엘리멘츠 탭에서 html로 검색합니다. 그러면 HTML 위젯이 검색 결과에 표시됩니다. HTML 위젯을 끌어다가 원하는 곳에 놓습니다. 그러면 HTML 코드를 추가할 수 있는 상자가 왼쪽에 표시됩니다. 원하는 코드를 추가하도록 합니다. JS/CSS 코드 추가하기 페이지 빌더에서 직접 CSS 코드를 추가하는 기능은 엘리멘터..