워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

"트위터 부트스트랩: 디자이너도 놀라워할 매끈하고 직관적인 웹 사이트 제작의 비밀" 책 소스코드







1장첨부파일.zip


2장첨부파일.zip


3장첨부파일.zip


cloud-zoom.1.0.2-1.zip


부트스트랩(0318)_단면(4장).pdf


4장bootstrap3.0으로 디자인 수정하기.zip


2013.3.17일 현재 부트스트랩 3.0 버전

bootstrap-3.0.0-wip.zip



2013.9.27일 현재 부트스트랩 3.0 버전


bootstrap-master0927.zip



압축을 풀고 _gp_pages 폴더에 들어가서 index.html 파일을 선택하면 브라우저에 바로 열립니다.





참고 사이트


서적 웹사이트http://twitter-bootstrap.kr/


2.0 버전으로 디자인하기 : http://twitter-bootstrap.kr/bootstrap-demo/


3.0 버전으로 디자인하기 : http://twitter-bootstrap.kr/bootstrap-demo2/

위 3.0 버전 데모 사이트는 3월 17일 현재 버전으로 디자인 한 것입니다. 부트스트랩 관련 플러그인이 업데이트되는 대로 최신 버전으로 재디자인해서 업로드하겠습니다.

부트스트랩 3.0 버전  : http://twbs.github.io/bootstrap/



책에서 사용된 링크의 변경


책에서 사용된 링크는 부트스트랩 프로젝트가 변경되면서 수시로 변경될 수 있습니다. 예를들어 트위터 부트스트랩 2.0 버전의 홈페이지로 가는 링크는 http://twitter.github.com/bootstrap/ 로 돼있지만 부트스트랩이 3.0 버전으로 바뀌면서 2.0의 버전 홈페이지도 URL이 http://getbootstrap.com/2.3.2/로 변경됐습니다. 이처럼 수시로 변경되니 링크가 안되면 언제든 질문 주세요.


부트스트랩 2.3.2 버전 내려받는 사이트https://github.com/twbs/bootstrap/tree/v2.3.2


bootstrap-2.3.2.zip



플러그인 업데이트시 구버전 내려받는 방법


책에서 사용된 부트스트랩 플러그인들은 항상 업데이트 됩니다. 그러니 책대로 안될 경우 플러그인 홈페이지에서 파일 내용을 점검해야 합니다. 부트스트랩 관련 플러그인이 업데이트 되면 책에서 사용한 것과 다르므로 제대로 표현되지 않을 수도 있습니다. 대부분의 프로젝트는 깃허브에서 운용되므로 해당 프로젝트의 페이지에서 구버전을 내려받아 사용할 수 있습니다.


책에서 사용된 이미지 갤러리 플러그인은 아래의 링크로 가면 있습니다.


https://github.com/blueimp/Bootstrap-Image-Gallery




branch master 버튼을 클릭하고 Tag 탭을 선택한 다음 2.10.1버전을 선택하면 화면 내용이 바뀝니다. 우측의 사이드바에서 Download Zip 버튼을 클릭해서 파일을 내려 받습니다. 


책에서는 경로를 직접 사용했는데 경로도 바뀌었으므로 파일을 직접 링크합니다.


260페이지에서 아래의 링크를 수정합니다.


<script src="http://blueimp.github.com/JavaScript-Load-Image/load-image.min.js"></script>


위 링크를 아래의 링크로 수정


<script src="js/load-image.js"></script>


내려받은 파일에서 압축을 풀고 load-image.js 파일을 js 폴더에 붙여넣으면 완료입니다.



댓글 (26)

댓글 목록