쇼핑몰만들기 3단계 - 디자인 관리(소개글,검색어, 로고, 메인이미지) / 우산

 

제3단계 - 디자인 관리

 

ㅇ상단 소개글-브라우저 타이틀- 변경하기 및

메타태그(검색용어 등) 입력하기

ㅇ쇼핑몰 로고 변경하기

ㅇ쇼핑몰 메인 이미지 변경하기

ㅇ메인페이지에 연락처 등록하기를 실습

 

지금 진행하는 쇼핑몰만들기 단계별 내용은

사례1건씩만 실습하여 길을 제시해주는데 그치므로,

실제 자신의 쇼핑몰을 운영하기 위해 준비하는 사람은

사례별로 하나씩만 해서는 안되고, 실습내용을 숙지하고 보완함으로써

각자 자신을 위한 쇼핑몰 페이지를 알차게 다듬어 가야합니다

 

 

1. 상단 소개글 변경하기 및 메타태그 입력하기

 

먼저 카페24 쇼핑몰에 관리자페이지에 로그인 한다

 

현재 내 쇼핑몰을 웹브라우저에서 열면 주소창 옆에 타이틀이

"즐거운 온라인 쇼핑공간에 오신 것을 환영합니다"라고 나온다

이것을 나만의 타이틀 "한옥민박_여울마루"로 바꾸어 본다

 

가. 디자인관리 페이지 들어가기

아래 그림처럼 관리자페이지에서 상단메뉴중 1) "디자인관리"를 클릭하여

나오는 화면에서 좌측 하단에 있는 2) "쇼핑몰환경설정"을 클릭한다음

바뀌는 화면에서 3)"SEO"를 클릭한다 (아래 그림처럼 시행)

 

 

 

 

나. 소개글 변경하기 - 브라우저 타이틀

위 이미지 브라우저타이틀에 나오는 "즐거운 온라인 쇼핑공간에 오신것을 환영합니다!"를

자신의 타이틀로 입력해주면 된다

나는 "한옥민박_여울마루"로 입력(아래 그림 참조)

아울러 소개글과 키워드를 입력하여 검색 사이트에 노출되게 한다

**아래 이미지처럼 해당되는 칸에 각자 입력하고 저장 버튼 클릭**

 

 

다. 변경사항 확인방법

 

아래 이미지 처럼 관리자페이지의 우측 상단에 있는 "내상점" 아이콘을 클릭, 내쇼핑몰 화면이

열리면 주소창 옆에 나오는 브라우저타이틀이 변경되어 있는 것을 확인.

 

 

 

 

2. 쇼핑몰 로고 변경하기

가. 로고 편집화면 가기

관리자페이지에서  "디자인편집"을 클릭하여 모든 디자인을 편집할 수 있는 화면으로 간다

(새창이 나타남)

 

 

 

 

나. 로고 편집

새창 화면에 있는 로고(SAMPLEMALL)에 마우스를 올리면 나타나는 "편집" 아이콘을 클릭

(로고의 크기 알기 : 가로 200px*세로38px)

 

 

 

다. 로고 등록

아래 이미지 보면, 왼쪽 세가지 메뉴에서 맨 위에 있는 "속성" 아이콘을 클릭하고

"찾아보기"를 클릭하여, 내 폴더에 있는 "새 로고 이미지"를 더블클릭합니다

 

(여기서 각자 미리 만든 로고가 있어야 되므로 포토샵이나 다른 그림툴로

만들어야 한다. 크기는 가로 200*세로38px) *로고 만들기는 이 주제에서 벗어나므로 생략

 

 

ㅇ로고 찾아보기가 완료되면 아래처럼 새 로고가 보인다. 여기서 하단의 "적용" 아이콘 클릭하면 완료

 

 

 

아래와 같이 새 로고가 적용된 것을 확인한다

 

 

 

 

 

3. 쇼핑몰 메인이미지 변경하기

가. 메인이미지 편집화면 가기

위 2번의 로고 변경하기와 똑 같습니다. 즉,

관리자페이지에서  "디자인편집"을 클릭하여 모든 디자인을 편집할 수 있는 화면으로 간다

(새창이 나타남)

-다음 메인이미지 위에 마우스를 올리면 좌측하단에 나타나는 편집 아이콘을 클릭한다

(역시 메인이미지 사이즈 확인하기 : 가로850px*세로475px)

 

 

 

 

다. 메인이미지 등록

아래 이미지 보면, 왼쪽 세가지 메뉴에서 맨 위에 있는 "속성" 아이콘을 클릭하고

"찾아보기"를 클릭하여, 내 폴더에 있는 "메인이미지"를 더블클릭합니다

 

 

 

역시, 내상점보기를 클릭하여 적용된 것을 확인한다

 *중요 : 디자인편잡이 끝나면 아래처럼 "저장"버튼을 클릭하여 꼭 저장해둔다

 

 

 

4. 메인페이지에 연락처 등록하기

가. 연락처, 계좌번호 이미지 바꾸기

위 2번, 3번과 같은 방법으로 하면 된다

( 사이즈 178*242px 확인하여 같은 크기로 만들어 놓은 연락처 이미지 등록)

 

 

이하 등록방법은 똑같은 작업과정(즉, 속성-찾아보기-등록)이니까 생략한다

각자 연락처이미지 크기에 맞도록 그림+전화번호+계좌번호 등이 반영된 이미지 작성후 등록

 

 

 

 

다음 "4단계-쇼핑몰 상품등록하기"에서는

ㅇ쇼핑몰 대분류 등록하기

ㅇ중분류 등록하기

ㅇ대분류, 중분류 메뉴순서 변경하기

ㅇ메뉴를 롤오버 이미지로 교체하기를 실습해봅니다