카페24로 홈페이지+쇼핑몰만들기 1 : 템플릿 설치

 

 

 

 

2019. 4. 24 부터

카페24로 홈페이지 구축하기를

시작했어요~

 

배우면서 해볼 것이기 때문에

혹시 html에 익숙하지만

카페24, 무료템플릿 활용에 익숙치 않으신 분들~

저랑 같이 공부해요~ ^^

 

 

---

 

 

 

카페24는

100% 무료 홈페이지, 쇼핑몰로 쓸 수 있습니다~

특정 도메인을 원하신다면

도메인을 신청하셔야 되지만...

 

기본 도메인인

ID.cafe24.com

을 제공하고 있구요~

 

무한대!!!

호스팅도 제공해 주고 있어요~ @,@

무한대 호스팅은 따로 나중에 설명드릴께요~

 

 

 

쉽게 홈페이지를 만들 수 있는

모두, 윅스 등의 서비스가 많지만

 

저는 html, css를 공부하고 싶어

카페24를 이용해 홈페이지를 만들어 볼려구요~

 

카페24는 모바일 홈페이지도 같이 디자인할 수 있어

모바일웹을 따로 만들지 않아도 돼

좋은 거 같아요~

 

 

 

---

 

 

 

1. 템플릿 소스파일 확보하기

 

https://www.free-css.com/free-css-templates?start=180

Download 2863 Free Website Templates - CSS & HTML | Free CSS

 

 

 

 

카페24내에서도

다양한 무료 디자인 스킨이 있습니다~

 

쇼핑몰을 만드시겠다면

그 스킨을 잘 활용만 하면

클릭만으로도

예쁜 쇼핑몰이 만들어지겠지만

 

저는 포트폴리오 형식의,

좀 더 독특한 디자인을 만들고 싶어

무료 템플릿 디자인을 다운받아서 활용할 거에요~ ^^

 

위 사이트에서

다양한 무료 템플릿을 보실 수 있어요~

그 중 원하는 디자인을 골라

클릭~~

 

이 사이트 외에도

무료 템플릿 제공 사이트가 꽤 있을 듯 해요~~

답은 구글링~^^

 

 

 

 

다운로드~~ 라이브 데모는 디자인을 미리 볼 수 있어요~

 

 

 

 

download를 눌러

템플릿 파일을 다운로드 합니다.

 

 

zip으로 압축되어져 있구요~

압축을 풀면

아래처럼 폴더와 파일로 이뤄져있는 걸 확인하실 수 있습니다~

 

 

 

 

 

 

 

 

2. 카페24에 소스 설치하기

 

 

 

이 파일들을

카페24에 올려주면 끝!

 

카페24에서

어디에 설치할지 모를 경우

메인에 걍 복사해 넣어주세요~

 

 

 

 

 

 

저는 filezilla를 사용하고 있어요~

 

저도 어디에 파일을 설치할지 모르겠어서 ;;;

메인에 설치~

 

카페24 홈페이지를 확인했지만...

적용되질 않아서

메인에 있던 기존 폴더, 파일들을 다 삭제하니

적용된 것을 확인할 수 있었어요~

 

다음엔 이 템플릿을

내가 원하는 디자인으로 바꾸기 위해

html, css등을 바꿔보기로 하겠습니다~~