이 가이드에서는 슬라이드쇼 블록을 사용하여 대화형 이미지 슬라이드쇼를 글 또는 페이지에 추가하는 방법을 보여드립니다.
사이트에서 다음과 같이 보입니다.
슬라이드쇼 블록을 추가하려면 + 블록 삽입기 아이콘을 클릭하고 “슬라이드쇼”를 검색합니다. 클릭하면 글 또는 페이지에 블록이 추가됩니다.
💡
키보드를 사용하여 /
slideshow를 새 줄에 입력하고 Enter 키를 눌러 빠르게 새 슬라이드쇼 블록을 추가할 수도 있습니다.
자세한 내용은 블록 추가하기에 대한 자세한 지침을 참조하세요.
슬라이드쇼 블록을 처음 추가하면 업로드와 이미지 선택이라는 두 가지 옵션이 제공됩니다.
업로드에서는 새 이미지 또는 여러 이미지를 컴퓨터에서 웹사이트로 업로드할 수 있습니다.
이미지 선택에서는 미디어 라이브러리에 있는 이전에 업로드한 이미지 중에서 선택하거나 Google 포토 또는 Pexels 무료 사진 및 Openverse 사진 라이브러리에서 선택할 수 있습니다.
생성한 슬라이드쇼 아래의 이미지 업로드 옵션을 사용하여 추가 이미지를 슬라이드쇼에 추가할 수 있습니다.
도구 모음의 슬라이드쇼 편집 버튼을 사용하여 이미지를 추가 또는 제거하거나 슬라이드쇼가 나타나는 순서를 재정렬할 수 있습니다.
이미지는 슬라이드쇼를 생성하면서 선택하는 순서대로 슬라이드쇼에 추가됩니다. 슬라이드쇼 편집 옵션을 사용하여 이미지 순서를 변경할 수 있습니다. 슬라이드쇼를 편집할 때 각 이미지를 선택하면 옆에 숫자가 표시됩니다. 이 숫자는 슬라이드쇼 블록에서 이미지가 표시되는 순서를 나타냅니다.
블록을 클릭하면 다음과 같은 옵션의 도구 모음이 위에 표시됩니다.
슬라이드쇼 블록의 도구 모음에는 다음과 같은 옵션이 있습니다.
- 블록 유형 변경
- 블록 끌기
- 위 또는 아래로 블록 이동
- 정렬 변경
- 슬라이드쇼 편집
- 추가 옵션
블록을 클릭하면 오른쪽 사이드바에 추가 블록 설정이 표시됩니다. 사이드바가 표시되지 않으면 오른쪽 위 모서리의 ⚙️(기어) 아이콘을 클릭하여 설정을 가져와야 할 수도 있습니다.
슬라이드쇼 블록에는 블록 설정 사이드바에서 조정할 수 있는 여러 가지 설정이 있습니다.
자동으로 슬라이드쇼가 이미지 사이를 이동하게 하려면 이 옵션을 활성화합니다.
활성화하면 독자가 슬라이드쇼를 일시 중지할 수 있는 일시 중지 버튼이 슬라이드쇼에 표시됩니다. 자동 전환 사이의 지연 시간(초)을 선택할 수도 있습니다.
효과 탭에서는 슬라이드 전환 효과를 슬라이드와 페이드 중에서 선택할 수 있습니다.
이미지 설정 탭에서는 슬라이드쇼 블록의 이미지 크기를 썸네일, 보통, 크게 및 전체 크기 옵션 중에서 선택할 수 있습니다.
고급
고급 탭에서는 블록에 CSS 클래스를 추가하여 블록 스타일을 정하는 사용자 정의 CSS를 작성할 수 있습니다.
지원 