Elementor 3.9 소개: 디자인 워크플로우를 향상시키기 위해 요소에 대한 새로운 기본 옵션으로 저장

게시 됨: 2022-12-13

Elementor 3.9에는 새로운 기본값으로 저장 옵션이 포함되어 있으며 루프 빌더의 기능을 확장하여 WooCommerce 및 섹션 기반 레이아웃을 지원하고 웹사이트 디자인과 사용자 경험을 개선하는 몇 가지 추가 기능을 제공합니다.

신규: 기본값으로 저장

Elementor 3.9를 사용하면 새로운 기본값으로 저장 기능을 활용하여 디자인 워크플로를 개선하고 요소를 Editor로 드래그할 때 웹 사이트에 표시되는 방식을 완전히 사용자 지정할 수 있습니다.

이 업데이트를 통해 모든 단일 요소의 모든 기본 설정을 조정하고 원하는 대로 사용자 지정할 수 있습니다. 자리 표시자 이미지를 로고와 같은 원하는 이미지로 바꾸고, 자리 표시자 텍스트를 조정하고, 색상과 글꼴을 원하는 것으로 바꿀 수 있습니다. 그런 다음 요소를 마우스 왼쪽 버튼으로 클릭하고 저장하여 기본값으로 저장합니다. 이 작업을 수행하면 조정한 새 위젯을 끌 때마다 구성한 새 기본 설정이 표시됩니다. 작업 흐름을 개선하고 웹 사이트 생성 프로세스를 가속화하기 위해 모든 새 기본 설정을 가져오거나 내보낸 모든 키트 또는 템플릿으로 전달할 수도 있습니다.

모든 Elementor 요소에는 미리 구성된 기본 스타일 및 고급 설정이 포함되어 있습니다. 여기에는 자리 표시자 이미지, 아이콘 또는 텍스트, 기본 색상 및 글꼴 또는 특정 전체 색상 및 글꼴과의 연결이 포함됩니다. 의미 – Button 위젯을 예로 들면 위젯 패널에서 Editor로 드래그할 때마다 배경이 Global Colors에서 설정한 Accent 색상을 채택하고 텍스트 색상은 흰색 등이 됩니다.

새로운 기본값으로 저장 기능은 요소를 저장하기 전에 변경 사항을 저장하므로 새 기본값으로 저장하기 전에 중요한 정보를 포함하지 않도록 각별히 주의해야 합니다. 예를 들어 PayPal 버튼을 새 위젯으로 저장하기 전에 PayPal 계정의 이메일 주소를 포함하지 않는 것이 좋습니다. CSS ID, API 키 등을 포함한 모든 민감한 정보에도 동일하게 적용됩니다.

다음은 새 기본값으로 저장 기능을 사용하는 방법에 대한 세 가지 예입니다.

다른 전역 색상 또는 글꼴(예: 보조 대신 기본)과 연결되도록 요소의 색상 또는 글꼴을 업데이트합니다.
새 기본 패딩과 버튼과 같은 위젯의 여백을 설정합니다.
로고, 이미지 또는 특정 지침을 이미지 위젯의 이미지 자리 표시자 또는 텍스트 위젯의 텍스트 자리 표시자로 포함합니다. 그렇게 하면 웹 크리에이터로서의 비즈니스를 고객에게 지속적으로 홍보하고 고객이 웹사이트를 업데이트할 때 지원할 수 있습니다.

[프로] WooCommerce 및 섹션을 지원하도록 확장된 루프 빌더

Elementor 3.8의 루프 빌더 출시에 이어 이 버전은 루프 빌더의 기능을 확장하여 WooCommerce를 지원합니다. 이 업데이트를 사용하면 전자상거래 웹 사이트를 디자인할 때 창의력을 발휘할 수 있도록 제품 목록에 대한 사용자 지정 템플릿을 디자인할 수 있습니다.

이제 Loop Builder를 사용할 때 만들려는 템플릿 유형을 선택하는 것으로 시작합니다. WooCommerce의 경우 제품을 선택합니다. 그러면 위젯 패널이 상단에 WooCommerce 위젯을 추천하지만 모든 위젯과 동적 콘텐츠 태그를 사용하여 기본 항목 템플릿에 추가 WooCommerce 콘텐츠를 표시할 수 있습니다.

템플릿 디자인을 완료하면 모든 페이지에서 템플릿을 사용하고 레이아웃, 페이지 매기기 및 스타일을 조정하고 디자인과 브랜드에 가장 적합한 방식으로 제품을 표시할 수 있습니다.

Elementor 3.9는 또한 섹션 열 레이아웃에 대한 지원을 도입하므로 아직 Flexbox 컨테이너를 사용할 준비가 되지 않은 경우 여전히 루프 빌더를 사용하여 섹션 열 레이아웃을 사용하여 사용자 지정 목록을 생성할 수 있습니다.

[Pro] 향상된 팝업 고급 규칙 – 최대 X번 지속 또는 세션/일/주/월당 표시

Elementor 팝업에 대한 가장 인기 있는 요청 중 하나는 팝업이 나타나는 횟수를 결정하는 고급 규칙을 강화하는 것이었습니다. 지금까지는 팝업을 X번 표시할 수 있었지만 팝업이 표시되는 기간은 지정되지 않았습니다. 따라서 팝업이 3번 나타나도록 설정하면 방문자가 방문 빈도에 관계없이 웹 사이트를 방문한 다음 3번에 팝업이 나타납니다.

이 업데이트된 고급 규칙을 사용하면 팝업을 지속적으로 표시하거나 세션, 하루, 일주일 또는 한 달의 특정 시간 프레임 내에서 표시할 횟수를 설정할 수 있습니다. 이렇게 하면 원하는 빈도로 팝업을 제공하고 사용자 경험을 개선하며 원하는 팝업 결과를 얻을 수 있습니다.

성능 개선

우리는 귀하의 웹사이트 성능을 개선할 수 있는 방법을 지속적으로 찾고 있으며 최근에는 Chrome과 협력하여 함께 기회 영역을 식별했습니다. Elementor는 Chrome 사용자 경험 보고서, Core Web Vitals 기술 보고서 등 Google 도구를 활용하면서 Chrome 전문가로부터 기술 자문을 받았습니다. Elementor 3.9는 다음을 포함하여 웹 사이트의 성능에 상당한 영향을 미칠 수 있는 여러 가지 성능 개선 사항을 도입합니다.

배경 이미지 지연 로드 알파 실험

배경 이미지는 웹 사이트 디자인의 필수적인 부분이지만 성능 및 LCP(Largest Contentful Paint) 점수에 부정적인 영향을 미칠 수 있습니다. 웹사이트 성능 및 LCP 점수를 최적화하는 것은 사이트를 방문할 때 방문자의 경험을 최적화하고 검색 엔진 결과에서 검색 가능성을 높이는 데 중요합니다.

지연 로드를 배경 이미지에 추가하면 웹사이트의 모양을 손상시키지 않으면서 웹사이트의 성능과 LCP 점수를 향상시킬 수 있습니다.

이 실험을 활성화하면 다음 영역에서 접힌 부분 아래의 모든 배경 이미지에 지연 로드가 적용됩니다.

섹션 - 섹션 배경 및 섹션 배경 오버레이
열 – 열 배경
컨테이너 – 컨테이너 배경 및 컨테이너 배경 오버레이
일반 위젯 배경 – 고급 탭에서 액세스합니다.

Elementor는 이제 "WebP 업로드"를 위한 성능 랩과 호환됩니다.

Performance Lab 플러그인을 활성화하면 JPEG로 업로드한 이미지가 자동으로 WebP로 변환됩니다. Performance Lab 플러그인이 이미지 형식을 WebP로 성공적으로 변환할 수 없는 경우 웹사이트에 기본 JPEG가 표시됩니다. 또한 Performance Lab 플러그인을 활성화한 후 업로드된 JPEG 이미지만 WebP 형식으로 변환되며 그 전에 업로드된 모든 이미지는 JPEG 형식을 유지합니다.

더 많은 사용자 정의, 더 많은 디자인, Elementor의 더 많은 것

Elementor 3.9는 보다 편리한 방식으로 웹 사이트에서 더 많은 것을 달성할 수 있도록 지원합니다. 기본값으로 저장하는 새로운 기능을 사용하면 모든 요소의 시작점을 웹 사이트의 요구 사항에 맞게 사용자 지정하고 생성 프로세스를 가속화할 수 있습니다. 이 업데이트에는 Loop Builder의 개선 사항도 포함되어 있어 웹사이트 디자인을 더욱 사용자 정의할 수 있을 뿐만 아니라 다양한 성능 개선 기능을 제공하므로 웹사이트의 모양과 모양 중에서 선택할 필요가 없습니다. 성능.

Elementor 3.9의 새로운 기능을 사용해 보고 댓글 섹션에서 웹 사이트에서 이러한 새로운 기능을 어떻게 사용할 것인지 알려주십시오.