이용가이드

TIBO의 이용가이드입니다.

디자인모드

2025-04-30
  • 드래그앤드롭 페이지 구성
  • 텍스트 및 요소 직접 편집
  • 디자인 스타일 커스터마이징
  • AI 이미지 생성 및 편집
  • 페이지 및 섹션 추가/복사/삭제
  • AI 텍스트 및 구성 추천

드래그엔드롭과 클릭만으로 전문적인 코딩지식이 없어도 누구나 

홈페이지를 관리할 수 있습니다.

 

디자인모드 시작하기

  • 디자인모드는 PC브라우져에서 이용해 주세요. 기능이 많아서 모바일에서는 사용이 어렵습니다.
  • 디자인모드 시작하기 : 관리자 메뉴에서 디자인모드 메뉴를 클릭해 주세요.
  • 페이지리스트 : 좌측에 페이지 리스트가 나옵니다. 
    • 페이지 편집
    • 페이지 상세페이지 편집
    • 페이지 추가
    • 페이지 수정
    • 페이지 복사
    • 페이지 삭제

 

페이지 하단에 탭 메뉴

  • 섹션 : 섹션 리스트(주로 HTML 코드), 섹션모듈 리스트(주로 앱의 섹션, 블로그리스트섹션, 쇼핑상품 리스트 등), 페이지섹션(현재 삽입된 섹션리스트)
    • 섹션
    • 모듈섹션
  • 컴포넌트: HTML요소들 컴포넌트(타이틀, 이미지, 링크, 문단, 구분선, 테이블, 오디오, 동영상 등등)
  • 속성 : 속성은 페이지편집화면에서 클릭한 요소의 속성이 표시되는 부분입니다.
  • 스타일 : 공통적으로 사용되는 스타일을 정의하는 곳입니다.

 

페이지 저장

페이지 수정이 끝나면 꼭 “저장하기”버튼을 클릭해 주세요.

그렇지 않으면 작업이 저장이 되지 않고 페이지가 수정되지도 않습니다.

 

반응형 확인

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

화면 줌

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

실행취소 다시실행

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