에 탭 이미지 갤러리를 만들어야 합니다. Elementor ?

우리가 끊임없이 말하듯이, Elementor 페이지 빌더 플러그인 그 이상입니다. 여러 유형을 대체할 수 있는 다목적 플러그인입니다. 워드 프레스 플러그인 한 번에. 대체할 수 있는 플러그인 중 하나 Elementor 이미지 갤러리 플러그인입니다.

와 Elementor, 추가 플러그인을 설치할 필요가 없습니다 이미지 갤러리를 생성 워드프레스 웹사이트에서. 이미지 갤러리 생성을 위해 Elementor에서 제공하는 위젯은 기본 갤러리와 갤러리의 두 가지입니다.

기본 갤러리 위젯(Elementor Free에서 사용 가능)을 사용하면 기본 이미지 갤러리를 만들 수 있고 갤러리 위젯을 사용하면 탭이 있는 이미지 갤러리를 포함한 고급 이미지 갤러리를 만들 수 있습니다.

사진 웹사이트에 갤러리를 만들려는 경우에 유용합니다. 이 기사에서는 Elementor에서 탭 이미지 갤러리를 만드는 방법을 보여 드리겠습니다.

Elementor에서 탭 이미지 갤러리를 만드는 방법

갤러리 위젯은 Elementor의 프로 버전에서 사용할 수 있습니다. 따라서 Elementor를 아직 업그레이드하지 않은 경우 프로 버전으로 업그레이드했는지 확인하십시오. 생성하는 기능을 포함하여 Elementor Pro를 사용하면 얻을 수 있는 많은 이점이 있습니다. 워드 프레스 테마 코딩 없이.

읽기 : Elementor에서 탭 이미지 갤러리를 만드는 방법

이 예에서는 풍경 사진 갤러리를 만듭니다. 사진은 산, 바다, 폭포의 세 가지 유형으로 나뉩니다. 각 유형의 풍경을 수용할 세 개의 탭과 모든 사진을 표시하는 탭을 만들 것입니다.

시작하려면 새 페이지를 만들고 Elementor로 편집하십시오. 기존 페이지를 편집할 수도 있습니다. 섹션을 추가하고 갤러리 위젯을 섹션으로 끌어다 놓습니다.

Elementor에서 탭 이미지 갤러리를 만드는 방법

블록 아래 설정 탭 아래 함유량, 옵션을 설정 타입 에 배수.

기본적으로 갤러리에는 탭이 하나만 있습니다. 새 탭을 추가하려면 버튼을 클릭하기만 하면 됩니다. 요소를 추가합니다.

참조 : Elementor에서 그라데이션 진행률 표시줄을 만드는 방법

항목(탭) 중 하나를 엽니다. 필드에 탭 레이블 정의 표제. 더하기 버튼을 클릭하여 탭에 추가할 이미지를 선택합니다.

WordPress 미디어 라이브러리에서 이미지를 선택합니다. 없으신 분들은 다운받으시면 됩니다. 버튼을 클릭 새 갤러리 만들기 -> 갤러리 삽입 탭에 갤러리를 추가합니다.

Elementor에서 탭 이미지 갤러리를 만드는 방법

다른 항목(탭)을 열고 위의 단계를 반복하여 탭 레이블을 설정하고 이미지를 추가합니다.

갤러리 사용자 지정

각 탭에 이미지를 추가하면 갤러리를 사용자 지정할 수 있습니다. 블록에서 설정, 레이아웃, 행 높이, 이미지 사이의 간격 및 이미지 크기를 설정할 수 있습니다. 지연 로드 기능을 활성화하는 옵션도 있습니다.

블록 열기 필터 막대 기본 탭("전체" 탭), 포인터 및 애니메이션의 레이블을 정의합니다.

블록 열기 오버레이 오버레이를 활성화합니다. 설정하여 이미지 위로 마우스를 가져갈 때 이미지 제목과 설명을 표시할 수 있습니다. titre 그리고 설명.

마우스 오버 시 제목과 설명을 표시하려면 갤러리에서 개별 이미지를 편집하고 정의한 매개변수(대체 텍스트, 제목, 캡션 또는 설명)를 추가해야 합니다.

탭 열기 스타일 갤러리를 사용자 정의합니다. 열 수 있는 4개의 블록이 있습니다: 이미지, 오버레이, 콘텐츠 및 필터 막대.

영상

이 블록을 사용하면 이미지 테두리 색상, 포인팅 테두리 색상, 테두리 너비, 테두리 반경, CSS 필터 및 포인팅 애니메이션을 설정할 수 있습니다.

Elementor에서 탭 이미지 갤러리를 만드는 방법

오버레이

이 블록을 사용하면 오버레이 색상, 호버 오버레이 색상, 혼합 모드 및 호버 애니메이션을 설정할 수 있습니다.

내용

이 블록을 사용하면 이미지의 내용을 사용자 지정할 수 있습니다. 내용은 이미지의 제목과 설명을 나타냅니다. 정렬, 세로 위치, 채우기, 텍스트 색상, 타이포그래피(글꼴 스타일, 글꼴 패밀리, 글꼴 크기)를 설정할 수 있습니다.

필터 막대

이 블록을 사용하여 필터를 사용자 정의할 수 있습니다. 정렬, 일반 색상, 포인팅 색상, 활성 색상, 텍스트 색상, 탭 사이의 간격 및 타이포그래피를 설정할 수 있습니다.

결과에 만족할 때까지 이러한 설정을 조작할 수 있습니다. 완료되면 버튼을 클릭하십시오 게시/업데이트 페이지를 게시하거나 업데이트하려면 왼쪽 패널 하단에 있는

지금 Elementor Pro를 받으세요!

결론

여기 입니다! Elementor에서 탭 이미지 갤러리를 만드는 방법을 보여주는 이 기사의 내용은 여기까지입니다. 가는 방법이 걱정되시면 f에서 알려주십시오. commentaires.

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

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

...