갤러리 요소 (Gallery)

갤러리 요소는 자주 사용하지 않지만 이미지를

다양하게 보여줄 수 있어 포트폴리오를 더 자유로운 느낌으로

표현할 수 있습니다

갤러리 요소 메뉴 패널

이미지요소와 거의 비슷한 메뉴 형태를 취하고 있습니다.

갤러리 요소는 이미지 요소와 매우 비슷한 메뉴로 구성 되어 있는데 개별 태그를

메뉴 패널에서 직접 입력하도록 되어 있습니다. 그리고 개별 2개만 업로드 하게 되어 있는 것 처럼

되어 있지만 우측 모서리에 갤러리 메뉴를 클릭하면 무한으로 이미지를 추가할 수 있게 되어 있습니다.

갤러리와 이미지 요소의 차이

위는 갤러리 요소로 아래는 이미지 요소로 구성한 열의 차이입니다.

갤러리는 이미지에 비해 마우스 스크롤로 가로 세로 조절이 용이한 편입니다.

위 그림은 같은 이미지를 갤러리요소와 이미지요소를 이용해 각각 이미지를 업로드 한 블럭입니다.

갤러리는 이미지 비율대로 가져오려는 반면 이미지는 이미지 영역에 맞춰

이미지를 가져오려는 속성이있습니다

우측 갤러리 전체 메뉴

갤러리 요소 우측 메뉴 클릭 시 이미지 리스트를 확인 할 수 있습니다.

갤러리 전체 메뉴를 보면 레이아웃을 선택할 수 있는데 이중에 '벽돌' 이라는 레이아웃을

사용해야 갤러리 요소의 장점을 발휘 할 수 있습니다 개별 이미지의 사이즈를 마우스로

드래그해 각각의 사진의 비율을 조정할 수 있어 내가 보여주고 싶은 이미지를 보다 크게 보여주는

방식의 레이아웃 구현이 편리하게 되어 있습니다.

갤러리 조정

항목 수를 조정해 가로에 올라가 이미지 수를 정할 수 있습니다.

개별 이미지의 가로는 항목의 수에 맞게 균등히 배분되지만

세로는 사용자가 직접 정할 수 있습니다.

마우스로 드래그해 전체적인 밸러스를 잡아 마무리하면 됩니다.

갤러리 요소 마무리

Brizy는 갤러리는 드래그앤 드롭이라는 말이 잘 어울리는 요소입니다.

이미지를 원하는 대로 배분하여 사용이 가능하기 때문에 초보자의 사용이 수월합니다.

그 밖에 포트폴리오 구성 시 효율적으로 사용가능합니다.

플러그인에 대해

폴리랭 플러그인 (POLYL...
워드프레스 웹사이트 하나로 한국어, 영어, 일본어 등 여러 언어를 동시에 지원하는 다...
스마트 슬라이더 3 플러그인...
웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수...
요스트SEO 플러그인(Yoa...
내 웹사이트와 블로그 글이 구글, 네이버 등 주요 검색엔진 결과 상위에 노출될 수 있...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...