워드프레스 쇼핑몰 만들기 서적으로 만들어진 데모 사이트는 카드 결제 플러그인 개발사인 플래닛 에잇(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..
워드프레스 쇼핑몰 만들기 책을 지난 4월에 출간하기로 하고 이제서야 마무리 됐습니다. 오늘 최종 교정을 마무리하고 내일부터 인쇄에 들어갈 예정입니다. 책표지도 나왔습니다. 카드 결제 테스트 사이트 --> http://martian36.tistory.com/1267 내일부터 인터넷 서점에 예약판매를 할 예정입니다. 서점에 나올 시기는 11월 5일로 예상하고 있습니다. 인터넷 서점 Yes24 반디앤루니스 인터파크 도서 알라딘 교보문고 인터넷 서점 지마켓 옥션 강컴닷컴 도서 11번가 책의 내용을 살펴보면 다음과 같습니다. -책 소개- 워드프레스는 워드프레스 자체보다 더 복잡하고 용량이 큰 쇼핑몰 플러그인을 수용할 수 있는 강력한 CMS 중 하나입니다. 워드프레스를 설치하고 나면 별 기능이 없어 보입니다. 처음..
포토샵 자료를 오랫만에 올립니다. 어제 책 이미지를 만들기 위해 구글 검색 도중 발견한 사이트인데 책이나 팜플렛, 명함, 잡지, 등 각종 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는 인터넷 서버 환경에서만 작동하므로 워드프레스를 시험적으로 사용하기 위해 일일이 웹호스팅 서버에 설치할 수는 없는..