메인 콘텐츠로 건너뛰기

Droppics: 갤러리

Droppics 의 핵심 아이디어는 컴포넌트에서 이미지와 갤러리의 매개변수를 설정하고 편집기에서 직접 관리하는 것입니다. Droppics 모든 Joomla 표준 WYSIWYG 편집기에서 프런트엔드와 백엔드 모두에서 작동합니다. 예를 들어, 사용자 지정 Joomla 모듈에 갤러리를 추가할 수 있습니다.
 


Droppics 설치되면 편집기 플러그인 버튼이 편집기 아래 또는 편집기 내에 표시됩니다(사용 중인 편집기에 따라 다름).


 편집자-갤러리-매니저

 

Droppics 메인 라이트박스가 열립니다 '이 갤러리 삽입 클릭하여 선택한 갤러리를 기사에 삽입할 수 있습니다.

 

라이트박스 갤러리

 

2. 갤러리 관리

갤러리를 만들려면 왼쪽 열에서 새 앨범을

 

뉴 갤러리

 

참고: 구성 요소를 설치하면 기본 갤러리가 이미 생성됩니다.


갤러리에 새로운 이미지를 추가하려면 미디어를 중앙 부분으로 끌어다 놓거나 파일 선택 버튼을 클릭하세요.

 

이미지 업로드

 

사용자가 이미지를 업로드, 정렬, 이동, 제거 또는 편집한 후에는 오른쪽 상단에 알림 팝업이 표시됩니다.

 

알림 팝업 파일

 

이미지를 하나 이상 선택하여 업로드하세요. 업로더는 HTML5 기반이므로 큰 이미지를 전송할 수 있습니다. 이미지는 전역 매개변수에 정의된 크기(기본값 1200px)로 자동 조정됩니다.


이미지를 업로드할 때 드래그 앤 드롭을 사용하여 순서를 변경할 수 있습니다. 순서는 자동으로 저장되므로 저장 버튼이 없습니다.

 

드래그앤드롭 이미지 순서

 

기사에 갤러리를 삽입하려면 오른쪽 열에 있는 이 갤러리 삽입

 

갤러리 콘텐츠 삽입

Droppics 아이콘
 
과 함께 기사에 나타납니다 .

 

갤러리-실체화

 

콘텐츠를 저장하면 완료입니다. 첫 번째 갤러리가 이미 온라인에 있습니다! 기사에서 Droppics 갤러리 이미지를 클릭한 다음 Droppics 버튼을 클릭하면 선택한 갤러리가 다시 로드됩니다.

참고: 구성에서 활성화된 경우 오른쪽 메뉴에서 각 갤러리의 표시 매개변수를 설정할 수 있습니다.

 

기본 테마를 사용하면 다음을 정의할 수 있습니다.

  • 테두리 크기
  • 국경 반경
  • 테두리 색상
  • 이미지 그림자 색상 및 크기
  • 왼쪽 여백, 위쪽 여백, 오른쪽 여백, 아래쪽 여백
  • 하위 갤러리를 로드할지 여부
  • 슬라이드쇼 테마에서는 전환 지연, 효과 등 몇 가지 추가 매개변수를 사용할 수 있습니다.

 

3. 하위 갤러리

Droppics 에서는 여러 레벨의 갤러리를 관리할 수 있습니다. 갤러리 하위 레벨을 추가하려면 이미지 카테고리를 드래그 앤 드롭하여 레벨을 정렬하거나 변경하세요.

 

주문-이미지-갤러리

 

하위 갤러리 탐색을 활성화하려면 오른쪽 메뉴에서 상위 카테고리에 매개변수를 설정해야 합니다.

 

하위 갤러리

 

갤러리 설정을 비활성화하고 글로벌 구성에서 설정한 경우, 구성 요소 > Droppics > 옵션 > 설정할 테마 선택 메뉴를 .

 

설정-하위 갤러리

 

하위 갤러리가 있으므로 프런트엔드에서 탐색할 수 있습니다. 모든 하위 갤러리는 탐색 썸네일을 자동으로 생성합니다.

 



 
서브갤러리-프런트엔드하위 갤러리 썸네일은 이미지 카테고리의 첫 번째 이미지를 사용하여 자동 생성됩니다. 하위 갤러리에 들어가면 '옵션 > 기본 매개변수' 메뉴에서 뒤로 가기 버튼으로 사용할 이미지를 선택할 수도 있습니다.

 

폴백 카테고리

 

갤러리 수준의 기본 상태는 관리자 영역의 글로벌 옵션에서 설정할 수 있습니다. 모든 이미지 카테고리를 열거나 닫은 상태로 Droppics 엽니다. 갤러리가 매우 많은 경우 이 기능을 사용하면 공간을 절약할 수 있습니다.

 

이미지 카테고리 닫기

 

5. 이미지 복사 - 잘라내기 - 붙여넣기

Droppics에 사진을 업로드하면 사진을 클릭하여 하나 또는 여러 장의 사진을 선택할 수 있습니다. CTRL 키를 누른 상태에서 여러 장의 사진을 선택할 수도 있습니다. 사진을 이동하거나 복사하는 첫 번째 방법은 드래그 앤 드롭입니다. 드래그 앤 드롭만 하면 사진이 이동하고, Shift 키를 누른 상태에서 드래그 앤 드롭하면 사진이 복사됩니다.

 

드래그 앤 드롭 이미지

 

오른쪽 상단 버튼을 사용할 수도 있습니다.

 

복사-붙여넣기-버튼