카페24 쇼핑몰에서 일반 블로그 글처럼 수정하는 것 외에도 html로 수정하는 것도 가능하답니다!
어떻게 수정하는지 알아볼까요?
1. 카페 24의 관리자 페이지에 접속한 후 링크를 클릭하여 들어간다.
우선 관리자인 상태에서 접속을 해야지만 게시판을 수정할 수 있기 때문에 관리자로 들어갑니다.
카페24쇼핑몰 게시판수정
2. 내가 수정하려는 게시판 글을 클릭
혹은 글쓰기를 클릭하셔서 새 글을 씁니다.
카페24쇼핑몰 게시판수정
2-1. 글 수정을 하기 위해 게시판 글을 클릭했을 경우 글의 맨 밑의 오른쪽 부분에 있는 수정 버튼을 클릭합니다.
카페24쇼핑몰 게시판수정
3. 왼쪽 윗부분의 [HTML 소스] 부분을 클릭합니다.
카페24쇼핑몰 게시판수정
4. 수정!
HTML은 물론 style만 추가하시면 CSS도 수정이 가능합니다.
HTML을 수정할 때 따로 body태그를 사용하지 않으셔도 됩니다!
카페24쇼핑몰 게시판수정
카페24쇼핑몰에서 모바일 css 수정하는 방법!
한줄정리 : 모바일쇼핑몰 > 디자인수정 > css > 모듈 (module) > 파일찾기 > css수정
그럼 여기서부터는 상세히 알려드리도록 하겠습니다!
우선 관리자 페이지로 로그인을 하신 후 모바일 쇼핑몰을 클릭합니다
보시면 디자인 관리와 모바일 쇼핑몰이 있는데요
디자인 관리는 pc페이지를 수정할 때 쓰고, 모바일 쇼핑몰은 모바일 페이지를 수정할 때 씁니다.
즉, 디자인 관리에서 수정해도 모바일 페이지에는 전혀 적용이 되지 않습니다.
저는 망각하고 디자인관리에서 수정했다가 한참 뒤에 깨달았네요………. ;(
지금은 모바일 페이지만 볼 거니까 모바일쇼핑몰을 클릭합시다.
모바일쇼핑몰을 클릭하신 후에 디자인 수정을 클릭하세요.
클릭하시면
이런 페이지가 새창으로 뜨실거에요.
여기에서 전체화면보기를 클릭 > css 클릭 > 모듈(module) 클릭
모듈 내에 있는 요소들은 메뉴 페이지에 있는 것들인데요, 메뉴페이지와 적당히 비교해 보시면서 수정하시면 됩니다.
어딘지 모를 땐 마우스 우측클릭을 하여 요소검사를 한 후에
(요소검사 : 웹디자인 잘하는 방법 #1 – 리리코스 참조)
저 상단의 타이틀명을 보고 따라가면 됩니다.
상세페이지로 들어갈 시에는 어느부분인지 알 수 없으니 메뉴만 클릭하시고 따라가시면 됩니다!
