이미지 연결하기

이미지의 CMS에 연결 아이콘을 클릭한 후 이미지 연결 패널에서 연결을 설정하세요.

일반적으로 CMS 연결 이미지의 대체 텍스트로 사용할 컬렉션 입력란을 생성하는 것이 좋습니다. 컬렉션을 체계적으로 유지하려면, 이미지 옆에 대체 텍스트 입력란을 배치하고 이름을 "대체 텍스트 (이미지 이름)"으로 지정할 수 있습니다. 장식용 이미지의 경우 일반적으로 대체 텍스트가 필요하지 않으므로, 대체 텍스트를 연결 해제한 상태로 둘 수 있습니다. 

CMS 접근성 모범 사례에 대한 자세한 도움말을 확인하세요. 

네. 이미지 또는 버튼 요소를 CMS 양식의 '제출' 버튼으로 사용할 수 있습니다.  사용자 지정 CMS 양식의 일부로 추가하는 모든 입력 요소에는 '제출' 버튼이 있어야 합니다. 버튼 클릭 시에는 각 입력의 값이 연결된 컬렉션에 저장됩니다. 

도움말: 이미지를 다른 데이터세트 클릭 작업에 연결해 '더보기', '다음/이전 페이지' 등과 같은 작업의 '버튼'으로 사용할 수 있습니다.

사용자 지정 CMS 양식의 '제출' 버튼 추가에 대한 자세한 도움말을 확인하세요. 

모든 사용자가 툴팁에 액세스할 수 없는 만큼, 이미지 요소에 툴팁을 추가하는 옵션을 제거했습니다. 더 이상 정적 이미지 또는 CMS에 연결되는 이미지에 대한 툴팁을 설정할 수 없습니다. 대신, 대체 텍스트 입력란을 사용해 스크린 리더가 이해할 수 있는 방식으로 이미지를 설명하세요. 

CMS 대체 텍스트 모범 사례에 대한 자세한 도움말을 확인하세요.

데이터세트는 페이지의 요소와 CMS 컬렉션의 콘텐츠 사이의 중요한 연결 고리입니다. 데이터세트를 사용해 양방향 연결을 생성해 컬렉션 콘텐츠를 표시하거나 사용자 입력을 수집하거나, 또는 둘 다 수행할 수 있습니다. 

데이터세트를 사용하면 페이지 요소의 어떤 부분이 컬렉션의 어떤 입력란에 연결되는지 제어할 수 있습니다. 각 데이터세트는 컬렉션에 연결되고 데이터세트에 연결된 각 요소는 컬렉션의 입력란에 연결됩니다. 이를 통해 표시되는 콘텐츠를 새로운 방식으로 관리할 수 있습니다.

데이터세트 추가 및 설정에 대한 자세한 도움말을 확인하세요. 

네. 동일한 데이터세트에 여러 이미지를 연결할 수 있습니다. 데이터세트는 하나의 컬렉션에만 연결됩니다. 하지만, 이미지의 각 부분을 다른 컬렉션 입력란에 연결해 동일한 컬렉션의 다른 콘텐츠를 사용할 수 있습니다. 

이미지 연결이 올바르게 작동하는지 확인하려면, 에디터 오른쪽 상단의 미리보기 버튼을 클릭하세요. 이를 통해 이미지가 연결된 데이터세트 콘텐츠와 함께 표시되는 방식을 확인할 수 있습니다. 모든 것이 문제가 없다면, 변경사항을 게시하고 사이트에 라이브로 적용할 수 있습니다.