필터링 가능한 이미지 갤러리
정적 이미지 그리드는 박물관입니다. 필터링 가능한 갤러리는 경험입니다. 마스터 애드온 필터링 가능한 갤러리 요소는 포트폴리오,제품 또는 사진을 대화형 검색 도구로 전환합니다. 방문자는 카테고리별로 필터링하여 관심 있는 것이 무엇인지 정확히 확인하는 반면,고급 호버 효과,틸트 애니메이션 및 사용자 정의 가능한 오버레이는 모든 상호 작용이 프리미엄처럼 느껴지도록 합니다. 제목,설명 및 듀얼 콜투액션 버튼이 포함된 여러 프로젝트를 선보입니다. 사진작가,디자이너 또는 에이전시인 이 갤러리는 단순히 작품을 전시하는 것이 아니라 - 동적으로 선보입니다.
스마트 필터링 가능한 내비게이션 시스템
동적 필터 막대로 방문자에게 제어권을 부여합니다. 필터 Nav 표시를 활성화하여 “모두,” “기술,” “생활”과 같은 카테고리 버튼을 표시합니다. “모두” 필터 탭 텍스트의 이름을 바꾸고 갤러리 항목에 할당된 각 카테고리에 대한 사용자 지정 레이블을 설정할 수 있습니다. 필터 막대의 정렬,타이포그래피 스타일을 지정하고 색상,배경 및 테두리에 대해 별도의 일반 및 활성 상태 스타일링을 통해 활성 탭에 뚜렷한 모양을 제공합니다. 이 직관적인 필터링을 통해 사용자는 스크롤 없이 관련 콘텐츠를 빠르게 찾을 수 있습니다.
- 사용자 지정 범주 필터: 각 갤러리 항목에 할당한 범주에 따라 필터 버튼을 만듭니다.
- 활성 상태 스타일링: 선택한 필터 탭을 다르게 보이도록 디자인하여 명확한 시각적 피드백을 제공합니다.
- 유연한 레이아웃: 갤러리 왼쪽, 중앙 또는 오른쪽 위에 필터를 정렬합니다.
- 탐색 모음 정리: 패딩, 여백 및 선택 사항인 테두리 하단 구분 기호로 필터 컨테이너를 스타일링합니다.
동적 갤러리 그리드 및 고급 효과
갤러리의 기초를 구성합니다. 열 수와 이미지 해상도를 선택하십시오. 역동적인 Pinterest 스타일 그리드에 대한 Masonry 레이아웃을 활성화하고,Gutter 설정으로 항목 사이의 간격을 제어하십시오. 그런 다음 멋진 대화형 효과를 추가하십시오: 호버 스케일을 사용하여 항목을 부드럽게 확대하고,틸트 효과를 활성화하여 3D 마우스 팔로우 동작을 수행합니다. 투시도,속도로 틸트를 미세 조정하고,방문자를 사로잡는 진정으로 세련되고 현대적인 룩을 위해 눈부심 효과까지 추가하십시오.
- 레이아웃 제어: 완벽한 구조를 위해 기둥을 선택하고, 석조 공정을 활성화하고, 홈통 간격을 설정합니다.
- 3D 틸트 효과: 각도, 원근법 및 속도에 대한 컨트롤과 정교한 마우스 틸트 상호 작용을 추가합니다.
- 호버 애니메이션: 아이템은 호버링 시 확장할 수 있으며 미묘한 빛 눈부심 효과를 특징으로 합니다.
- 반응형 파운데이션: 그리드는 다양한 화면 크기에 자동으로 적응합니다.
모든 요소에 대한 적절한 스타일링
전체 디자인 조화를 달성하십시오. 패딩,테두리, 여백으로 아이템 스타일 (각 갤러리 카드) 을 스타일링하십시오. 호버 오버레이 색상을 포함하여 이미지 스타일 자체를 사용자 정의하십시오. 그런 다음 모든 텍스트 요소를 별도로 스타일링하십시오: 제목 스타일,자막 스타일 및 카테고리 레이블. 실제 파워는 버튼 원 & 투 스타일 – 타이포그래피,색상, 배경 및 그림자에 대해 독립적인 일반 및 호버 상태로 항목당 두 개의 별도 클릭 유도 문구 버튼을 디자인합니다.
- 개별 아이템 디자인: 갤러리 카드의 테두리, 패딩, 배경 스타일을 지정합니다.
- 텍스트 레이어 스타일링: 제목,자막 및 범주 태그에 고유한 타이포그래피 및 색상을 적용합니다.
- 듀얼 버튼 스타일링: 완전한 상태 제어로 두 개의 개별 버튼 (예를 들어, “세부 사항” 및 “데모”) 을 디자인합니다.
- 아이콘 사용자 지정: 테마에 맞게 호버 아이콘의 크기와 색상을 변경합니다.
필터링 가능한 이미지 갤러리에 대해 자주 묻는 질문입니다
갤러리 아이템은 몇 개까지 추가할 수 있나요?
필요한 만큼 + 항목 추가 버튼을 사용하여 추가할 수 있습니다. 시스템은 대형 갤러리를 처리하도록 제작되었습니다. 적절한 이미지 해상도를 선택하고 캐싱을 사용하여 성능을 가장 잘 최적화합니다.
방문자가 라이트박스 팝업으로 이미지를 볼 수 있나요?
팝업 또는 링크 옵션을 활성화할 수 있습니다. 일반적으로 이 요소를 사용하면 외부 소스에 연결하여 라이트박스에서 열 수 있도록 갤러리 이미지를 설정할 수 있습니다. 이는 이러한 갤러리의 표준 기능입니다.
갤러리가 모바일에서 반응합니까?
예. Columns 는 모바일 상에서 적절하게 스택됩니다 (예를 들어,4 개의 컬럼이 2 또는 1 이 됩니다). 필터 버튼도 화면에 맞게 랩됩니다. Elementor 의 반응 모드를 사용하여 특히 모바일의 Gutter 크기 또는 글꼴 크기를 조정할 수 있습니다.
필터 카테고리에 항목을 할당하려면 어떻게 해야 합니까?
각 항목의 갤러리 내용 섹션에서 필터 라벨 필드를 찾을 수 있습니다. 여기에 카테고리 이름을 입력하십시오 (예를 들어, “기술”). 동일한 라벨이 있는 모든 항목은 해당 필터 버튼 아래에 그룹화됩니다. 여러 카테고리를 쉼표로 구분하여 하나의 항목에 할당할 수 있습니다.
트렌드 엘리먼트 위젯 및 확장
더 짧은 시간에 정교한 웹사이트를 구축하세요.
