모바일 화면 점검하고 에셋 관리하기
화면 크기별 미리보기와 모바일 수정 범위를 확인하고, 업로드한 파일을 안전하게 재사용합니다.
여러 화면 크기로 확인하세요
데스크톱에서 보기 좋은 페이지도 휴대폰에서는 제목이 지나치게 길어지거나 이미지가 잘리고 버튼을 누르기 어려울 수 있습니다. 편집 중에는 기기별 미리보기를 사용하고, 게시 후에는 방문자가 사용할 실제 기기에서도 확인하세요.
- 페이지의 미리보기에서 데스크톱, 태블릿, 모바일 또는 직접 지정한 너비를 선택합니다.
- 가로 스크롤, 겹치는 텍스트, 어색한 이미지 잘림, 복잡한 메뉴, 누르기 작은 버튼이 없는지 확인합니다.
- 데스크톱이나 모바일에서는 서브 뷰를 켜 다른 화면 크기도 옆에서 비교할 수 있습니다. 보조 보기는 읽기 전용이므로 다른 크기를 기준으로 작업하려면 기본 미리보기를 전환합니다.
수정할 화면 범위 정하기
지원되는 모바일 페이지 미리보기에서는 AI 채팅에 수정 범위가 나타납니다. 모바일만 변경은 요청한 변경을 모바일에만 적용하도록 지시하고, PC도 함께 변경은 모바일과 데스크톱에 함께 적용하도록 지시합니다. 미리보기 크기를 바꾸는 것과 요청의 적용 범위를 정하는 것은 별도로 확인하세요.
예를 들어 “모바일에서만 카드 세 개를 세로로 쌓고 제목 위 여백을 줄여줘. 데스크톱 배치는 유지해줘”라고 요청할 수 있습니다. 작업이 끝나면 두 화면을 모두 확인하고 관련 메뉴와 버튼도 눌러 보세요. AI 작업 완료 후에도 게시 전 검토가 필요합니다.
공통 스타일 관리하기
디자인 시스템에서 사이트가 사용하는 색상, 글꼴, 모서리, 레이아웃 값을 확인할 수 있습니다. 변경을 저장한 뒤 여러 페이지에 미친 영향을 확인하세요. 설정값은 해당 값을 사용하는 요소에 적용되므로 새 색상을 추가했다고 기존 페이지 전체의 색상이 자동으로 바뀌지는 않습니다. 사용처를 확인하거나 AI에게 필요한 위치에 적용하도록 요청하세요. 준비된 공유 스타일 변경은 공통 레이아웃과 함께 게시합니다.
파일 업로드하고 재사용하기
- 에셋에서 파일 업로드를 선택하거나 파일을 끌어다 놓습니다. 미디어 라이브러리의 업로드 한도는 파일당 10MB입니다.
- 검색, 파일 종류 필터, 정렬로 원하는 파일을 찾습니다. 상세 화면에서 이름, 크기, 이미지 가로·세로 크기, 대체 텍스트, 설명을 확인합니다.
- 이미지 필드나 에셋 선택 기능으로 파일을 연결하거나 AI에게 해당 파일의 배치를 요청합니다. “이 사진을 팀 소개 위에 넣어줘”처럼 위치와 목적도 알려 주세요.
- 실제 페이지에서 이미지가 잘리는 방식, 로딩, 설명, 링크 동작을 확인합니다.
편집 모드의 이미지 교체에서는 이미지 URL을 넣거나 파일을 업로드할 수 있습니다. 에셋에 파일을 올리는 것만으로 사이트의 모든 이미지가 교체되지는 않습니다.
공개 페이지를 확인한 뒤 정리하세요
에셋 상세 화면의 사용처 확인은 페이지 초안과 CMS 콘텐츠를 대상으로 합니다. 이미 게시된 페이지 버전이나 모든 외부 사용처를 검사하지는 않습니다. 따라서 사용처가 없다는 표시만으로 삭제해도 안전하다고 판단하지 마세요.
삭제하기 전에 공개 사이트에서 사용하는 파일을 교체하고 다운로드 링크도 확인합니다. 미디어 라이브러리에서 삭제한 파일은 되돌릴 수 없으므로 다시 필요할 수 있는 원본은 별도로 보관하세요.