WordPress에서 이미지 비교 슬라이더를 만드는 방법

WordPress에서 이미지 비교 슬라이더를 만드는 방법

1 단계 : Elementor의 Elemento Addons 설치 및 활성화

설치하기 전에 WooCommerce와 Elementor가 대시 보드에서 활성화되어 있는지 확인하십시오.

플러그인 다운로드 : Elemento Addons 플러그인 페이지를 방문하여 플러그인을 다운로드하십시오.

WordPress 대시 보드 → 플러그인 → 새 추가 → 플러그인을 업로드하십시오.

다운로드 된 파일을 업로드하고“지금 설치”를 클릭하십시오.

설치되면 "활성화"를 클릭하여 플러그인을 활성화하십시오.

Elemento Addons를 설치하려면 아래 비디오 자습서를보십시오.

2 단계 : 요소와 함께 페이지를 만들거나 편집합니다 .

신선한 페이지를 시작하거나 기존 페이지를 편집하거나 필요에 따라 페이지에 슬라이더를 추가 하십시오 .

Elementor로 편집을 클릭하여 Elementor Page Builder를 시작하십시오.

3 단계 : 이미지 비교 위젯을 추가하십시오

Elementor 편집기에서는 사이드 바에서 Elemento Addons 위젯을 찾거나 위젯 패널에서 이미지 비교를 검색하십시오.

페이지의 어느 곳에서나 이미지 비교 위젯을 드래그 앤 드롭합니다.

4 단계 : 이미지를 업로드하십시오

여기에서 아래 이미지에서 새로 추가 된 이미지 비교 위젯을 볼 수 있습니다.

왼쪽 사이드 바를 사용하여 이미지 섹션에 이미지를 추가하여 이미지 비교 섹션을 편집하십시오.

나는 당신의 참조를위한 샘플 이미지를 포함시켰다.

5 단계 : 슬라이더를 사용자 정의합니다

왼쪽 사이드 바를 사용하여 설정을 편집하고 사용자 정의 할 수 있습니다.

왼쪽의 메뉴를 사용하여 설정을 수정하고 개인화 할 수 있습니다.

6 단계 : 페이지를 게시하십시오

설정에 만족하면 게시를 클릭하여 이미지 비교 슬라이더를 라이브로 만들 수 있습니다.

조정에 만족하면 "게시"를 클릭하여 이미지 비교 슬라이더를 다른 사람에게 볼 수 있도록하십시오.

“보기 페이지”를 클릭하여 페이지를 볼 수 있습니다.

당신은 당신의 편에서 라이브 이미지 비교 슬라이더를 볼 수 있습니다.

매니아 woocommerce 테마를 쇼핑하십시오

WooCommerce 상점을 향상시키기 위해 아름답고 기능이 가득한 테마를 찾고 있습니까?

우리는 매끄럽고 시각적으로 매력적인 쇼핑 경험을 위해 Shop Mania 테마를 적극 권장합니다.

세련된 디자인, 쉬운 사용자 정의 옵션 및 WooCommerce 호환성은 Shop Mania가 고객 만족도를 높이고 전환을 촉진하기위한 상점에 ​​훌륭한 선택입니다. 여기에서 확인할 수 있습니다.

상점 매니아의 특징 :

• 즉각적인 임박한 사이트 : 데모 사이트를 쉽게 가져 와서 상점의 요구에 맞게 사용자 정의하십시오.
• 다중 제품 카트 템플릿 : 매장 디자인에 맞게 5 개의 고품질 카트 템플릿 중에서 선택하십시오.
• 빠른보기 : 사용자가 현재 페이지를 남기지 않고 제품 세부 정보를 미리 볼 수 있습니다.
• Off-Canvas 사이드 바 : 홈페이지를 어수선하지 않고 추가 제품 및 위젯을 표시합니다.
• 플로팅 카트 : 편리한 플로팅 쇼핑 카트로 사용자 경험을 향상시킵니다.
• 제품 호버 효과 : 대화식 제품 디스플레이를위한 줌, 페이드, 이미지 스왑 및 슬라이드 효과가 포함됩니다.
• 모바일 헤더 스타일 : 완벽한 모바일 경험을 위해 맞춤형 헤더 설계.
• 사용자 정의 가능한 단일 제품 레이아웃 : 그리드 및 슬라이더 옵션을 포함한 유연한 갤러리 레이아웃.
• 고급 체크 아웃 및 카트 스타일 : 매끄럽고 산만없는 경험을위한 맞춤 체크 아웃 및 카트 페이지.