이미지 캐러셀 3

아바다(Avada) 테마 이미지 캐러셀 링크가 작동하지 않는 문제

인기 워드프레스 테마인 아바다(Avada)는 많은 테마 옵션과 기능을 제공하고 있습니다. 초보자부터 전문가까지 모두 사용 가능한 아바다 테마에는 엘리멘터 빌더와 비슷한 이미지 캐러셀 엘리먼트를 제공합니다. 아바다 테마의 이미지 캐러셀 엘리멘터의 이미지 캐러셀 Avada 테마의 아바다 빌더에 이미지 캐러셀 위젯을 추가할 경우 개별 이미지마다 URL 링크를 설정할 수 있습니다. 하지만 네이버 카페에 아바다 이미지 캐러셀에서 링크가 작동하지 않는 문제로 어떤 분이 질문을 올려주셨습니다. 이런 문제가 발생할 경우 체크해야 할 사항에 대하여 살펴보겠습니다. 아바다(Avada) 테마 이미지 캐러셀 링크가 작동하지 않는 문제 아바다 테마의 Avada Builder에서 Image Carousel 요소를 선택하여 이미지..

엘리멘터 이미지 캐러셀 - 개별 이미지에 다른 링크 설정하기(플러그인 미사용)

워드프레스 엘리멘터 이미지 캐러셀(Image Carousel)을 사용하면 고객사 리스트 슬라이드 등을 만들 수 있습니다. 하지만 Elementor의 이미지 캐러셀에 추가한 이미지들에 링크를 설정할 경우 해당 캐러셀 내의 모든 이미지에 동일한 링크가 추가됩니다. 링크 옵션에 대하여 "사용자 URL"을 선택하면 위의 그림과 같이 하나의 링크만 지정이 가능합니다. 개별 이미지에 다른 링크를 설정하고 싶은 경우 Custom links in Elementor Image Carousel이라는 무료 플러그인을 사용할 수 있습니다. 그러나 이미지 캐러셀 한 두 개 때문에 플러그인을 설치하는 것이 마음에 들지 않을 수 있을 것입니다. 아래의 방법을 이용하면 플러그인을 사용하지 않고 자바스크립트(Javascript)로 각..

워드프레스 Elementor 페이지 빌더: 고객사 리스트 슬라이드 만들기 (이미지 캐러셀)

고객사 소개 페이지에서 고객사 로고들을 왼쪽 또는 오른쪽으로 움직이는 슬라이드(좌우 롤링 배너)로 만들어 표시하는 경우가 많이 있습니다. 쉽게 이해하기 위해 다음 영상을 보시면 기업 로고들이 배열되어 가로로 회전하고 있습니다. 테스트용으로 임의의 이미지를 업로드하여 만들어 보았습니다. 제대로 만들려면 먼저 크기가 일정한 고객사 로고 파일을 준비하면 되겠죠. 위의 영상과 같이 고객사를 소개하는 회전 슬라이더를 워드프레스에서 만들려는 경우, 테마 기능이나 플러그인을 사용할 수 있습니다. 예를 들어, 베스트셀링 테마인 아바다 테마에서는 이미지 캐러셀(image carousel) 기능을 사용하여 비슷하게 구현할 수 있습니다. 워드프레스 아바다(Avada)에서 Image Carousel 사용하기 - 워드프레스 중..