워드프레스 사이트 따라 만들기
국내에서 워드프레스로 제작된 사이트들 중에는 온라인 매거진인 보그(vogue korea)가 있습니다. 이번에는 사진과 콘텐츠가 풍부한 이런 매거진 사이트는 어떻게 구성을 해야 하는지 따라 만들기를 해 봤습니다.
워드프레스 사이트를 제작하고자 할 때 준비해야 할 레이아웃들이 있습니다. (거의 매번 똑같은 과정입니다)
1. 콘텐츠(글, 포트폴리오 등)의 상세 내용이 나오는 화면
2. 목록이 나오는 화면 (카테고리, 태그, 날짜, 작가 등)
3. 안내 또는 콘텐츠를 모아 보여주는 페이지
이 세가지만 일단 구분을 해서 계획을 한다면 내 콘텐츠들을 짜임새 있게 표시할 수 있는 사이트를 만들 수 있습니다.
참고사이트는 워드프레스 사이트에서 볼 수 있는 기본 구조이자 장점을 잘 활용해서 콘텐츠를 계속 노출하고 이어 볼 수 있게 하는 구조로 제작이 된 것 같습니다. 제작해야 할 것들을 한 번 요약을 해 보면, 아래와 같습니다.
1. 메인 페이지 - 주요 콘텐츠를 골라 보여줌
2. 카테고리 목록 - 주 메뉴를 클릭하면 글의 주제에 따라 분류된 목록이 나옵니다. 이때 하위 주제로 나뉜 카테고리는 카테고리 제목 아래 하위 카테고리들 목록이 나옵니다.
3. 글을 볼 수 있는 상세 페이지 - 글의 내용이 나오고, 아래쪽에는 연관 글들 및 읽기를 유도할 콘텐츠들이 무한 로딩 형태로 계속 이어집니다.
임시 작업 공간 : http://oks-together.hol.es/v-magazine/
※ 해외 테스트용 호스팅이라 살짝 느릴 수 있습니다.
최대한 같게 만들어 보는 것을 전제로 하되, 시간이 오래 소요되는 부분은 대체를 했습니다. 최대한 쉽게 만드는 방향을 선택했습니다.
각 단계별 작업 진행은 이후 글로 이어가 보겠습니다.
계속...