DIY! 워드프레스 쇼핑몰 책에서 우커머스 2.1 버전용 결제 플러그인을 엑심베이에서 만든 것으로 테스트 했었는데 최근에 국내에서 개발된 유료 플러그인이 출시돼 2종을 소개합니다. 하나는 페이게이트(Paygate)용이고 다른 하나는 엘지 유플러스(LG U+)용이며 개발 회사는 플래닛 에잇(Planet8)입니다. http://www.planet8.co/ 1. 페이게이트 구매를 하고 압축 해제하면 3개의 압축파일이 있습니다. 주소 자동 입력 기능, 결제 플러그인, 한국형 배송 방법 플러그인입니다. 압축해제하고 플러그인 폴더로 이동해 활성화 합니다. 우커머스 설정 결제 탭에 오면 여러가지 결제 방법이 나타납니다. 특히 해외 신용카드는 원화로는 안되므로 일반 탭에서 해외 통화로 변경해야 가능합니다. 각 결제 방..
[업데이트] 우커머스 2.1 RC2 버전입니다. 한국시간으로 2월 11일 정식 버전이 나올 예정입니다. ______________________________________________________________________________ 우커머스 2.1 버전이 베타 단계를 끝내고 RC 단계로 들어섰습니다. 당초 1월 말까지 정식 버전이 나오기로 했었는데 좀 늦어졌습니다. 조만간 정식 버전이 나올 것 같습니다. https://github.com/woothemes/woocommerce/tree/v2.1.0-RC1 깃허브에서 내려받으면 됩니다. 2.1 버전에서는 한글이 포함됩니다. 그동안 2.0 버전에서는 버전 막바지에 한글 파일을 보냈더니 추가하지 않고 있어서 우커머스를 설치해도 한글이 나오지 않았지..
워드프레스 우커머스 결제 플러그인 중 하나인 WooCommerce KCP가 무료로 개방됐습니다. 이 플러그인은 아진시스템에서 제작한 것으로 아래 사이트에서 무료 요청을 하거나 github에서 직접 내려받을 수 있습니다. 아진시스템 홈페이지 → http://wpshop.ajinsys.com/ 깃허브 → http://hongsw.github.io/ajin-kcp-payment-woocommerce/ zip 파일을 내려받아 압축을 풀면 폴더 안에 woocommerce-KCP-plugin 폴더가 있습니다. 이 폴더를 wp-content/plugins 폴더로 붙여넣습니다. 플러그인을 활성화하고 우커머스 → 설정 → 지불 게이트웨이 탭을 선택한 다음 Kcp[Card]링크를 클릭합니다. 테스트 결제를 위한 내용들이 ..
씸포레스트에서 테마를 구매하는 방법을 알아보겠습니다. 웹브라우저로 http://themeforest.net/에 들어가면 미국의 대표적인 테마 사이트 중 하나인 씸포레스트로 이동합니다. 씸포레스트에서는 고가의 테마가 아닌 보통 수준의 가격에 테마를 판매하고 있습니다. 씸포레스트는 워드프레스뿐 아니라 각종 템플릿을 대부분 저렴한 판매하는 것으로 유명한 템플릿 사이트입니다. 메뉴에서 워드프레스를 클릭하면 블로그의 성격별로 분류돼 있어 선택하기 편리합니다. http://themeforest.net/ 우선 계정을 만들어야 구매할 수 있으므로 위 링크로 접속해서 화면의 우측 상단에서 Create Account를 클릭합니다. 이미 계정이 있는 경우 Sign In을 클릭합니다. 다음 화면에서 우측의 입력란에 각종 정보..
워드프레스로 작업을 하다보면 어떤 테마는 메뉴의 최하단에 배치돼서 가장 많이 사용할 메뉴가 사용하기 어려운 상황이 될 수도 있습니다. 검색을 해보니 이런 플러그인도 있구나 하는 생각이 듭니다. 워드프레스가 인기 있는 이유가 바로 이런 것이더군요. 워드프레스 쇼핑몰 만들기 초보자용을 기획 중 하나의 테마를 대상으로 하려고 했는데 폭을 넓혀서 일반적으로 프리미엄 테마를 사용하는 방법을 연구하고 있습니다. The 7이라는 테마를 사용해보고 있는데 Subway 테마와 마찬가지로 Visual Composer 페이지 빌더와 LayerSlider 슬라이더 빌더 외에 유료 플러그인으로 Revolution Slider가 더 있더군요. 인기 있는 테마 중에 하나입니다. 그런데 이 테마는 설치하고나면 테마 옵션이 메뉴의 최..
워드프레스를 사용하다보면 플러그인을 비활성화 하는데도 에러가 발생할 때가 있습니다. 어떤 에러 메시지도 나타나지 않고 관리자 화면에서 새로고침해도 흰 화면만 나타나죠. 그래서 어떤 부분에서 에러가 있는지 전혀 알 수가 없어서 당황스럽고 아예 플러그인 파일을 제거하기도 합니다. 플러그인을 폴더에서 제거하면 되겠지만 어떤 플러그인을 제거해야 할지 모르는 상태에서 하나씩 제거해 봐야 알 수 있는데 이럴 때 워드프레스에 내장된 디버깅 모드를 사용하면 에러 발생 원인을 찾아내는데 도움이 됩니다. 워드프레스 루트 폴더에 환경설정 파일인 wp-config.php 파일을 열면 define('WP_DEBUG', false);라고 돼있는데 이를 위 그림처럼 true로 수정하고 저장합니다. 코드를 수정하기 전에는 흰 화면만..
워드프레스 3.8 버전의 기본 테마인 Twenty Fourteen을 일부 수정해서 사용할 수 있는 플러그인을 소개합니다. http://wordpress.org/plugins/fourteen-extended/ 위 링크는 플러그인 페이지입니다. 쉽게 설치하려면 플러그인 추가하기 화면에서 Fourteen Extended로 검색해서 지금 설치하기를 클릭하고 활성화 합니다. 설정은 사용자 정의 화면에서 할 수 있습니다. TwentyFourteen General Options 패널을 열면 여러 가지 설정을 변경할 수 있습니다. "Center Align Site Layout?"에 체크하면 사이트가 중앙 배치됩니다. 콘텐츠의 좌측에 여백이 생기는 것을 볼 수 있습니다. Float Left에 체크하면 메뉴가 좌측으로 배..
워드프레스 3.8이 발표된지 며칠이 지났는데 벌써 180만 회나 다운로드가 됐습니다. 아래 화면은 워드프레스 다운로드 카운터로 http://wordpress.org/download/counter/ 에서 확인할 수 있습니다. 이번 버전은 관리자 화면의 디자인 변경이 주된 내용이지만 기본 테마인 Twenty Fourteen을 포함시켜 프론트엔드까지 디자인이 변경된 것으로 생각할 수 있습니다. 이 테마는 매거진 사이트에 어울리는 테마로 사용하는 색상의 콘트라스트가 높습니다. 즉 배경 색상과 글자 색의 대비(콘트라스트)가 큰 것이죠. 검정색 바탕의 배경이다보니 글자나 이미지가 두드러지게 보입니다. 제가 보기에는 이대로 사용해도 멋진 웹사이트를 만들 수 있을 정도로 훌륭한 테마입니다. 배경 색상을 변경하자면 스타..
워드프레스 쇼핑몰 만들기 책에서는 부트스트랩 스킨의 제이쿼리 플러그인을 사용해서 배송일자를 추가하는 방법이 있었는데 아래의 플러그인은 워드프레스 플러그인으로 영문 버전을 한글 버전으로 전환했습니다. 원본 사이트는 아래의 링크입니다. http://wordpress.org/plugins/order-delivery-date-for-woocommerce/installation/ Order Delivery Date for Woocommerce워드프레스 관리자 화면의 플러그인 추가하기에서 위 검색어로 검색해서 설치해도 됩니다. 다만 영문 버전은 날짜 형식이 다르게 나오고 요일이 영문으로 나와서 한글 형식으로 수정했습니다. 결제화면에서 청구주소 정보 입력 하단에 나타납니다. 결제하고 나면 주문 페이지에서 사용자 정의..
워드프레스 차기 버전은 3.7과 3.8로 동시에 개발이 진행되고 있습니다. 3.7 버전은 10월 중순에 발표될 예정이고 3.8 버전은 플러그인 형태로 개발되며 완료되면 코어 파일에 포함될 예정입니다. 3.7 버전의 주요 기능은 3가지인 만큼 개발 기간이 짧고 3.8 버전은 이례적으로 현재 13개의 기능이 추가될 예정인데 2개는 이미 개발이 완료돼서 사용자의 피드백을 받고 있는 중입니다. 3.7 버전의 기능 자동 업데이트 자동업데이트는 매 버전이 업데이트된 후에 보안버전이 발표되는데 이 보안버전을 자동업데이트합니다. 그러므로 3.7 버전을 사용한다고 해서 3.8 버전으로 업데이트되지는 않습니다. 하지만 개발버전(Nightlies)은 매일 업데이트됩니다. 개발 버전에서 자동으로 업데이트되는 것을 방지하려면 ..
워드프레스 코어 파일 및 기본 테마, 기본 플러그인 등의 언어파일은 제가 주로 번역해오고 있습니다. 프로그램이 업데이트 되면 수시로 스트링이 업데이트 되는데 저도 수시로 들어가서 번역을 최신으로 업데이트 하고 있습니다. 워드프레스 코어 파일과 기본 테마의 경우 새 버전이 업데이트 되면 한글 파일이 포함되지만 플러그인의 경우 새로운 버전이 업데이트 되면 별도를 추가해 줘야합니다. 워드프레스 번역 사이트가 두곳이 있는데 한곳은 워드프레스닷컴에서 관리하고 한곳은 워드프레스닷오그에서 관리합니다. 워드프레스닷컴의 경우 제가 주로 번역하는 것은 젯팩 플러그인입니다. http://translate.wordpress.com/projects 프로그램 목록을 클릭하면 버전이 나옵니다. 원하는 버전을 선택하면 언어 목록이 ..
워드프레스 플러그인 클라우드인 젯팩이 최근에 2.3 버전으로 업데이트 됐습니다. 이중에 두가지 기능에 대해 알아보겠습니다. 기타 다른 플러그인이나 설치방법에 대해서는 제 블로그에서 젯팩으로 검색하면 많이 나옵니다. 두개의 플러그인이 신규로 추가됐습니다. 옴니서치(Omnisearch)와 젯팩 디버거인데요. 옴니서치는 워드프레스 사이트 내의 모든 내용을 검색할 수 있습니다. 디버거는 젯팩 플러그인과 다른 플러그인과의 충돌을 점검할 수 있습니다. 활성화 버튼을 클릭하면 아래처럼 젯팩 메뉴에 하위 메뉴가 추가됩니다. 검색어로 검색하면 글, 페이지, 댓글, 플러그인, 피드백 등 사이트 내의 모든 것을 검색할 수 있습니다. 디버그 메뉴를 선택하면 사이트가 젯팩과 호환되는지, 다른 플러그인과 문제가 없는지 점검합니다..
그동안 나눔 고딕체를 적용하는 방법은 테마 변경에 따라서 다시 설정해줘야하는 번거로움이 있었습니다. 이번에는 웹폰트 플러그인을 사용해서 테마가 변경되더라도 항상 나눔고딕체가 적용되도록 하는 방법을 알아보겠습니다. 플러그인 추가하기에서 WP Google Fonts로 검색해서 설치합니다. 설정-->구글폰트를 선택하면 우측에 창이 나옵니다. 첫번째 폰트 선택 박스에서 아무 폰트나 선택하고 1,2,4 항목의 모든 체크박스를 선택해제합니다. 3의 입력박스에는 다음의 코드를 넣어주고 저장버튼을 클릭합니다. @import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css" ) ;body, h1, h2, h3, h4, h5, h6, li, p { font-fa..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. 이번 글은 윈도우 8 메트로 디자인 관련입니다. Cosmo 프로그램 사이트 및 데모 사이트 : http://bootswatch.com/cosmo/ 아래의 화면의 다운로드 메뉴에서 bootstrap.css 링크를 우클릭해서 다른이름으로 링크 저장을 선택하면 파일로 받을 수 있습니다. 위 화면에서 Preview 메뉴를 선택하면 여러가지 테마를 볼 수 있으며 위와 마찬가지 방법으로 스타일시트를 내려받을 수 있습니다. 아래 그림은 slate라는 메뉴를 선택했을 때 ..
워드프레스 관리자 화면이 전체적으로 회색이라서 밋밋한 면이 있습니다. 관리자 화면을 다른 스킨을 적용하면 색상을 바꿀 수 있는 플러그인이 다양하게 있습니다. 여기서는 부트스트랩으로 디자인된 플러그인인 Bootstrap Admin을 소개합니다. 관리자 화면의 플러그인-->플러그인 추가하기에서 Bootstrap Admin으로 검색해서 설치하고 활성화합니다. 관리자 화면이 부트스트랩으로 디자인된 화면으로 바뀌면서 일부 글자에 세미콜론이 나타납니다. 나눔고딕 웹폰트를 사용해서 해결합니다. 플러그인 폴더에서 assets-->css-->compiled-style.css을 열고 최상단에 아래의 코드를 추가합니다. @import url("http://fonts.googleapis.com/earlyaccess/nanum..
트위터 부트스트랩을 이용해서 웹 페이지를 디자인에 필요한 각종 플러그인을 수록하겠습니다. 부트스트랩은 웹 개발자의 무료 하드디스트 서비스인 기트허브(Github)에 오픈소스로 등록되어 있어서 관련 프로젝트도 대부분 이곳에서 오픈소스로 공개돼있습니다. bootstro.js 웹페이지를 둘러 볼 수 있는 가이드를 만드는 플러그인입니다. 프로그램 사이트 : https://github.com/clu3/bootstro.js데모 사이트 : http://clu3.github.io/bootstro.js/ Layout it 웹페이지 요소를 드래그해서 간편하게 만들 수 있는 사이트입니다. 프로그램 사이트 : http://www.layoutit.com/build Bootply 드랍다운 메뉴에서 스니핏 코드를 선택해서 코드를 ..