갤러리 섹션

Pixpa는 이미지 갤러리를 페이지 갤러리 섹션을 사용합니다. 일부 레이아웃을 사용하여 이미지 세트를 표시하려는 경우 이 섹션을 사용할 수 있습니다.

일련의 이미지를 표시하는 기본적인 방법은 갤러리 (Gallery) 메뉴 아이템. 그러나 갤러리에 더 많은 콘텐츠(이미지 제외)를 추가하려는 경우 이 갤러리 섹션을 사용할 수 있습니다.

갤러리 섹션은 고정 그리드 레이아웃, 동적 그리드 레이아웃, 블록 패턴 레이아웃 또는 전체 이미지 레이아웃을 제공합니다.

갤러리 섹션의 모바일 보기는 설정 탭.

참고 :

Pixpa는 페이지 속도를 높이려면 더 작은 그리드 레이아웃을 사용할 것을 권장합니다.

페이지 속도는 이미지 품질에 따라 달라집니다. 관리 방법을 참조하십시오.

이 기사는 다음 주제들로 구성되어 있습니다 :

  1. 갤러리 섹션이란 무엇입니까?
  2. 페이지에 갤러리 섹션 추가
  3. 갤러리에서 콘텐츠 삭제
  4. 갤러리에 콘텐츠 추가
  5. 갤러리 콘텐츠 관리
  6. 갤러리 설정 관리
  7. 갤러리 레이아웃 변경

  • 갤러리를 전시하려면 페이지에 갤러리 섹션을 추가하세요.
  • 갤러리 섹션에서 이미지를 업로드하고 Youtube/Vimeo 비디오 및 텍스트 슬라이드를 추가할 수 있습니다.
  • 사용 다른 섹션, 갤러리에 설명을 추가하고 동일한 페이지에 여러 갤러리를 추가할 수도 있습니다.
  • 이렇게 하면 동일한 페이지에 여러 갤러리가 있는 포트폴리오 페이지를 쉽게 만들 수 있습니다.

  • 페이지에 섹션을 추가할 수 있습니다. 이미 존재하는 페이지에 섹션을 추가하거나 새 페이지 만들기 귀하의 웹사이트 내에서.
  • 귀하의 페이지에서은 클릭 파란색 + 아이콘 추가 새 섹션 귀하의 페이지에.

 

  • 이제 섹션 카테고리 왼쪽에
  • 선택 갤러리 섹션 (1) 다른 레이아웃에서 선택할 수 있는 옵션(2).

  • 섹션 레이아웃을 선택하고 클릭하여 페이지에 추가하십시오.

  • 온 클릭 갤러리 편집 (1) 버튼을 눌러 갤러리 편집 패널을 엽니다.

갤러리에 추가된 샘플 이미지를 볼 수 있습니다. 이미지를 제거하려면:

  • 를 클릭하십시오 모두 선택 (1) 옵션을 선택하거나 각 이미지를 클릭하여 수동으로 선택합니다.

  • 클릭 . (2) 옵션을 선택하면 확인 팝업이 열립니다. 삭제 버튼을 눌러 작업을 확인하세요.

이제 선택한 모든 이미지가 갤러리에서 제거됩니다.


  • 찜하기 당신의 변경.

  • 콘텐츠를 추가하면 쉽게 관리할 수 있습니다.

검사: 갤러리의 항목 관리


  • 갤러리 설정을 방문하려면 갤러리 편집 (1) 버튼.

  • 그런 다음 설정 (2) 탭.

여기에는 다음 옵션이 표시됩니다.


일반 설정

  • 지정 갤러리 이름 (1).
  • 왼쪽 메뉴에서 갤러리 스타일 옵션 (2) 여기에서. 두 가지 옵션이 있습니다:1. 당신은 선택할 수 있습니다 갤러리 사이트 전체 옵션 여기에서 모든 설정이 선택됩니다. 글로벌 갤러리 디자인 섹션 2. 갤러리를 개별적으로 사용자 정의하려면 이 갤러리를 다르게 스타일링하세요 옵션을 선택합니다.


그리드 스타일 설정

  1. 그리드 간격 : 그리드 레이아웃에서 이미지 사이의 여백을 지정합니다. (0 – 250픽셀)
  2. 코너 반경: 테두리 반경을 적용하여 갤러리 그리드에서 이미지 모서리를 둥글게 만듭니다.
  3. 기본 색상: 기본 색상은 그리드 형성에 사용되며 이미지가 로드되기 전에 잠시만 표시됩니다. 그리드 기본 색상에는 두 가지 옵션이 있습니다.
    • 특정 색상: 그리드 기준에 대한 특정 색상을 설정하려면 이 옵션을 선택합니다. 그리드 베이스의 색상과 불투명도를 지정합니다.
    • 악센트 색상: 그리드 베이스에 이미지 강조 색상을 사용합니다. 이렇게 하면 각 이미지의 강조 색상을 사용하여 여러 색상의 그리드가 제공됩니다.
  4. 기본 불투명도: 기본 유형을 강조 색상으로 선택한 경우 여기에서 그리드 기본 불투명도를 설정합니다.
  5. 호버 :  커서를 이미지 위에 놓으면 그리드에 영향을 줍니다.
    • 색상 선택: 그리드 이미지에 대해 호버 색상을 선택한 경우 특정 색상과 불투명도를 설정합니다.
    • 악센트 색상: 그리드 베이스에 이미지 강조 색상을 사용합니다. 커서를 이미지 위에 놓으면 그리드에 영향을 줍니다.
  6. 호버 불투명도: 호버 유형을 강조 색상으로 선택한 경우 여기에서 그리드 기본 불투명도를 설정합니다.
  7. 호버 효과 : 호버 효과는 그리드 레이아웃에서만 사용됩니다. 그리드 모드에서 마우스를 올리면 다양한 마우스 오버 효과 옵션 중에서 선택할 수 있습니다.
  8. 마우스오버 아이콘: 호버 아이콘은 갤러리의 그리드 레이아웃에도 사용됩니다. 그리드 모드에서 이미지에 아이콘을 표시하도록 선택할 수 있습니다.


이미지 제목 설정

  1. 글꼴 : 이미지 제목을 표시할 글꼴 스타일을 선택합니다.
  2. 색상: 이미지 제목의 기본 색상을 설정합니다.
  3. 글자 크기 : 이미지 제목 글꼴 크기(픽셀 단위)를 지정합니다.
  4. 문자 간격: 이미지 제목 문자 사이의 간격을 지정합니다(em 단위).


라이트박스 모드를 활성화하면 더 자세히 볼 수 있는 대형 이미지 뷰어에서 이미지를 열 수 있습니다.

라이트박스 설정에 대해 자세히 알아보려면 여기를 클릭하세요.


모바일 디스플레이 설정

  1. 표시: 갤러리를 다음으로 표시하도록 선택하십시오. 이미지 슬라이더 또는 모바일 보기의 그리드 모드. 
  2. 그리드 열: 선택 1열 또는 2열 보기 모바일 보기에서 그리드 표시용.
  3. 그리드 거터: 설정 간격 이미지 사이에 모바일보기.

마지막으로, 찜하기 (4) 변경 사항.


워터마크 옵션

귀하의 창작물을 보호하고 브랜드 아이덴티티를 유지하기 위해 이미지에 워터마크를 쉽게 추가할 수 있습니다.

  • 온 클릭 목록 선택 (1) 옵션.
  • 선택할 수 있는 드롭다운이 나타납니다. 워터마크 목록 (2)당신이 만든 것.
  • 워터마크를 선택하고 찜하기 (3) 변경 사항.

자세히 알아보기 워터마킹 이미지에 대해


갤러리 레이아웃을 변경하려면:

  • 온 클릭 갤러리 편집 (1) 버튼.

  • 선택 레이아웃 (2) 탭 및 레이아웃을 선택 (3) 데스크탑 보기의 경우.
  • 찜하기 (4) 귀하의 변경 사항.


원하는 것을 찾을 수 없습니까?

Pixpa 전문가에게 문의하세요.