본문 바로가기

튜토리얼

64. 이미지 갤러리

반응형

우리의 미래 웹사이트를 위해 멋진 이미지 갤러리를 만들어 보겠습니다.

  1. 블록 목록에서 갤러리 블록 중 하나를 선택하세요.

 

    2. 사용 가능한 모든 설정을 보려면 파란색 기어 아이콘을 클릭하세요.

    3. 보시다시피, 캡션을 켜고, 이미지의 위치를 ​​바꾸고, 간격을 변경할 수 있고, 물론 새로운 이미지를 설정하거나 다른 이미지를 바꾸거나 삭제할 수도 있습니다.

 

    4. 설정 창에서 "+" 버튼 을 클릭하면 새 이미지가 추가됩니다. 이미지 섹션에서 클릭하면 미디어 이미지 창이 열립니다.

    5. 여기에서 PC에서 이미지를 업로드하거나 무료 온라인 라이브러리 에서 선택할 수 있습니다. 또한 alt 를 입력할 수도 있습니다 .

  6. 갤러리의 한 이미지를 다른 이미지로 바꾸려면 목록에서 이미지를 선택한 다음 오른쪽 하단 모서리에서 클릭합니다. 다시 익숙한 창이 팝업되어 원하는 이미지를 설정할 수 있습니다.

참고하세요 - 갤러리에 세로 이미지를 추가하면 이미지가 다음과 같은 방식으로 배치됩니다.

따라서 갤러리의 모습은 이미지에 따라 달라집니다.

또 다른 중요한 세부 사항! 추가된 이미지의 양과 크기에 주의하세요.

너무 많은 이미지나 너무 무거운 이미지를 추가하면 사이트에 성능 속도 문제가 발생할 수 있습니다.

반응형