Elementor를 사용하여 WordPress에서 수직 이미지 회전 목마를 만드는 방법

Muneeb 워드프레스 튜토리얼 Jan 21, 2022

뷰어가 슬라이드쇼에서 앞이나 뒤로 이동하는 버튼을 눌러 선택할 수 있는 사진이나 정보의 슬라이드쇼를 이미지 캐러셀이라고 합니다. 웹사이트의 전반적인 외관을 밝게 하고 필수 서비스를 홍보하는 데 도움이 됩니다.

매력적인 사진은 새로운 방문자의 관심을 즉시 끌어 사이트를 방문하도록 유도할 수 있습니다. 이 튜토리얼에서는 Elementor 를 사용하여 WordPress에서 세로 그림 회전 목마를 만드는 방법을 보여줍니다.

Elementor 수직 이미지 회전 목마를 만드는 방법

먼저 Elementor Vertical Smooth Carousel에 적합한 그림을 만드십시오. 이미 모든 사진이 포함된 이미지가 필요합니다. Canva와 유사한 프로그램인 Crello 를 사용하여 만들 수 있지만 모든 이미지 편집 소프트웨어로 충분합니다.

물론 이것은 다이내믹하지 않다는 단점이 있고, 사진 몇장만 변경해야 하는 경우에는 불편할 수 있습니다. 그러나 몇 가지 이점을 제공합니다. JS 요구 사항이 없는 CSS 전용 캐러셀을 생성합니다. 애니메이션은 매우 매끄럽고 CPU 사용률이 매우 낮습니다. 간단히 말해서, 약간 불편하지만 매우 효과적입니다.

놀라운 웹사이트 만들기

최고의 무료 페이지 빌더 Elementor와 함께

지금 시작

그런 다음 열에 세로 이름 을 클래스로 지정합니다.
레이아웃 설정 에서 해당 열의 위젯 공간 을 0으로 설정합니다.

Add an image element to that column and choose the picture you made. 해당 열에 이미지 요소를 추가하고 만든 그림을 선택합니다. Assign the class carousel vertical to the picture element . 그림 요소수직으로 클래스 캐러셀 을 할당합니다.

모든 것을 원하는 대로 정확하게 만든 다음 복제하십시오. 해당 열에는 각각 동일한 매개변수를 가진 2개가 필요합니다. 그런 다음 아래 제공된 CSS 코드를 사용하여 진행할 수 있습니다. 어디에서나 이 코드를 사용하여 변경할 수 있습니다.

.carouselvertical {
    animation: 10s linear 0s infinite normal none running vloop;
}

.verticalcolumn 

코드에 대한 상당한 설명이 있어 충분히 이해하고 필요할 때마다 변경할 수 있습니다. 이 코드를 사용하여 Elementor 수직 캐러셀을 성공적으로 만들 수 있습니다.

5 최고의 이미지 캐러셀 플러그인

1. Elementor용 포스트 캐러셀

iThemelandCo의 Post Carousel For Elementor는 기성품 캐러셀 레이아웃으로 놀랍도록 창의적인 미디어 캐러셀을 만들 수 있는 Elementor 애드온 플러그인입니다. 플러그인은 Elementor와 완벽하게 통합되며 19개의 사전 구축된 레이아웃을 제공합니다. 이러한 레이아웃은 완전히 사용자 지정할 수 있으며 Elementor의 끌어서 놓기 메커니즘을 사용하여 필요에 따라 쉽게 사용자 지정할 수 있습니다.

Elementor용 제품 회전 목마

Product Carousel For Elementor는 전자 상거래 상점이 회전 목마에서 제품을 선보일 수 있도록 명시적으로 설계된 또 다른 Elementor 애드온 플러그인입니다. 플러그인은 자동 재생, 슬라이드하여 스크롤, 마우스 오버 시 일시 중지 등과 같은 12개의 회전식 메뉴 컨트롤을 제공합니다. 플러그인은 모든 유형의 장치에서 매우 반응이 좋으며 원하는 만큼 회전식을 만들 수 있습니다. 또한 100% 다국어 플러그인이므로 웹사이트가 다른 언어로 번역되어도 작동합니다.

3. Elementor용 빠른 회전 목마

Fast Carousel For Elementor는 1분 만에 회전 목마를 구축할 수 있을 만큼 충분히 빠르다고 주장하는 Elementor 애드온 플러그인입니다. 인상적으로 들리지만 10가지가 넘는 독특한 스타일뿐만 아니라 다양한 유형의 갤러리도 제공합니다. 플러그인에는 각 캐러셀에 사용자 지정 색상 옵션을 제공하는 것 외에도 5개 이상의 캐러셀 컨트롤이 있습니다. 빠른 솔루션을 위해 이미지 캐러셀에 가장 적합한 방법일 수 있습니다.

이 튜토리얼이 웹사이트 개선에 도움이 되었기를 바랍니다. FacebookTwitter 에 가입하여 WordPress 여정을 재미있고 쉽게 만드는 튜토리얼을 계속 받아보세요.

Divi WordPress Theme