쇼피파이 3

쇼피파이 Theme 개발 시작하기

https://shopify.dev/themes/getting-started/create Create a theme Follow this tutorial to learn how to set up your development environment and build a new theme using our reference theme, Dawn. shopify.dev 다큐먼트에 나와 있는데로 Down theme 설치 완료 후 shopify theme init 로컬 서버 실행 shopify theme dev --store {store-name} 에러 발생 루비를 다운로드 해야 하나보다. (루비를 건드려 볼줄이야....) 설치를 해본다. 생각보다 시간이 오래걸린다. 설치를 하고 {store-name}에 내가 사..

[워드프레스] 워드프레스 쇼핑몰 만들기 처음부터 끝까지 + 블루호스트 + 엘레멘토 사용법

회사에서 쇼피파이 대신 워드프레스를 사용하기로 결정해서 워드프레스와 우커머스를 사용하여 쇼핑몰을 만들 계획이다. 워드프레스를 사용하면 코딩 없이 쇼핑몰을 만들 수 있는 장점이 있다. 0. WAMP설치하기 1)윈도우에서 실행할 수있는 아파치 MYSQL PHP서버를 설치함. 2)워드프레스용 디비 만들기 혹은 처음부터 호스팅을 시작하기 hostgator.com / bluehost.com / fastcomet.com 블루호스트 1. 그냥 워드프래스를 만든다. 2. 호스팅 이전: 도메인 닷컴에서 블루호스트의 nameserver - ns1.bluehost.com 이걸 등록하고 도메인 dns record의 세팅 ns @ ns1.bluehost.com이걸 바꿔줌 3. ssl이 적용이 안됬을 경우 bluehost에서 s..

[쇼피파이] 쇼피파이 테마 2.0 개발을 위한 구조분석 및 이해

구성 쇼피파이의 큰 구조는 아래와 같다. - 아나운스먼트 바 - 헤더 - 템플레이트 - 푸터 레이아웃 처음에 실행되는 파일인 theme.liquid 파일을 보면 아래와 같이 {% section %}을 통해 아나운스먼트바, 헤더, 푸터를 불러온다. {{content_for_header}} liquid 태그는 html 에 사이에 넣는다. 템플레이트 이중 템플레이트는 쇼피파이에 필요한 페이지를 구성하는 JSON/liquid 파일을 말한다. 쇼피파이 쇼핑몰이 필요한 페이지들의 파일 이름이 아래 사진에 보듯 이미 정의가 되어있어서 자신이 만들 페이지명을 확인 하고 만들면 된다. Json file과 liquid file 중 쇼피파이 2.0에서는 템플레이트를 JSON으로 만들어 템플레이트 내부의 섹션들을 자유롭게 배..