페이지에 이미지 아코디언을 추가하시겠습니까? Elementor ?

이것은 그림 아코디언을 사용하여 그림을 보다 창의적으로 표시할 수 있기 때문에 좋습니다. 안타깝게도, Elementor 에는 페이지나 템플릿에 그림 요소의 아코디언을 추가할 수 있는 기본 위젯이 없습니다.

정말 그림 아코디언을 추가하고 싶다면 그림 아코디언 위젯과 함께 제공되는 애드온이나 애드온을 설치할 수 있습니다. 설치할 수 있는 추가 기능 중 하나는 JetTabs.

JetTabs는 추가 기능입니다 Elementor 가족의 구성원 JetPlugins, Crocoblock에서 개발한 Elementor 애드온 세트입니다. JetTabs에는 Swicther, Tabs, Image Accordion 및 Classic Accordion의 네 가지 위젯이 있습니다.

JetTabs를 사용하여 Elementor에 그림 아코디언을 추가하는 방법

시작하기 전에 JetTabs 추가 기능을 설치하고 활성화했는지 확인하십시오. 이 추가 기능을 연간 $23에 구입할 수 있습니다. 또는 Jupiter X 또는 Monstroid2 테마 번들을 통해 일회성 구매 옵션이 있는 JetTabs를 얻을 수도 있습니다.

읽기 : Elementor에서 한 페이지 탐색 메뉴를 만드는 방법

준비가 되면 새 페이지(페이지 -> 새로 추가) 또는 새 게시물(게시물-> 추가)을 만들고 Elementor로 편집합니다. 물론 기존 페이지나 게시물을 수정할 수도 있습니다.

Elementor 편집기에서 위젯 패널의 Image Accordion 위젯을 편집 영역으로 드래그합니다.

Elementor 페이지에 이미지 아코디언 추가

이미지 아코디언 위젯이 추가되면 왼쪽 패널로 이동하여 사용자 지정합니다. 기본적으로 아코디언은 세 가지 요소로 구성됩니다. 각 요소에 이미지를 추가하려면 Elements 블록 아래에서 요소를 열고 이미지 선택기를 클릭하기만 하면 됩니다. 항목의 제목, 설명 및 버튼 링크를 설정할 수도 있습니다.

Elementor 페이지에 이미지 아코디언 추가

다른 항목에 대해 위의 단계를 반복합니다. 아코디언에 새 요소를 추가하려면 버튼을 클릭하기만 하면 됩니다. 아이템 추가.

Elementor 페이지에 이미지 아코디언 추가

블록 열기 설정 탭 아래 내용 방향(수직 또는 수평), 활성 요소 크기, 애니메이션 지속 시간 및 여유 효과 스타일을 설정합니다.

아코디언 양식화

아코디언 스타일을 지정하려면 탭에 액세스할 수 있습니다. 스타일 왼쪽 패널에서 7개의 블록을 열어 아코디언 스타일을 지정할 수 있습니다. 첫 번째 블록(컨테이너 블록)에서 아코디언 높이, 배경색, 테두리 반경 및 그림자를 설정할 수 있습니다.

Elementor 페이지에 이미지 아코디언 추가

아이템 블록에서는 아이템 사이의 간격, 아이템 배경색, 아이템 테두리 반경, 아이템 상자 그림자를 설정할 수 있습니다.

Elementor 페이지에 이미지 아코디언 추가

다른 5개의 블록을 가지고 놀면서 다른 스타일링 옵션을 만들 수 있습니다. 완료되면 버튼을 클릭하십시오. 게시/페이지를 업데이트합니다.

짜잔.

지금 Elementor Pro를 받으세요!!!

결론

여기 ! 그것이 당신에게 방법을 보여주는이 기사에 대한 것입니다 Elementor 페이지에 이미지 아코디언 추가. 가는 방법에 대해 우려 사항이 있는 경우 내부에 알려주십시오. commentaires.

그러나 상담 할 수도 있습니다 우리의 자원, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.

그러나 그동안, 이 기사를 다른 소셜 네트워크에서 공유하십시오.

...