디자인 > 디자인환경
업데이트 2019.03.06

디자인환경은 퍼스트몰만의 강력한 디자인 편집기능인 EYE DESIGN으로 이동하는 기능입니다.

EYE DESIGN은 쇼핑몰 사용자 화면을 보고 이미지를 넣거나 팝업을 띄울 수 있습니다.

 

디자인환경은 관리자페이지 디자인-디자인환경(PC)를 클릭하시면 들어갈 수 있습니다.

디자인 환경에 들어오면, EYE DESIGN을 이용하여 디자인을 변경할 수 있습니다. 

 WEB FTP를 사용할 수 있는 메뉴입니다.

FTP ID/PW는 GABIA.COM 의 MY가비아 - 쇼핑몰관리 - 서비스관리 메뉴에서 FTP 정보를 받아 볼 수 있습니다. 

FTP정보 확인 FAQ 바로가기

WEB FTP 외에 파일질라, 알FTP와 같은 FTP 프로그램으로도 사용이 가능합니다. 

 스타일시트(CSS) 파일을 편집수 있는 페이지로 들어갈 수 있습니다. 

 HTML을 편집할 수 있습니다. 아래 번과 같은 내용입니다.

지금 보고 계신 매뉴얼로 들어가는 메뉴입니다.  

스킨이름을 표시하여 줍니다.

 전체레이아웃을 설정하는 메뉴입니다. 

전체레이아웃 설정 매뉴얼 바로가기

 HTML을 편집할 수 있는 EYE EDITOR 입니다.

EYE EDITOR는 아래에서 다시 설명합니다.

 다른 디자인환경(Mobile/Tablet, Facebook PC)으로 전환할 수 있습니다.

 관리자페이지로 들어갈 수 있습니다.

 디자인을 추가하고 편집할 수 있는 EYE DESIGN 입니다.

EYE DESIGN으로 작업하시다가 쇼핑몰화면을 보실때 하단의 CLOSE를 클릭하면 EYE DESIGN을 최소화할 수 있습니다.

EYE EDITOR

 열려있는 파일들을 볼 수 있습니다.

해당페이지의 화면을 새창으로 볼 수 있습니다. 

열려있는 파일들을 모두 저장할 수 있습니다.

선택된 파일만 저장할 수 있습니다.

예전에 작업하고 저장하였던 파일을 불러올 수 있습니다.

원본소스를 볼 수 있습니다.

해당페이지의 주소를 클립보드에 복사할 수 있습니다.

소스를 편집할 수 있습니다.

디렉토리를 클릭하면 서버의 디랙토리 구성을 확인할 수 있고, 각 디렉토리와 파일을 확인할 수 있습니다.

서버의 디렉토리들입니다.

디렉토리안의 파일명을 보여줍니다.

파일을 정렬할 수 있습니다.

EYE DESIGN

EYE DESIGN에서는 다양한 디자인 기능이 들어가 있습니다. 

아래에서 보시는 것처럼 각페이지의 리스트가 들어가 있으며, 해당페이지에서 마우스 오른쪽 버튼을 클릭하면,

이미지/플래시/동영상/상품디스플레이/팝업/게시판 등을 넣을 수 있으며, HTML 소스와 레이아웃/폰트/배경색을 설정할 수 있습니다.

(마우스 모양은 마우스의 오른쪽 버튼을 클릭하시라는 표시입니다.)

 전체페이지: 모든페이지를 한눈에 볼 수 있는 메뉴입니다.

전체페이지 매뉴얼 바로가기

 이미지 넣기 : 이미지를 삽입할 수 있습니다. 

이미지 넣기 매뉴얼 바로가기

 플래시 넣기: 플래시를 삽입할 수 있습니다.

플래시 넣기 매뉴얼 바로가기

④ 동영상 넣기: 동영상을 삽입할 수 있습니다.

동영상 넣기 매뉴얼 바로가기

 상품디스플레이 넣기: 상품진열을 할 수 있습니다.

상품디스플레이 매뉴얼 바로가기

 띠배너/팝업 띄우기: 띠배너/팝업을 띄울수 있습니다.

띠배너/팝업 띄우기 매뉴얼 바로가기

 게시판 넣기: 게시판을 일부를 넣을 수 있습니다.

게시판 넣기 매뉴얼 바로가기

 HTML 소스 편집하기 : 에디터에서 소스를 편집할 수 있습니다.  

HTML소스 편집하기 매뉴얼 바로가기

 레이아웃/폰트/배경색: 레이아웃/폰트/배경색을 설정할 수 있습니다. 

레이아웃/폰트/배경색 매뉴얼 바로가기

 새 페이지 만들기 : 새로운 페이지를 만들 수 있습니다.

새 페이지 만들기 매뉴얼 바로가기

※ EYE DESIGN은 ON으로 설정 하실 경우 이미지/플래시/동영상/상품디스플레이등을 변경하거나 삭제할 수 있습니다.

ex) EYE DESIGN을 ON 하시고, 네이게이션을 클릭하면 네이게이션디자인을 변경할 수 있는 메뉴가 뜹니다.

ex) EYE DESIGN을 ON 하시고, 이미지를 클릭하면 이미지를 수정하고, 링크를 걸 수 있습니다.

ex) EYE DESIGN을 ON 하시고, 상품디스플레이를 클릭하면 상품디스플레이 변경창이 뜹니다.

또한, 각 변경창에서는 해당 HTML영역으로 바로 들어갈 수 있는 메뉴가 제공됩니다.

 

전체 메뉴

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

ⓒ Gabia C&S Inc. All Rights Reserved.

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