디자인모드
2025-04-30
- 드래그앤드롭 페이지 구성
- 텍스트 및 요소 직접 편집
- 디자인 스타일 커스터마이징
- AI 이미지 생성 및 편집
- 페이지 및 섹션 추가/복사/삭제
- AI 텍스트 및 구성 추천
드래그엔드롭과 클릭만으로 전문적인 코딩지식이 없어도 누구나
홈페이지를 관리할 수 있습니다.
디자인모드 시작하기
- 디자인모드는 PC브라우져에서 이용해 주세요. 기능이 많아서 모바일에서는 사용이 어렵습니다.
- 디자인모드 시작하기 : 관리자 메뉴에서 디자인모드 메뉴를 클릭해 주세요.
- 페이지리스트 : 좌측에 페이지 리스트가 나옵니다.
- 페이지 편집
- 페이지 상세페이지 편집
- 페이지 추가
- 페이지 수정
- 페이지 복사
- 페이지 삭제
페이지 하단에 탭 메뉴
- 섹션
: 섹션 리스트(주로 HTML 코드), 섹션모듈 리스트(주로 앱의 섹션, 블로그리스트섹션, 쇼핑상품 리스트 등), 페이지섹션(현재 삽입된 섹션리스트)
- 섹션
- 모듈섹션
- 컴포넌트
: HTML요소들 컴포넌트(타이틀, 이미지, 링크, 문단, 구분선, 테이블, 오디오, 동영상 등등)
- 속성
: 속성은 페이지편집화면에서 클릭한 요소의 속성이 표시되는 부분입니다.
- 스타일
: 공통적으로 사용되는 스타일을 정의하는 곳입니다.
페이지 저장
페이지 수정이 끝나면 꼭 “저장하기”버튼을 클릭해 주세요.
그렇지 않으면 작업이 저장이 되지 않고 페이지가 수정되지도 않습니다.

반응형 확인
모바일이나 타블렛, PC화면에서 어떻게 보이는 지 확인할 수가 있습니다.

화면 줌
화면을 축소해서 볼 수 있습니다. 100%는 실제 크기입니다.

실행취소 다시실행
실행을 취소할 수 있고, 다음으로 취소했던 행위를 다시 실행할 수 있습니다.
