brunch

You can make anything
by writing

C.S.Lewis

by oksambari Jan 22. 2022

#10-0. 온라인 매거진 만들기 (요약)

워드프레스 사이트 따라 만들기

국내에서 워드프레스로 제작된 사이트들 중에는 온라인 매거진인 보그(vogue korea)가 있습니다. 이번에는 사진과 콘텐츠가 풍부한 이런 매거진 사이트는 어떻게 구성을 해야 하는지 따라 만들기를 해 봤습니다. 



워드프레스 사이트를 제작하고자 할 때 준비해야 할 레이아웃들이 있습니다. (거의 매번 똑같은 과정입니다) 

1. 콘텐츠(글, 포트폴리오 등)의 상세 내용이 나오는 화면 

2. 목록이 나오는 화면 (카테고리, 태그, 날짜, 작가 등) 

3. 안내 또는 콘텐츠를 모아 보여주는 페이지 


이 세가지만 일단 구분을 해서 계획을 한다면 내 콘텐츠들을 짜임새 있게 표시할 수 있는 사이트를 만들 수 있습니다. 




참고사이트는 워드프레스 사이트에서 볼 수 있는 기본 구조이자 장점을 잘 활용해서 콘텐츠를 계속 노출하고 이어 볼 수 있게 하는 구조로 제작이 된 것 같습니다. 제작해야 할 것들을 한 번 요약을 해 보면, 아래와 같습니다. 


1. 메인 페이지 - 주요 콘텐츠를 골라 보여줌 


2. 카테고리 목록 - 주 메뉴를 클릭하면 글의 주제에 따라 분류된 목록이 나옵니다. 이때 하위 주제로 나뉜 카테고리는 카테고리 제목 아래 하위 카테고리들 목록이 나옵니다. 


3. 글을 볼 수 있는 상세 페이지 - 글의 내용이 나오고, 아래쪽에는 연관 글들 및 읽기를 유도할 콘텐츠들이 무한 로딩 형태로 계속 이어집니다. 



임시 작업 공간 : http://oks-together.hol.es/v-magazine/   

※ 해외 테스트용 호스팅이라 살짝 느릴 수 있습니다.

최대한 같게 만들어 보는 것을 전제로 하되, 시간이 오래 소요되는 부분은 대체를 했습니다. 최대한 쉽게 만드는 방향을 선택했습니다. 




각 단계별 작업 진행은 이후 글로 이어가 보겠습니다. 



계속... 



매거진의 이전글 #9-2. 각 섹션 만들기, 메뉴와 연결
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari