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

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

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

사이트 이미지
웹사이트

회원관리 사이트

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

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

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

사이트 이미지
쇼핑몰

해외 쇼핑몰

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

사이트 이미지
쇼핑몰

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

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

포트폴리오 보기

커스텀 디자인

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

Brizy Pro

페이지 빌더

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

Elementor Pro

페이지 빌더

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

Advanced Custom Field Pro

사용자 정의 필드

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

Pods

사용자 정의 콘텐츠 타입

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

블로그

워드프레스 3.6이 현재 개발 중에 있고 며칠 후면 베타버전이 발표될 예정입니다. 이번 버전의 주된 내용은 포스트 관련 업그레이드입니다. 글 작성 도중 어떤 상황이 발생하더라도 자동으로 저장하도록 프로그램이 만들어질 예정인데 정전이 된다 해도 작성 중인 글이 저장이 된다고 합니다. 리비전에 관한 업데이트가 있을 예정이고 사용자 정의 메뉴를 사용하기 쉽게 한다고 합니다. 또한 글 형식(Post Format)에 관한 업데이트가 있을 것인데 자세한 내용은 베타 버전이 나오면 알아보기로 하고 글 형식에 관한 업데이트와 관련해서 3.6 버전의 기본 테마로 예정된 Twenty Thirteen이 지난 달에 임시(First Draft) 버전으로 나왔습니다. 


기본적으로 사이드바가 없는 페이지로 사이드바에 배치하던 위젯은 푸터에 사용할 수 있도록 했다고 합니다. 



이 테마의 특징은 기본 폭이 1600픽셀입니다. 이렇게 크게 만든 이유가 뭘까 생각해봤는데 요즘 핀터레스트(Pinterest) 스타일의  싱글 페이지 레이아웃이 대세더군요. 사이드바도 없이 하나의 페이지에 썸네일 형식의 글 목록이 있고 썸네일을 클릭하면 상세 페이지로 이동하는 방식입니다. 저도 얼마전에 이러한 디자인을 의뢰받아 작업했는데 심플한 구조로 UX 측면에서 많은 호감이 가더군요. 3.6 버전의 글형식의 업데이트로 다양한 글형식의 



메이슨리(Masonry)나 아이소톱(Isotope) 플러그인을 사용하면 썸네일의 크기가 다르더라도 위처럼 배치가 자동으로 잘 맞춰집니다. 또한 무한 스크롤 기능의 플러그인을 사용하면 스크롤하면서 다음 페이지가 자동으로 피드됩니다. 워드프레스 3.6 버전의 글형식의 업데이트로 다양한 형태의 글목록이 위와같은 썸네일로 나타나면 보기도 좋을 것 같습니다.


워드프레스 2013 테마가 이런 추세를 반영해서 새로운 테마를 이런 방식으로 만들고 있는 것으로 생각됩니다. 워드프레스 젯팩 플러그인 클라우드에는 무한 스크롤 테마를 위한 플러그인이 설치돼있습니다.



2013 테마부터 적용되는 것이 Genericons라는 폰트 아이콘입니다. 2012 버전부터 지원한다는 이야기가 있었지만 늦어졌죠. 폰트 아이콘의 수는 그리 많지 않지만 Icomoon을 이용하면 수많은 아이콘 폰트를 사용할 수 있습니다. 트위터 부트스트랩도 이번에 나올 3.0 버전부터는 폰트 아이콘을 사용하더군요. 폰트 아이콘은 폰트의 성질을 갖고 있어서 크기 변경이나 색상 변경이 자유롭죠. 이것도 웹디자인에서 대세인 것 같습니다. 그런데 폰트 아이콘을 티스토리에서 적용하면 IE나 파이어폭스에서 제대로 안나온답니다.


워드프레스 2013 테마 -->


twentythirteen.zip



댓글 (11)

댓글 목록

메리앤 access_time

레이아웃 디자인의 추세가 점차 심플한 방향으로 바뀌는 것 같군요..
오늘도 잘 배우고 갑니다.
즐거운 주말 되세요~.

베누시안 access_time

네. 모바일 기준으로 하다보니 심플한 디자인이 인기랍니다.

synz access_time

역시 스킨은 워드프레스가 짱이군요

L'artiste curieuse access_time

앗, 저도 예전에 핀터레스트 스타일의 디자인을 블로그에 적용하고 싶었는데 방법을 몰라
나중으로 미뤄졌어요. ㅠ 의뢰를 받으셨다니 기대가 됩니다. :-D

베누시안 access_time

티스토리에 핀터레스트와 같은 디자인을 적용하기는 어렵습니다. 프로그래밍이 제한돼있죠. 워드프레스라면 얼마든지 가능합니다. 디자인은 이미 끝나서 의뢰인에게 넘겼습니다. 프로그램 작업하느라고 사이트가 아직은 오픈되지 않았네요. 데모 사이트-->
http://twitter-bootstrap.kr/seeful/index.php

L'artiste curieuse access_time

아, 그런데 몇몇 블로그 보면 http://pinn.tistory.com/ 이런 느낌으로 제작을 하였더라구요. 좀 다른걸까요? :)

베누시안 access_time

그런 스킨은 자바스크립트 같은 프로그램으로 만들게 됩니다. 티스토리는 php 프로그램을 허용하지 않거든요. 디자인만 가능하답니다. 그래서 그런 스킨의 경우 자연스럽지가 못합니다. 제가 방문해서 둘러봤더니 그렇더군요. 티스토리에서는 지원하지 않는데 억지로 만들다보니 그렇게 밖에 나올 수가 없죠. 그만큼 노력이 많이 들어가게 됩니다.

그래서 스킨 개발자가 유료로 배포하고 있답니다. 한사람이 만든 것이고 디자인만 조금씩 변경하는 것이죠. 정작 필요한 기능은 핀터레스트처럼 스크롤 다운하면 페이지가 자동으로 피드되는 기능이죠.

이번달에 나올 부트스트랩 책에 그런 디자인 하는 방법이 다 있답니다.

L'artiste curieuse access_time

아하~그렇군요!! 나중에 자바스크립트도 공부하게 된다면 좋겠네요. ^^
데모 사이트도 잘 둘러보았습니당. :)

베누시안 access_time

자바스크립트는 웹디자인할 때 아주 긴요한 프로그램입니다. 꼭 알아야하는 것은 아니지만 알아두면 뭐든 자유롭게 디자인할 수 있죠. 하지만 어렵다는게 문제죠. 저도 자바스크립트를 여러번 시도해봤지만 시간이 없어서 미루고 있네요. 올해 안에는 어느 정도까지 실력을 늘리겠습니다.

베누시안 access_time

그동안 책 추가 편집하느라고 바뻤는데 오늘은 한가하네요. 날씨가 따듯해지면 꼭 사진 찍으러 나가야겠습니다. 매번 미루기만 하고 운동 부족..ㅎㅎ

L'artiste curieuse access_time

ㅎㅎ 그러시군요! 엄청 바뿌시네요~ 웹디자인에 책까지.
베누시안님 블로그에 따스한 봄사진이 올라올 날을 기대하겠습니다. 하핫.