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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

트위트 부트스트랩 프레임워크가 인기를 얻으면서 해외 및 국내의 CMS가 부트스트랩을 기본 프레임워크로 채용하고 있습니다. 기본 프레임워크로 채용한다는 것은 테마나 스킨에 사용된다는 것이 아니라 CMS 자체, 즉, 관리자 화면을 의미합니다. 테마나 스킨은 이미 만들어서 사용하고 있고 사용자가 원하는 대로 디자인을 변경할 수 있는 것이죠. 중요한 것은 관리 시스템에서 부트스트랩 프레임워크를 사용한다는 것인데 이는 모바일 레이아웃을 위한 것입니다. 그만큼 부트스트랩이 모바일에 적용하기 쉽기 때문이죠. 해외에서는 3대 CMS인 워드프레스, 드루팔, 줌라가 있고 국내에서는 XE(익스프레스 엔진), 그누보드, 텍스트큐브(태터툴스: 티스토리 CMS), 킴스큐가 있습니다. 이들이 부트스트랩과 어떤 관련이 있는지 알아보겠습니다.



1. 줌라(Joomla)


해외 3대 CMS 중 가장 먼저 부트스트랩을 기본 프레임워크로 채용한 것이 줌라입니다. 색상이나 레이아웃 등 디자인이 아주 좋아서 디자이너들에게 인기있는 CMS입니다. 


http://www.joomla.org/




설치단계부터 부트스트랩이 적용된 모습입니다. 



설치후 초기화면 모습입니다. 



2. 드루팔 


http://drupal.org/


드루팔은 강력한 관리시스템으로 개발자들에게 인기있는 CMS입니다. 몇 년째 버전 7에서 머무르다가 올해 8.0 버전으로 업그레이드할 계획입니다. 그러면서 부트스트랩을 사용할 계획인데 두가지 오픈소스 프로젝트가 서로 다른 라이센스를 사용하고 있어서 배포의 문제가 있으므로 현재 협의중입니다.

 



3. 워드프레스


워드프레스는 부트스트랩을 기본 프레임워크로 채용하기 위한 움직임이 아직은 없습니다. 



4. XE(Xpress Engine, 익스프레스 엔진, (구)제로보드)


http://www.xpressengine.com/


국내에서 개발된 XE는 최근에 발표된 1.7 버전에서 부트스트랩을 사용하고 있습니다.



부트스트랩이 적용된 관리자 화면 모습입니다.



5. 킴스큐(KimsQ)


http://www.kimsq.com/


국내에서 가장 최근에 개발된 CMS입니다.



현재 1.2.1 버전으로 올해 2.0 버전으로 업그레이드하면서 부트스트랩을 코어에 포함시킬 계획입니다.


2013년도 킴스큐 개발 로드맵 : http://www.kimsq.com/?c=freeboard&p=2&uid=9835


그외 국내에서 개발된 다른 CMS는 부트스트랩과 아직은 관련이 없습니다.



댓글 (9)

댓글 목록

윈컴이 access_time

XE외의 다른 CMS도 부트스트랩을 많이 적용했었군요..

베누시안 access_time

해외에서는 프로젝트에 부트스트랩을 채용하는 사례가 아주 많더군요.

칼퇴근 access_time

안녕하세요! 워드프레스와 부트스트랩 교재를 이용 싸이트를 구현 중에 문의사항이 생겨 글 남김니다.

부트스트랩 이미지 갤러리 구현을 위해

1) js 파일과 css 파일을 호출("wp_register_script" 이용) 하는 것까지 완료 하고
2) 요소검사를 통해 js, css의 정상 등록과 에러 없음도 확인했는데 모달 화면이 호출되지 않네요

혹시 특별히 고려해야 될 점이 있는지 체크 부탁드립니다.

금주 중에는 싸이트를 완료해야 되는데 답답한 심정입니다.

베누시안 access_time

안녕하세요. 코드에서 어떤 것 하나라도 빠지면 모달이 나타나지 않습니다. 아주 어려운 부분을 작업하고 계시는데요. 부트스트랩 책은 프로그래밍을 전제로 디자인 부분만 만들어진 것입니다. 워드프레스에 부트스트랩의 이미지 갤러리를 접목시킬 경우 단순한 정적인 이미지 갤러리를 의도한 것인지 아니면 포스트 추가시마다 늘어나는 동적인 이미지 갤러리를 의도하는 것인지에 따라서 프로그래밍이 필요할 수도 있습니다. 전자인 경우 워드프레스 책의 "워드프레스에 외부 파일 사용하기" 편을 참고해서 부트스트랩 예제 파일의 gallery.php을 추가하는 방법을 시도해보세요. 후자인 경우 워드프레스 무료 테마중 핀터레스트와 같은 사이트를 만들 수 있는 테마가 있으니 참고하시면 됩니다.

메리앤 access_time

소개해주신 사이트들을 방문해 봐야 겠네요.
워드프레스는 아직 요원한가 보군요..
지난 주말은 잘 보내셨나요? 오늘도 유용한 정보 잘보고 갑니다.
즐거운 하루 되시기 바랍니다~. ^^;

베누시안 access_time

안녕하세요. 아마 워드프레스는 현재 디자인 만으로도 충분히 모바일 디자인에 적합해서 채용하지 않을 것 같습니다. 블로그 아이콘을 변경하셨네요. 요즘은 워드프레스 쇼핑몰 책 준비로 또 바뻐지고 있답니다. 출판사에서 그냥 내버려두지를 않네요.ㅎㅎ 몇개월 후면 워드프레스로 쇼핑몰 만들 수 있는 책이 또 나올 것 같습니다. 메리앤님도 좋은 하루 되세요. 감사합니다.

칼퇴근 access_time

답변 감사합니다.

미스티 access_time

워드프레스가 빨리 부트스트랩을 채용했으면 좋겠네요!

베누시안 access_time

워드프레스는 모바일 버전이 있어서 부트스트랩 적용이 늦어질 것 같습니다. 모바일 기기에서 작은 규모의 워드프레스를 설치해 사용하기도 하죠.