디자인 > 디자인환경
업데이트 2021.09.10
  • - EYE DESIGN을 이용하여 디자인 작업을 쉽게 진행할 수 있습니다.

메뉴 설명


  • 1. CSS편집 : EYE EDITOR를 이용하여 CSS 파일을 편집할 수 있습니다.
  • 2. HTML편집 : 현재 보고 있는 페이지의 HTML을 편집할 수 있도록 EYE EDITOR를 실행할 수 있습니다. (아래 EYE EDITOR 부분을 참고하여 주세요)
  • 3. 작업스킨 : 현재 작업 스킨의 폴더명(스킨코드)을 보여줍니다.
  • 4. 로그인 : 고객 회원 아이디로 로그인할 수 있습니다. '관리자 페이지 > 고객CRM > 회원정보 수정'에서 기본정보의 테스트용에 체크하시면 이용하실 수 있습니다.
  • 5. 관리자 환경 : 관리자 페이지로 이동할 수 있습니다.
  • 6. EYE DEISGN : 디자인을 추가하고 편집할 수 있는 기능을 제공합니다. (아래 EYE DESIGN 부분을 참고하여 주세요)



  • 1. 파일이름 : 현재 편집하고 있는 파일을 확인할 수 있습니다. + 를 클릭하여 새로운 파일을 열수 있고, 여러개 파일을 열려 있는 경우에는 편집할 파일로 이동할 수 있습니다.
  • 2. 주소복사 : 편집하고 있는 파일의 주소(경로)를 복사할 수 있습니다.
  • 3. 화면보기 : 편집하고 있는 파일의 화면을 미리 볼 수 있습니다.
  • 4. 모두저장 : 열어 놓은 모든 파일을 저장할 수 있습니다.
  • 5. 저장 : 현재 편집하고 있는 파일만 저장할 수 있습니다.
  • 6. 백업파일 : 기존에 작업하였던 파일의 소스를 확인할 수 있습니다. 최대 5개까지 백업 됩니다.
  • 7. 원본소스보기 : 해당 파일의 원본소스를 확인할 수 있습니다.
  • 8. 폴더 생성/이름변경/삭제, 새로고침, 이미지 업로드 : 폴더를 생성/이름변경/삭제, 해당 폴더구성의 새로고침, 이미지 업로드 등을 할 수 있습니다.
  • 9. 폴더 : 디자인 영역의 폴더 구조를 확인하고 이동할 수 있습니다.
  • 10. 파일 : 위에서 선택한 폴더안의 파일을 확인할 수 있습니다.
  • 11. HTML소스 : HTML 소스를 편집할 수 있습니다.



  • 1. ON/OFF : EYE DEISNG을 ON/OFF할 수 있습니다. ON으로 변경하신 후, 변경하실 텍스트, 배너, 이미지 등을 클릭하시면 해당 영역의 디자인을 수정하실 수 있습니다.
                         
  • 2. 페이지 이동 : 편집을 하고자 하는 페이지로 이동할 있으며, 마우스 오른쪽 버튼(또는 아이콘 클릭)을 누르시면 해당 페이지에 이미지/슬라이드배너/상품디스플레이 등을 추가할 수 있습니다.
  • 3. 이미지 넣기 : 해당 페이지에 이미지를 추가할 수 있습니다. <이미지 넣기 매뉴얼로 이동>
  • 4. 슬라이드 배너 넣기 : 해당 페이지에 슬라이드 배너를 추가할 수 있습니다.<슬라이드배너 넣기 매뉴얼로 이동>
  • 5. 상품디스플레이 넣기 : 해당 페이지에 상품디스플레이를 추가할 수 있습니다. <상품디스플레이 넣기 매뉴얼로 이동>
  • 6. 띠배너/팝업 띄우기 : 해당 페이지에 띠배너/팝업을 추가할 수 있습니다. <띠배너/팝업 띄우기 매뉴얼로 이동>
  • 7. 게시판 넣기 : 해당 페이지에 생성되어 있는 게시판 중 선택한 게시판을 넣을 수 있습니다. <게시판 넣기 매뉴얼로 이동>
  • 8. 라이브 방송 넣기 : 해당 페이지에 라이브 방송 컨텐츠를 노출할 수 있습니다.<라이브방송 넣기 매뉴얼로 이동>
  • 9. HTML소스 : 해당 페이지의 HTML소스를 편집할 수 있는 EYE EDITOR를 띄웁니다.
  • 10. 페이지별 레이아웃 설정 : 해당 페이지의 레이아웃을 설정할 수 있습니다. 
  • 11. 전체 레이아웃 설정 : 전체 페이지에 대한 레이아웃을 설정할 수 있습니다. <전체 레이아웃 설정 매뉴얼로 이동>
  • 12. 전체 페이지 보기 : 전페 페이지를 확인할 수 있습니다.
  • 13. 새 페이지 만들기 : 새로운 페이지를 추가할 수 있습니다. <새 페이지 만들기 매뉴얼로 이동>
  • 14. 반응형 QUICK 디자인 : 반응형 스킨의 테마를 변경하거나, 부분별 스타일을 적용할 수 있습니다.
  • 15. CLOSE : EYE DESIGN 메뉴를 최소로 줄여 줘서 다지인 편집을 넓게 할 수 있습니다.


주의 및 참고 사항

  • - 디자인을 수정하신 후에는 새로고침 (CTRL + F5)을 하셔야 변경된 내용을 확인할 수 있습니다.
  • - HTML 소스를 수정하실 때에는 미리 백업을 받아놓으시는 것이 좋습니다.


전체 메뉴

궁금하신 내용은 해결되셨나요?

ⓒ Gabia C&S Inc. All Rights Reserved.

.
회원님의 소중한 개인정보 보호를 위해 비밀번호를 주기적으로 변경하시는 것이 좋습니다.
현재 비밀번호
신규 비밀번호
신규 비밀번호 확인
6~20자, 영문 대소문자 또는 숫자 특수문자 중 2가지 이상 조합