워드프레스 쇼핑몰 만들기 책을 만들면서 우커머스 플러그인을 사용했는데 작년에 번역한 것은 우커머스를 사용해보지 않은 상태에서 번역했기 때문에 오류가 많았습니다. 우커머스가 2.0으로 업그레이드 되면서 번역 파일이 두 개로 나눠졌습니다. 이것은 워드프레스 번역 파일과 마찬가지로 번역 텍스트가 많아지면서 필요한 파일을 사용할 때 사용되는 메모리를 줄이기 위해서입니다. 두 개의 파일 중 하나는 프론트 페이지에 사용되고 하나는 관리자 페이지에 사용됩니다. 사이트에 사용되는 번역에 관리자 페이지용 번역 텍스트가 필요 없기 때문이죠. 번역 텍스트가 많아지면 이런 방식을 취합니다. 책을 만들면서 세심하게 번역을 수정한 것이므로 사용하는데는 문제가 없겠지만 원하는 단어로 수정하고자 하면 Poedit을 사용하면 됩니다...
워드프레스 쇼핑몰 만들기 서적으로 만들어진 데모 사이트는 카드 결제 플러그인 개발사인 플래닛 에잇(http://www.planet8.co/)에서 제공한 사이트로 카드 결제를 테스트 해볼 수 있습니다. 궁금하신 분들을 위해 실제로 결제가 되는지 실험해 볼 수 있으며 테스트 사이트이므로 자금 결제는 이루어지지 않으나 실제와 동일하게 이메일까지 통지 됩니다. 4개의 웹브라우저(IE, 크롬, 사파리, 파이어폭스)에서 실험해봤는데 잘 됩니다. http://www.qustreet.com/test2/ 상세 페이지에서 장바구니 버튼을 클릭하면 결제 페이지로 바로 이동합니다. 개인 정보를 입력하고 우편 번호 찾기 버튼을 클릭하면 우편 번호 검색 창이 나타납니다. 우편번호를 클릭하면 주소 1에 주소가 자동으로 추가되며 주..
티스토리의 댓글은 기본적인 댓글 관리 시스템이 있지만 댓글에 댓글을 달 수 있는 글타레(thread)가 2단계까지 밖에 안되고 소셜 네트워크 연결이 안되죠. 그래서 라이브리나 페이스북 계정을 이용한 댓글 시스템을 추가하기도 합니다. 이들 댓글 시스템에 댓글 관리를 위한 관리자 화면이 있는지 찾아보지는 않았지만 그동안 댓글이 있는 경우 어느 글에 댓글이 달렸는지 알 수가 없고 관리하기가 불편해서 중지를 하고는 했습니다. 디스커스는 전세계적으로 많이 사용하는 댓글 관리 시스템 중에 하나입니다. 워드프레스나 다른 CMS를 위한 플러그인도 있지만 티스토리의 경우 일반 웹사이트로 설치하는 방법이 있습니다. 설치도 간편하고 댓글을 관리할 수도 있으며 소셜계정으로 댓글을 달 수도 있습니다. 글타레도 4단계까지 가능하..
트위터 부트스트랩 3.0 버전이 출시됐지만 거의 매일 수정이 이뤄지고 있습니다. 폰트 아이콘도 당초 180개에서 200개로 늘어났고 소소한 내용은 지속적으로 수정이 진행되고 있습니다. 아래의 파일은 10월 26일 현재의 부트스트랩 3.0 버전으로 파일을 바로 열어서 확인할 수 있도록 일반 html파일로 변환한 것입니다. 부트스트랩 원본을 내려받아서는 바로 열어볼 수 없고 Jekyll이라는 Ruby 기반의 프로그램을 설치하고 로컬호스트에서 가동해야 하죠. 부트스트랩의 그리드 시스템에서는 여러 가지 그리드 선택자가 있어서 이해하기 어려운데 이것에 대해 간략하게 알아보겠습니다. 이전에 부트스트랩 3.0이 업데이트 될 때마다 10일 단위로 파일을 업데이트하고 수정된 내용에 대해서 설명을 드린 바 있습니다만 선택..
트위터 부트스트랩을 이용하면 기본적으로 메뉴바의 주메뉴를 클릭해야 서브 메뉴가 나타나는 것이 기본 설정입니다. 이전 글에서 클릭하지 않고도 마우스만 올리면 서브 메뉴가 나타나는 방법을 소개했는데 새로운 방법이 있더군요. 간단하게 스타일시트만 추가하면 됩니다. 이 방법은 CSS에서 아주 많이 사용해왔는데 고정관념이란 것이 아주 무섭네요. 부트스트랩은 이렇게 설정이 돼있으니까 항상 이렇게 사용해야한다는 것이 고정관념이었습니다. 더구나 마우스를 올리면 서브 메뉴가 나오도록 하는 플러그인이 나와있으니까 이러한 고정관념을 더욱 부채질하지 않았나 하는 생각도 듭니다. 이 플러그인이 존재의 가치가 있을지는 두고봐야겠지만 스타일시트로 간단하게 처리하는 방법은 다음과 같습니다. ul.nav li.dropdown:hove..
포토샵 자료를 오랫만에 올립니다. 어제 책 이미지를 만들기 위해 구글 검색 도중 발견한 사이트인데 책이나 팜플렛, 명함, 잡지, 등 각종 3D 출판물 이미지를 2D 이미지를 이용해 만들 수 있는 액션입니다. 이런 액션을 만들 수 있는 포토샵도 대단하지만 이런 액션을 만든 사람도 대단하고 이런 대단한 액션을 무료로 사용할 수 있게한 사이트도 대단합니다. 위 이미지는 잡지를 찍은 사진 같지만 왼쪽 오른쪽 두가지 2D 이미지를 이용해서 만든 3D 이미지입니다. http://www.psdcovers.com/ 위 사이트로 이동해서 Actions 버튼을 클릭하면 여러 가지 액션이 있는 페이지가 나옵니다. 내려받기 버튼을 사용해서 파일을 내려받습니다. 일련번호로 돼있으니 여러 개를 받을 때는 어떤 액션인지 이름을 수..
워드프레스 3.7 정식 버전이 나왔습니다. 지난 8월에 3.6 버전에 발표됐는데 몇 개월도 안돼서 새로운 버전이 나온 것은 다음 버전인 3.8이 대폭 개선되므로 그 이전에 몇 가지 기능을 추가해서 3.7 버전으로 나온 것입니다. 3.8 버전은 이미 올린 글대로 기능이 많아집니다. 특히 관리자 화면의 디자인이 아주 달라집니다. 궁금하신 분은 플러그인 검색에서 MP6로 검샘해서 설치하면 바로 사용할 수 있습니다. 3.8 버전은 12월 중에 발표될 예정이며 현재 알파버전이 사용 가능합니다. 3.7버전 한글은 관리자가 작업을 해야 하므로 기다리면 업데이트될 것입니다. 3.7 버전에서 추가된 기능을 보면 다음과 같습니다. 3.7 버전의 기능 자동 업데이트 자동업데이트는 매 버전이 업데이트된 후에 보안버전이 발표되..
이전에 공개했던 스킨과 제가 사용하고 있는 스킨이 차이가 나서 스타일시트를 모두 현재 사용하고 있는 것으로 교체했습니다. 이미 사용 중인 분은 다음의 코드를 복사해서 style.css의 하단에 붙여넣고 첨부 이미지를 우클릭해서 내려받은 다음 파일을 업로드하세요. 설치해서 사용해보지는 않았으니 문제가 있으면 댓글을 달아주세요. 참고: http://martian36.tistory.com/1250 .accordion-inner.category ul li ul li a { padding-left:20px; width: 15px; height: 15px; background-image: url(./images/sprites-black-vertical.png); background-repeat: no-repeat;..
트위터 부트스트랩은 기본적으로 드롭다운 메뉴를 클릭해야만 서브 메뉴를 볼 수 있습니다. 마우스를 올렸을 때 서브 메뉴를 나타나게 하려면 별도의 제이쿼리 플러그인을 추가하고 코드를 수정해 줘야 합니다. 더 간단한 방법 --> http://martian36.tistory.com/1265 https://github.com/CWSpear/twitter-bootstrap-hover-dropdown 위 링크로 이동하면 파일을 받을 수 있습니다. 오른쪽 사이드바 하단에서 Download zip 버튼을 클릭하면 됩니다. 지금 사용하고 있는 티스토리 스킨도 부트스트랩으로 만들어졌는데 제 블로그를 기준으로 변경하는 방법을 알아보겠습니다. 압축을 풀면 데모 파일이 있고 파일을 열면 어떻게 사용하는지 알 수 있습니다. 우선 ..
맥 컴퓨터 사용자는 내컴퓨터에 서버 환경을 만들려면 MAMP(Machintosh + Apache + MySQL + PHP)을 설치해야 하며 이를 설치하고 워드프레스까지 설치하는 방법을 알아봅니다. http://www.mamp.info/en/index.html 위 링크로 이동해서 MAMP 일반 버전을 내려받습니다. 다운로드 폴더에서 zip 파일을 클릭해서 압축을 해제합니다. 파인더에서 MAMP_2.2.pkg를 우클릭해서 다음으로 열기-->설치 프로그램.app를 선택하면 다음 창이 나타납니다. 계속 버튼을 클릭합니다. 일반 버전인 MAMP와 MAMP PRO 버전을 설치한다고 합니다. 계속 버튼을 클릭합니다. 영어를 선택하고 계속 버튼을 누른 다음 "동의"를 클릭합니다. 모든 사용자를 위해서 설치를 선택하고 ..
워드프레스가 외국 프로그램이라서 그동안 WAMP를 사용해 내컴퓨터에서 워드프레스를 설치했는데 WAMP가 비밀번호를 설정해야 하는 등 여러 가지 번거로운 점이 있어서 국내 웹서버 프러그램인 오토셋을 이용한 내 컴퓨터에서 워드프레스를 설치하는 방법을 알아봅니다. 워드프레스 완벽입문 개정판에 수록될 내용입니다. 내 컴퓨터에 워드프레스 설치하기 Autoset 설치하기 워드프레스는 설치하면 바로 사용할 수 있는 블로그 프로그램이지만 정적인(Static) 콘텐츠가 아닌 데이터베이스와 연동해서 원하는 데이터를 불러와서 동적인(Dynamic) 콘텐츠를 생산하는 PHP에 의해 작동하는 프로그램입니다. PHP는 인터넷 서버 환경에서만 작동하므로 워드프레스를 시험적으로 사용하기 위해 일일이 웹호스팅 서버에 설치할 수는 없는..
워드프레스 차기 버전은 3.7과 3.8로 동시에 개발이 진행되고 있습니다. 3.7 버전은 10월 중순에 발표될 예정이고 3.8 버전은 플러그인 형태로 개발되며 완료되면 코어 파일에 포함될 예정입니다. 3.7 버전의 주요 기능은 3가지인 만큼 개발 기간이 짧고 3.8 버전은 이례적으로 현재 13개의 기능이 추가될 예정인데 2개는 이미 개발이 완료돼서 사용자의 피드백을 받고 있는 중입니다. 3.7 버전의 기능 자동 업데이트 자동업데이트는 매 버전이 업데이트된 후에 보안버전이 발표되는데 이 보안버전을 자동업데이트합니다. 그러므로 3.7 버전을 사용한다고 해서 3.8 버전으로 업데이트되지는 않습니다. 하지만 개발버전(Nightlies)은 매일 업데이트됩니다. 개발 버전에서 자동으로 업데이트되는 것을 방지하려면 ..
워드프레스로 쇼핑몰 만들기를 지난 4월에 공지한지 수개월이 지나서 이제 거의 완료단계에 이르렀습니다. 이 공지 글의 의미는 글을 보고 개발자분들이 카드 결제를 위한 결제 게이트웨이 플러그인을 개발하고자 한다면 저와 연락을 해주십사 하는 의미였죠. 기다리다가 7월에 와서야 개발회사에서 연락이 와서 서로 합의하에 어떻게 진행해야할지 연구에 들어갔습니다. 그간 여러가지 워드프레스 쇼핑몰 플러그인을 접해보고 한글화 작업을 하면서 가장 뛰어난 것이 우커머스였죠. 그 이전에는 여러가지 플러그인이 있었지만 그리 마음에 들지 않았습니다. 이것이 우리나라의 환경에 맞는 것인지, 맞지 않는다면 어떻게든 변형해서 맞출 수 있는 것인지가 가장 큰 문제였고 번역을 하고 사용해보니 그런대로 여러가지 기능이 우리나라의 실정에 맞는..
부트스트랩 3.0이 정식 버전으로 발표됐어도 계속 버그 수정이 이루어지고 있습니다. 아래의 사이트에서는 항상 수정되면 바로 업데이트됩니다. http://getbootstrap.com/ 구버전인 2.3.2는 하단의 첫번째 링크로 이동하면 볼 수 있고 커스터마이징도 가능합니다. 파일을 받으려면 두번째 링크로 갑니다. 그러면 3.0의 문서파일이 보이고 우측에 Download ZIP을 클릭하면 3.0 버전을 전체 파일로 받을 수 있습니다. 하지만 문서를 열어보면 index.html 파일을 클릭해도 제대로 열리지 않습니다. Jekyll이라는 정적인 웹사이트 만드는 프로그램으로 변환을 해줘야 가능합니다. 그래서 제 블로그에서 변환한 파일을 일반적인 파일로 변환해서 그동안 업로드를 해왔죠. 8.31 현재로 변환한 파..
현재 두가지 스킨을 배포중인데요. 스크롤하면 왼쪽에 따라다니는 뷰온 버튼이 있습니다. 얼마전에 다음 뷰온 버튼의 디자인이 변경돼서 이를 수정해줘야합니다. 두개의 스킨이 조금 다른데 우선 첫번째 스킨인 아래의 스킨을 수정해보겠습니다. HTML/CSS 편집창에서 아래와 같은 코드를 찾습니다. 위 코드를 다음과 같이 수정합니다. 위 코드에서 http://martian36.tistory.com 부분은 자신의 블로그 URL을 입력하면 됩니다. 그런 다음 style.css 창에서 아래와 같은 코드를 찾습니다. #floating-box { display:none; position: absolute; left: -66px; border: 1px solid #CCC; border-right: 0px; padding: 5..
워드프레스 3.6 정식 버전이 오늘 날짜로 배포됐습니다. 당초 4월 20일 경에 예정됐었지만 무려 4개월 가까이 발표가 지연된 것은 그만큼 새로운 기능에 만전을 기하기 위한 것이라 생각됩니다. 새로운 테마인 Twenty Thirteen은 일찍부터 공개돼서 사용할 수 있었습니다. 테마 소개 글에서도 나오듯이 이번에 개선된 기능인 글형식을 제대로 반영할 수 있는 전형적인 블로그 형태의 테마입니다. 워드프레스 2013 테마는 블로그 본래의 역할에 충실하도록 했습니다. 글 형식을 전체 지원하며 각각 고유의 형태로 아름답게 연출되는 것이 특징입니다. 세부 디자인이 풍부하며, 열정적인 색상 구조로 시작해서 헤더 이미지, 아름다운 타이포그래피, 아이콘과 조합을 이룹니다. 또한 크거나 작은 어떤 기기에도 아주 훌륭하게..