카페24쇼핑몰 게시판수정

게시판_수정_방법

카페24 쇼핑몰에서 일반 블로그 글처럼 수정하는 것 외에도 html로 수정하는 것도 가능하답니다!

어떻게 수정하는지 알아볼까요?

1. 카페 24의 관리자 페이지에 접속한 후 링크를 클릭하여 들어간다.

우선 관리자인 상태에서 접속을 해야지만 게시판을 수정할 수 있기 때문에 관리자로 들어갑니다.

관리자_페이지_접속_후_링크접속

카페24쇼핑몰 게시판수정

2. 내가 수정하려는 게시판 글을 클릭

혹은 글쓰기를 클릭하셔서 새 글을 씁니다.

게시판_글_클릭

카페24쇼핑몰 게시판수정

2-1. 글 수정을 하기 위해 게시판 글을 클릭했을 경우 글의 맨 밑의 오른쪽 부분에 있는 수정 버튼을 클릭합니다.

수정버튼_클릭

카페24쇼핑몰 게시판수정

3. 왼쪽 윗부분의 [HTML 소스] 부분을 클릭합니다.

HTML소스_클릭

카페24쇼핑몰 게시판수정

4. 수정!

HTML은 물론 style만 추가하시면 CSS도 수정이 가능합니다.

HTML을 수정할 때 따로 body태그를 사용하지 않으셔도 됩니다!

수정_각

카페24쇼핑몰 게시판수정

카페24 쇼핑몰 – 모바일 수정

카페24쇼핑몰에서 모바일 css 수정하는 방법!

한줄정리 : 모바일쇼핑몰 > 디자인수정 >  css > 모듈 (module) > 파일찾기 > css수정

그럼 여기서부터는 상세히 알려드리도록 하겠습니다!

우선 관리자 페이지로 로그인을 하신 후 모바일 쇼핑몰을 클릭합니다

보시면 디자인 관리와 모바일 쇼핑몰이 있는데요

디자인 관리는 pc페이지를 수정할 때 쓰고, 모바일 쇼핑몰은 모바일 페이지를 수정할 때 씁니다.

즉, 디자인 관리에서 수정해도 모바일 페이지에는 전혀 적용이 되지 않습니다.

저는 망각하고 디자인관리에서 수정했다가 한참 뒤에 깨달았네요………. ;(

지금은 모바일 페이지만 볼 거니까 모바일쇼핑몰을 클릭합시다.

 

모바일쇼핑몰을 클릭하신 후에 디자인 수정을 클릭하세요.

클릭하시면

이런 페이지가 새창으로 뜨실거에요.

여기에서 전체화면보기를 클릭 > css 클릭 > 모듈(module) 클릭

모듈 내에 있는 요소들은 메뉴 페이지에 있는 것들인데요, 메뉴페이지와 적당히 비교해 보시면서 수정하시면 됩니다.

 

어딘지 모를 땐 마우스 우측클릭을 하여 요소검사를 한 후에

(요소검사 : 웹디자인 잘하는 방법 #1 – 리리코스 참조)

저 상단의 타이틀명을 보고 따라가면 됩니다.

상세페이지로 들어갈 시에는 어느부분인지 알 수 없으니 메뉴만 클릭하시고 따라가시면 됩니다!