엔바토(Envato)는 매월 자사의 템플릿 회사별로 무료 소스를 공개합니다. 엔바토 그룹에는 여러 가지 회사가 있습니다. 워드프레스 테마 등 여러 가지 웹디자인 템플릿을 판매하는 씸포레스트(ThemeForest)와 플러그인을 판매하는 코드캐년(CodeCanyon)이 있고, 비디오는 비디오 하이브(Videohive), 음원은 오디오정글(Audiojungle), 그래픽 디자인 템플릿은 그래픽리버(Graphicriver), 이미지는 포토듄(Photodune), 3D 소스는 쓰리디오션(3docean), 플래시 소스는 액티브덴(Activeden)에서 판매합니다. 참고로 엔바토 그룹은 터츠 플러스(Tuts+)라는 온라인 강좌도 운영하고 있습니다. 웹디자인이나 그래픽 디자인하시는 분들 중에 구글 검색하다보면 자주 만..
유료 테마 구입하기 계정 만들기 http://themeforest.net/ 위 링크로 이동하면 세계적으로 유명한 테마 사이트 중 하나인 씸포레스트로 이동합니다. 씸포레스트는 워드프레스뿐 아니라 각종 템플릿도 판매합니다. 우선 계정을 만들어야 구매할 수 있으므로 화면의 우측 상단에서 Create Account(1)를 클릭합니다. 다음 화면에서 우측의 입력란에 각종 정보를 입력합니다.. 그런 다음 Create Account(2) 버튼을 클릭하면 다음 화면에서 이메일을 보냈다는 메시지가 나타납니다. 이메일을 열고 확인 링크를 클릭하면 아래처럼 이용약관 동의 페이지가 나타납니다. 국가를 선택한 다음 세 곳에 체크하고 All good, let’s go! 버튼을 클릭합니다. 테마 고르기 Wordpress 메뉴를 선..
작년 3월 책을 출간하기로 기획했는데 이제서야 원고가 완성됐습니다. 늦어진 가장 큰 이유는 서적에서 사용하기로 한 테마가 지난 12월에 대폭 개정되면서 모든 내용이 변경됐기 때문입니다. 원고를 두번이나 작성해야 하는 작업이었습니다. 책을 발간하기 전에 개정돼 다행입니다. 이번 달에 리뷰를 거치면 다음 달 안에 출간될 것으로 예상합니다. 2015년 9월 18일 출간 예정입니다. 이곳의 글을 참고하세요. 출판사에서 리뷰가 늦어지면서 벌써 워드프레스 4.3 버전이 나올 시기가 됐습니다. 이 책에서 사용할 테마도 4.3 버전에 맞춰 업그레이드 됐습니다. 책을 최신 버전에 맞춰야 한다는 생각에 출판사의 리뷰가 끝난 원고를 다시 수정하고 있습니다. 번들 플러그인인 레이어 슬라이더가 몇년만에 업데이트 돼서 기능은 차..
최근 워드프레스 4.2 버전과 MySQL 버전과의 호환성 문제로 여러 웹호스팅 회사를 문의해보고 실제로 두 곳의 호스팅을 이용해봤는데 그 중 아이비호스팅이라는 회사의 서비스가 가장 좋았습니다. 속도도 빠르고 일부 웹호스팅에서는 메모리가 부족해 사이트가 나타나지 않던 문제도 없었습니다. 다만 두 가지 문제점이 있는데 우선 성능을 알아보고 해결 방법을 알아보겠습니다. 향후 웹호스팅을 사용할 계획이라면 아이비호스팅을 적극 추천합니다. 다른 웹호스팅 회사도 본받아야 할 것으로 생각되기에 글을 통해 올리는 것이며 필자와 이 회사와는 전혀 관계가 없습니다. http://www.ivyro.net/html/webht/web/ 이 회사의 하드디스크는 SSD입니다. PC에서나 볼 수 있는 하드디스크입니다. 메모리처럼 속도..
워드프레스가 4.2 버전으로 업그레이드 되면서 데이터베이스 캐릭터셋(DB_CHARSET)을 utf8mb4까지 지원하게 됐습니다. 기존의 utf8는 제한된 유니코드 캐릭터를 저장할 수 있는데 반해 utf8mb4는 어떤 유니코드라도 저장할 수 있습니다. 따라서 한자 문화권의 글자는 무제한 저장이 가능합니다. 그런데 국내의 웹호스팅에서는 최소한의 사양으로 서버를 운영하기 때문에 이러한 혜택을 누릴 수가 없습니다. 워드프레스가 기껏 만들어놓은 기능이 무용지물이 된 것이죠. 왜냐 하면 이 기능은 데이터베이스 언어인 MySQL 5.5.3 버전 이상에서만 가능하기 때문입니다. 많은 웹호스팅은 5.0 아니면 5.1 버전으로 돼있습니다. 5.0은 10년전의 버전입니다. 아직도 이런 구형을 사용하고 있는 곳이 많은 것입니..
DIY! 워드프레스 쇼핑몰 서적에서 사용한 Legenda 테마를 기준으로 설명합니다. 본 블로그의 글은 쇼핑몰 서적에 추가될 예정이므로 복사해 다른 곳에 사용하게 되면 저작권 침해로 불이익을 당할 수도 있습니다. 플러그인 추가하기 화면에서 Woocommerce Quick Buy로 검색해 설치하고 활성화 합니다. 우커머스 설정 - 상품 - WC Quick Buy를 선택하고 설정합니다. 2에서 결제 페이지를 선택합니다. 3에서 Yes로 선택합니다. 4에서 After Add To Cart를 선택합니다. 5의 입력란을 클릭해 두 개의 옵션을 선택합니다. 6의 입력란은 제거합니다. 7에서 바로구매로 입력합니다. 하단에서 저장하기 버튼을 클릭합니다. 바로구매 버튼 우측에 위시리스트 버튼을 추가하고 같은 스타일로 적..
워드프레스로 사이트를 개발하려면 실제 운영 사이트를 만들기 전에 로컬호스트에서 모든 작업을 마치고 웹호스팅이나 서버에 업로드 하는 것이 정상적인 방법입니다. 개발에 능숙한 분들은 바로 서버에서 작업을 할 수도 있습니다. 이럴 경우 콘텐츠가 자주 변경되는데 검색엔진은 한번 크롤링하고 인덱싱을 마치면 다음 크롤링까지 시간이 걸립니다. 만일 불완전한 상태에서 작업을 하면 일부 콘텐츠만 인덱싱 한 상태가 되므로 완전한 콘텐츠가 저장되지 않게 됩니다. 따라서 서버에서 직접 작업할 때는 검색엔진이 크롤링을 하지 못하도록 막아놓는 것이 좋습니다. 또한 로컬호스트에서 사이트가 완성돼 서버에 업로드하고 운영중일 경우 실제 사이트와 똑같은 테스트 사이트를 만들어 여러 가지 테스트를 할 필요도 있을 것입니다. 실제 운영되고..
포털 사이트는 검색엔진이 생명입니다. 국내 검색엔진은 어느새 쇼핑몰화돼가고 있는 느낌입니다. 포털 사이트를 이용하는 이유는 정보를 알기위해서인데 국내의 대표적인 검색 사이트인 네이버는 이러한 정보를 찾을 수 있는 환경이 없다고 단정할 수 있습니다. 이러다가는 거대 공룡인 구글에 압도당할 것이 분명해집니다. 위 화면은 제 블로그의 유입 경로입니다. 네이버와 구글이 전부입니다. Daum은 어쩌다 한번 있을까 말까할 정도입니다. 1년전에 Daum의 총 유입 수가 8만 정도 였을 때 구글의 유입 수는 7만 정도 였습니다. 그러다 갑자기 구글의 유입이 늘어나더니 이제 2위를 차지하고 있습니다. 증가율이 엄청나죠. 검색인구의 대이동으로 봐도 무방합니다. 2페이지를 보면 구글이 압도적으로 많습니다. 한 페이지에서 네..
업그레이드라는 말은 많이 들어봤지만 다운그레이드라는 말은 좀처럼 듣기 힘들죠. 워드프레스를 업그레이드 했는데 기존의 테마나 플러그인과 호환되지 않아 에러가 발생하면 다운그레이드가 필요합니다. 방법은 간단하며 수동 업데이트 방법과 동일합니다. 로컬호스트를 기준으로 설명합니다. 우선 만일을 위해 워드프레스 폴더를 복사해 백업합니다. 또한 데이터베이스도 백업합니다. phpMyAdmin에 들어가서 데이터베이스를 선택하고 내보내기 탭을 선택, 실행 버튼을 클릭해 백업한 워드프레스 폴더에 저장합니다. https://ko.wordpress.org/releases/#older 워드프레스 이전 버전 페이지로 가서 원하는 워드프레스 버전을 선택합니다. zip 링크를 클릭해 내려받습니다. 압축 해제하고 폴더 안으로 들어가 ..
엔바토(Envato)는 씸포레스트(Themeforest)의 모기업으로 디자인 관련한 다양한 소스를 판매하는 회사입니다. http://market.envato.com/ 이 사이트에서는 매월 무료 버전을 공개하는데 이번 달에는 제법 쓸만한 소스가 많습니다. 상단의 메뉴 중 하나, 예를 들면 themeforest를 클릭합니다. 중간 쯤으로 스크롤하면 Free라는 섹션이 있습니다. 현재 유료로 판매되고 있는 소스를 4월에 한해 무료로 사용할 수 있습니다. 첫 번째 썸네일이 Uncle Hummer라는 워드프레스 테마인데 워드프레스 테마의 경우 무료라는 것이 거의 의미가 없습니다. 왜냐하면 워드프레스가 업데이트 되면 호환이 안될 수도 있기 때문에 이에 맞춰 테마도 업데이트 돼야 하는데 무료 버전의 경우 업데이트가 ..
지난 2월에 원고를 완료했지만 편집 디자인 작업과 리뷰가 다소 늦어져 4월 20일에 서점에 나옵니다. 표지 디자인이 나왔으니 이제 인쇄 작업을 거치면 책이 나오게 됩니다. 서적 예제 사이트 http://bootstrap.diywordpress.kr/ 책에서 만든 사이트입니다. 다만 홈 페이지 메뉴와 One page 메뉴에서는 여러 가지 제이쿼리 플러그인의 테스트를 위해 추가한 페이지이니 서적에는 포함되지 않았습니다. 책을 이해한다면 소스를 이용해 다양한 슬라이더를 만들 수 있습니다. 예약 판매 Yes24 알라딘 교보문고 인터파크 11번가 강컴닷컴 동영상 보조 강좌 안내 트위터 부트스트랩으로 만드는 워드프레스 테마 서문 필자가 처음 부트스트랩을 접했던 것은 의뢰를 받아 웹사이트를 제작하던 때였습니다. 이 ..
워드프레스로 만들 수 있는 웹사이트 중 가장 복잡한 것이 쇼핑몰입니다. 우커머스라는 플러그인으로 쇼핑몰을 만들 수 있는데 제가 만들어본 것 중 가장 복잡한 구조에 속합니다. 간단한 쇼핑몰이 아니라 프리미엄 테마에 여러가지 플러그인이 추가됐는데 무려 50여개나 됩니다. 이렇게 많은 플러그인을 사용해도 쇼핑몰이 제대로 작동할지 의심이 됐지만 현재로서는 아주 만족할 만 합니다. 의뢰인도 만족하고 있고 직접 블로그 글도 올리고 페이지도 만들고 있습니다. 여태까지 왜 이런 도구를 사용하지 않았을까 후회하면서 말이죠. 이번 글에서는 쇼핑몰 사이트 제작 사례를 이야기 해보겠습니다. 책도 써야 하고 일이 바쁘다보니 의문사항에 답변을 드릴 수 없는 점 이해 바랍니다. 서버 해외쇼핑몰을 만들기 위한 전제조건이 해외 서버입..
워드프레스 4.2 베타 버전이 예정보다 하루 늦어 오늘 발표됐습니다. https://wordpress.org/wordpress-4.2-beta1.zip 이전 글에서 예정된 기능의 추가 중에서 메뉴 커스터마이저만 제외되고 에모지(Emoji:絵文字; 일본어) 기능이 추가됐습니다. 에모지는 우리나라에서는 이모티콘이라는 말로 사용하는데 아주 오래전부터 사용했었죠. icontexttextfull texticonfull text:):-):smile::lol::D:-D:grin::oops::(:-(:sad::cry::o:-o:eek::evil:8O8-O:shock::twisted::?:-?:???::roll:8)8-):cool::!::x:-x:mad::?::P:-P:razz::idea::|:-|:neutral::ar..
우커머스에는 기본적으로 설정된 주문 상태가 있습니다. 이들 주문 상태 외에 사용자 정의 해서 주문 상태를 추가할 수 있는 방법을 알아보겠습니다. /** * Register new status**/function register_custom_order_status() { register_post_status( 'wc-shipping', array( 'label' => '배송중', 'public' => true, 'exclude_from_search' => false, 'show_in_admin_all_list' => true, 'show_in_admin_status_list' => true, 'label_count' => _n_noop( '배송중 (%s)', '배송중 (%s)' ) ) ); register..
워드프레스는 4개월을 주기로 새 버전이 출시됩니다. 4.1 버전이 나온지 2개월 됐는데 벌써 4.2 버전이 개발 중이고 3월 중에 베타 버전이 나오고 4월 중에는 정식 버전이 출시됩니다. 4.2 알파 Nightly 버전 - https://wordpress.org/nightly-builds/wordpress-latest.zip December 19, 2014Trunk is open for business. (Post 4.1)January 21, 2015Initial 4.2 meeting.February 18, 2015 (+3w)Decision time for features being developed as a plugin. Merge window opens for any blessed for 4.2.Fe..
우커머스 2.2 버전이 발표된지 얼마 되지 않았고 계속 버그 수정을 업데이트 중입니다. 이런 상황에서 새로운 버전의 개발도 이뤄지고 있습니다. 현재는 이른바 블리딩 엣지(Bleeding Edge ; 최첨단 버전) 버전으로 불리고 있습니다. 아직 알파 버전 상태도 아닙니다. 우커머스 관련 개발자님들은 미리 대비하는 차원에서 소개드립니다. https://github.com/woothemes/woocommerce 위 깃허브에서 내려받아 깃허브 관련 파일을 제거하면 됩니다. 그러면 아래와 같이 됩니다. 바뀐 부분을 알아보면 다음과 같습니다. 아직 자세한 설명이 없기 때문에 코어부분에 대해서는 알 수 없습니다. 일반 설정 부분이 간단해졌습니다. 이곳에 있던 상품 관련 내용은 상품 탭으로 이전했습니다. 일반 탭에 ..
