엔트리

WordPress 해외 쇼핑몰 제작(17) : 워드프레스의 Theme 설정

Theme 설치까지완료했습니다. 이제테마의세부적인설정에들어가야겠네요. 설정하기전에또다시테마를건들여야하겠습니다.   1. 부모테마와 자식테마? <출처 : ThemeGrill>   워드프레스에는 Child Theme 라는 개념이 있습니다. 우리말로는 “자식테마” 라고 합니다. 워드프레스의 신기하고도 처음에는 참 어려운 개념이기도 합니다.   자식이 있으면 부모가 있어야겠죠. 한 테마를 부모 테마라고 생각하고, 그 테마의 몇가지 파일을 복사, 수정해서 워드프레스가 설치된 곳의 테마 폴더안에 새로 넣어두면 부모테마의 모든 속성을 그대로 따라가는 자식테마가 생성됩니다. 그럼 이런 건 왜 만드는가, 어차피 한 테마는 하나의 도메인에 적용될 수 있는데 굳이 왜 사용할가요?  부모테마의 모든 것을 상속받는 관계이기 때문에 부모 테마를 직접 변경하지 않고도 테마를 수정할 수 있는 것이 큰 장점입니다. 테마를 수정하며 일어날 수 있는 각종 에러를 방지하기도 하고, 특히 테마가 업데이트 되었을 때에 독립적으로 대응할 수 있는 장점이 있습니다. 자식테마의 활용은 워드프레스의 큰장점이자 강점 중 하나입니다. 물론 단점도 있습니다. 2. 어떻게 만드는가? <자식테마를 쉽게 만들 수 있게 하는 Child Themify 플러그인> “자식테마” 혹은 “차일드테마” “child Theme” 정도로 검색하시면 구글이나 네이버에 존재하는 수많은 글을 보실 수 있습니다. 직접 FTP로 호스팅에 올리는 방식, 자식테마 파일로 설치하는 방식, 플러그인을 사용하는 방식 등, 여러가지가 있습니다. 요즘에는 자식테마 파일을 테마 제작사에서 따로 만들어서 올려두곤 합니다. 쉽다곤 하지만 같이 설치할 수 있도록 말이죠.  개인적으로는 가장 쉬운 방식으로 그 파일을 받아서 설치하는 것을 선호합니다. 제가 사용하는 Enfold 테마의 페이지에 들어가서 Child Theme 를 검색해보면 나타나 있습니다.  “Child theme support for easy customization, that is not affected by theme updates. You can download a very basic child theme here” 자식테마를 다운로드 받을 수 있게 올려두었고, 그 테마를 업로드하여 설치합니다. 설치 후 Activation 하면 바로 적용 되며, 테마마다 다르지만 API키나 사용자를 넣어야 할 때에는 추가적으로 활성화 시켜주면 됩니다. 3. 원리는? […]

WordPress 해외 쇼핑몰 제작(16) : 워드프레스의 Theme 설치

테마구매후저장을잘해두셨으면, 이제그테마를바로설치해봐야겠죠. 테마설치는어렵지않습니다. 워드프레스에서제공되는기본적인테마들은관리자화면내에서온라인설치가가능합니다. 다만모든테마가온라인설치를지원하지는않기때문에유료구매테마는직접업로드해주어야합니다.   1. 테마 파일 열어보기 생각보다 큰 용량의 압축파일입니다. 그 안에 있는 enfold.zip 파일만 있으면 테마 설치가 가능합니다. 테마 파일만은 15.6MB입니다. Documentation 폴더의 압축을 풀어 documentation 파일을 열면 폴더 제작사의 설명 웹페이지로 연결됩니다. 사실 이 웹페이지만 천천히 따라가도 대부분의 설치와 설정은 쉽게 할 수 있습니다. 물론 영어로 되어있지만요. 다시 documentation 폴더 내의 index파일을 열면 예쁘지는 않지만 텍트스 위주로 구성된 상세한 설치매뉴얼이 나타납니다.  대부분의테마매뉴얼은친절합니다. 물론 영어… 전체파일을받아도 License code는포함되어있지않기때문에, Themeforest 에서별도로받아서저장해야합니다.   2. 테마 설치  테마는 관리자 화면의 Appearance – Theme 메뉴에서 가능합니다. 한글로는 외모–테마 가 되겠죠. 상단의 Add New 버튼을클릭합니다. 현재사용중인테마가나오는데, 여기서다시상단의 Upload Theme를클릭합니다. 다시상단의 “파일선택“을클릭하여 enfold.zip 파일을선택, Install Now를클릭하여설치합니다. 클릭해도잠시변화가없고, 하단에 “업로드중 (~~%)” 가뜨는데기다리시면됩니다. 업로드가 잘 되고, 설치가 완료되면 Theme installed successfully. 라는 메시지가 출력됩니다. 여기서 발생할 수 있는 에러가 보통 두가지입니다. 첫째는 올바르지 않은 테마 선택, 즉 Enfold.zip파일을 업로드 해야 하는데, Themeforest 에서 받은 전체 파일을 업로드 했을 경우입니다. 이 경우는 제대로 된 테마 파일을 업로드 하면 해결됩니다. 제대로 된 테마 파일이란, ZIP파일을 열어보면 “style.css” 파일과 “functions.php” 파일이 포함되어 있습니다.  두번째는워드프레스에서에러가나타나기보다는브라우저의하얀화면에까만글씨로알수없는에러가출력되는경우입니다. 폴더의권한이없다거나, 웹서버의공간이부족하거나, 테마파일이호스팅서비스의지원범위보다큰파일이거나, 초과시간..즉업로드에시간이너무오래걸려서호스팅서버에서정지되었거나…등등조금더기술적인부분입니다. 이러한에러들은자동설치보다는 FTP등을사용하거나셀프호스팅등으로직접서버를관리할경우에많이일어나며, 혹시나발생했다해도이미많은사용자들에의해해결방안이제시되어있어, 구글검색으로도해결이가능합니다. 설치가완료되었으면 Active 를클릭하여테마를활성화합니다.   3. 테마 활성화 테마 활성과 함께 즉시 테마 설정 화면으로 넘어갑니다. 이 화면은 언제든 Enfold라는 좌측 메뉴에서 찾을 수 있습니다. 테마 설치 후, 유료 테마 설치를 확인시켜 주어야 하는데, 테마 메뉴의 가장 아래에 있는 “Theme Update” 메뉴를 클릭합니다. 참고로 추후에 이 메뉴에서 테마의 자동 업데이트도 가능합니다. […]

WordPress 해외 쇼핑몰 제작(15) : 워드프레스의 Theme 구매

1. 왜 Enfold 테마를? 사실큰이유는없습니다. 개인적으로가벼운테마를선호하지만 Enfold 테마가타테마에비해획기적으로가벼운것도아닙니다. 제가모든유명테마를써본것도아니기도하며이보다더빠르고좋은테마도많습니다. 다만편집기능이그렇게복잡하지않고, Visual Composer 보다조금가벼운편집이가능한느낌이라선택하게되었습니다. 다만생각보다조금더밋밋합니다. 이건이미지로어떻게든상쇄할수밖에없지만, 디자인능력이많이떨어지는제입장에서는어찌보면자충수일수도있습니다. 하지만복잡한게싫고직원들에게조금이라도쉬운걸알려줘야하는입장에서, 사용해본테마중선택하려하니이테마를고르게되더군요. 당연히여러테마를사용해보고자사의홈페이지를꾸미기에가장적합한테마를고르시기를추천합니다.   2. 테마를 구매하기 전에 이미 도메인, 호스팅까지 준비하며 일정 비용을 들이셨다면 굳이 언급하지 않아도 될 일이지만, 노파심에 한번 더 언급하자면 홈페이지,쇼핑몰을 구성하기 전에 내부 컨텐츠 준비는 필수입니다. 테마를 사면 프리뷰와는 달리 황량한 홈페이지가 반겨주기 때문에, 빈공간을 꽉꽉 채워 줄 여러 이미지들이 필요합니다. 아래의 준비물이 우선적으로 필요합니다. – 웹사이트 로고 (회사 로고) – 상품의 분류(카테고리) – 상품 이미지 (최대한 많고, 고퀄리티의 이미지들) – 상품 설명 – 상품 가격 – About Us 에 들어갈 회사 소개 컨텐츠 – Contact Us 에 들어갈 회사계정의 이메일과 주소 등의 정보 – […]

WordPress 해외 쇼핑몰 제작(14) : 워드프레스의 Theme 고르기

워드프레스에는 몇가지의 기본 테마가 설치되어 있습니다. 이 테마들을 활용해서 사이트를 꾸밀 수 있으나, 조금 더 멋지고 다양한 기능들을 위해 유/무료 테마들을 설치하고 수정하는 것을 권장합니다. 여러기능들은 대부분 플러그인이나 테마의 내부 기능들로 구성되어 있는데, 테마를 설치함으로써 기능을 사용함과 동시에, 자체 지원되지 않는 기능은 플러그인을 함께 설치하도록 하거나 혹은 테마 구매 시 플러그인을 포함하여 판매하는 경우가 많기 때문입니다. 1. 테마 골라보기  유료로 테마를 판매하는 사이트는 https://themeforest.net 라는 곳이 유명합니다. 해당 사이트에 대한 간략한 설명은 지난번 설명한 내용이 있습니다. 이 곳에서 마음에 드는 테마를 골라 구매하면 됩니다.  메인 메뉴에  Web Themes & Templates 라는 항목에 기본 선택이 되어 있으며,  Wordpress -> eCommerce 메뉴에 들어가거나, eCommerce -> Woocommerce 로 진입합니다. 현재 1100여개의 테마가 판매되고 있습니다. 물론 해당 사이트 내에서 판매하는 테마가 이 정도이며 실제로 다른 사이트에서 구매할 수 있는 테마도 많습니다.  처음테마에대해접근하고고르기에는조금난감할수있기때문에아래의기준에따라테마를고르게됩니다. – 현재의최신워드프레스버전지원여부 – 다양한브라우저지원여부 – 반응형 (모바일, 태블릿, 데스크톱) 지원여부 – 지속적인업데이트와 Support 제공여부 – 플러그인지원 : WPML, Woocommerce 는기본 – 속도 : 무거운기능보다가벼운구성으로속도를빠르게낼수있는가 – 기능 : 빌더(화면편집,구성을쉽게하는기능), 슬라이더 – 다양한레이아웃제공여부 – Demo 데이터제공여부 – 설치문서혹은영상등의매뉴얼제공여부 등, 다양한구매결정요소가있습니다. 초보자입장에서가장중요한부분은지속적인업데이트와 Support입니다. 사용중에러가발생했을경우실시간상담, 혹은기존구매자들의질문과답변을통해문제를해결할수있는경우면좋습니다. 더좋은것은실제 Admin Panel로접근하여테마를이리저리사용해볼수있는기능을제공하면좋겠지만, 최근에는이러한기능을많이제공하지않더군요. 그리고브라우저, 최신워드프레스버전지원, 반응형의경우에는대부분의테마미리보기에서확인이가능하거나대부분지원하는경우가많습니다. Demo data 또한많은테마에서기본으로제공하고있는데, 생각보다중요한부분입니다.  처음테마를설치하면흰화면에까만글자만덩그러니놓여있습니다. 처음워드프레스를설치했을경우와크게다르지않아, 초보자의입장에서는테마를설치했는데제대로설치가안된것인가하는생각까지들게됩니다. 따라서대부분의테마에서는 Demo data를제공합니다. 테마설치후에데모를불러오면자동으로상품이나사진등이업로드되고, 자사의쇼핑몰이테마미리보기에서보았던쇼핑몰로멋지게변화합니다. 이러한기능을통해화면구성이나기능들을직접보고적용할수있습니다.   2. Best Seller, Top Sellers?  메뉴에서 Woocommerce 테마로 들어가면 기본 보기는 최신순으로 정렬 되어 테마들이 나열되어 있습니다. 오른쪽 상단에서 Sort By 방식을 Best […]