워드프레스에서 타일 레이아웃 갤러리(Tiled Gallery) 사용하기

워드프레스에서 타일 레이아웃 갤러리(Tiled Gallery) 사용하기

Tiled Gallery는 이미지들을 균형 있게 정렬하여 보여주는 모자이크 레이아웃, 정사각형 그리드, 원형 갤러리 등을 제공합니다. Tiled Gallery를 사용하려면 jetpack 플러그인이 기본 설치되어있어야합니다.

워드프레스에서 Jetpack 플러그인 설치하고 사이트 연결하기

1)게시물 작성에서 tiled gallery 블록을 검색 및 추가합니다.

2)tiled gallery 블록에서 이미지를 업로드 및 선택합니다.

 

3)갤러리에 사용할 모든 이미지를 선택하고 create a new gallery를 선택합니다.

 

4)타일 모자이크(Tiled mosaic) 갤러리를 확인할수있습니다.

 

5)갤러리 스타일에서 기본 레이아웃 몇가지를 제공합니다(tiled mosaic, circles, square tiles, tiled columns)

tiled mosaic

 

square tiles

 

 tiled columns

 

6)갤러리 블록 내부의 이미지를 선택하고 화살표 버튼을 클릭해서 순서를 변경할수있습니다.

 

기본 갤러리에서 변경

7)게시물 작성에서 기본 갤러리 블록을 추가합니다.

 

8)갤러리 블록의 아래 표시한곳을 클릭하고 tiled gallery를 선택합니다.

 

9)기본 갤러리를 tiled gallery로 변환한것을 확인할수있습니다.

타일 갤러리의 이미지 클릭 확대 기능 활성화

10)타일 갤러리의 이미지를 클릭 및 확대 기능을 활성화하려면 대시보드에서 jetpack 플러그인의 settings 메뉴로이동합니다.

 

11)상단 writing의 media에서 display images in a full-screen carousel gallery를 활성화합니다.