디자인 모드갤러리 만들고 꾸미기 (갤러리 위젯)

M저씨

갤러리 위젯

갤러리는 이미지 및 이미지 설명 텍스트의 묶음이며 다양한 방식으로 표현할 수 있습니다. 이미지위젯으로도 비슷한 구성이 가능하지만 갤러리만으로 표현 가능한 요소들이 많이 있습니다.

갤러리는 콘텐츠(이미지, 제목, 설명)와 디자인이 분리되어 있습니다.


갤러리 설정

  • 이미지 추가 : 갤러리에서 표현할 이미지를 업로드합니다.
  • 갤러리 연동 : 게시판 연동과 마찬가지로 갤러리 위젯을 삭제하더라도 이미지 및 설명 텍스트는 서버 에 보존됩니다. 또한 같은 갤러리 데이터를 이용해 다른 메뉴에서 다른 디자인으로 표현할 수도 있 습니다.
  • 갤러리 이름 : 연동한 갤러리의 이름을 지정합니다. 게시판 위젯처럼 이름 없는 갤러리# 방식으로 자 동으로 이름이 부여됩니다. 관리의 편의를 위해 구분이 될만한 이름 지정을 권장합니다.(예: 회사 전 경 갤러리)
  • 이미지 제목, 이미지 링크, 이미지 설명 : 업로드된 이미지를 선택하면 각각의 이미지별로 제목과 설 명을 입력할 수 있습니다.



갤러리 디자인

갤러리는 자유도 높은 표현이 가능합니다. 이미지 위젯으로는 한 줄에 균일한 5개 이미지 배치가 불가능하지만 갤러리는 가능합니다. 갤러리를 구성하는 세부 디자인은 그리드 시스템의 제약을 받지않습니다.

갤러리 디자인에서 가장 먼저 해야 할 일은 갤러리 스타일을 고르는 것입니다. 다른 스타일 버튼을 눌러 원하는 스타일을 선택합니다. 이곳에서 설정한 스타일에 따라 설정할 수 있는 항목이 조금씩 다릅니다.

  • 리스트 : 이미지의 비율, 한 줄에 표시될 개수, 간격 등을 선택합니다.
  • 텍스트 : 텍스트와 관련된 설정을 합니다. 텍스트 안쪽 여백을 비롯해 텍스트 정렬 및 배치도 지정할 수 있습니다.
  • 배경/테두리 : 마우스 커서가 올라갔을 때 음영 색상이나 전체적인 모서리 둥근 정도(라운드), 테두리의 두께 및 색상을 설정합니다.




갤러리 스타일

디자인모드는 게시판과 더불어 갤러리 위젯 역시 다양한 스타일을 제공합니다. 갤러리 스타일은 크게 3가지로 나눠지며, 총 11가지 스타일을 제공합니다.

  • 그리드 갤러리 : 이미지의 비율을 설정하고 그 비율에 맞게 출력합니다. 바둑판처럼 일정한 모양을 가지게 됩니다.
  • Masonry 갤러리 : 이미지의 비율을 지정하지 않습니 다. 이미지의 원본 비율대로 출력되며 자유분방한 리스 트로 표현됩니다.
  • 슬라이드 갤러리 : 여러 이미지를 슬라이드하여 보여주는 방식입니다.


  • ABOUT

  • HELP INFO

  • 클릭하시면 이니시스 결제시스템의 유효성을 확인하실 수 있습니다.