트위터 부트스트랩을 이용하면 기본적으로 메뉴바의 주메뉴를 클릭해야 서브 메뉴가 나타나는 것이 기본 설정입니다. 이전 글에서 클릭하지 않고도 마우스만 올리면 서브 메뉴가 나타나는 방법을 소개했는데 새로운 방법이 있더군요. 간단하게 스타일시트만 추가하면 됩니다. 이 방법은 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는 인터넷 서버 환경에서만 작동하므로 워드프레스를 시험적으로 사용하기 위해 일일이 웹호스팅 서버에 설치할 수는 없는..
워드프레스 차기 버전은 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..
