brunch

You can make anything
by writing

C.S.Lewis

by oksambari Nov 05. 2021

#4-0. 블로그 형태 사이트 만들기

IMPREZA 테마로 카카오 블로그 따라 만들기 

국내 워드프레스 사이트들을 둘러보다가 워드프레스를 잘 활용한 사이트가 보여서 이것을 참고로 블로그 형태의 사이트 제작 과정을 한 번 다뤄보면 좋겠다 생각이 들었습니다. 이번에 따라 만들기 시 참고해 볼 사이트는 바로 '카카오 기술 블로그'입니다.  


참고 사이트의 특징을 잠시 체크해 보면 아래와 같습니다. 

1. 워드프레스 기본 포스트 타입인 페이지(page)와 글(post)을 활용해서 콘텐츠들을 관리하고 있습니다. 

2. 각 카테고리들의 링크를 메뉴에 등록하였고, 카테고리 주제에 따라 목록의 위아래 약간 다른 구조들이 표시되고 있습니다. (!! 새 웹 페이지가 열리는 외부 링크 목록도 존재)

3. 글을 묶어서 볼 수 있는 화면들 즉 카테고리, 태그, 작성자 목록 화면들도 활용 중입니다. 

4. 메인 페이지는 전체적인 글 분류 소개와 최신 글 일부를 보여주고 있습니다. (별도 페이지를 메인으로 설정)

5. 검색 결과는 글 목록 화면과 동일한 화면을 사용합니다. 


※ 사이트의 목적과 기획을 토대로 아래와 같이 디자인까지 준비된 상황이라 가정합니다. 


 




그럼 디자인된 대로 워드프레스 블로그 사이트를 만들려면 어떤 것부터 해야 할까요? 


저는 이런 순서로 작업을 하려고 계획했습니다. 

1. 헤더, 푸터 만들기 

2. 메인 페이지 만들기 

3. 글 상세 내용이 표시되는 템플릿 만들기

4. 카테고리별 목록 템플릿 만들기 

5. 작가별 목록 템플릿 만들기 

6. 검색 결과 페이지 만들기 

7. 마무리 작업 






제가 주로 사용 중인 Impreza 테마의 경우 워드프레스의 콘텐츠를 불러오는 워드프레스 관련 개발 부분은 거의 모두 커버를 해 주기 때문에, 저는 레이아웃에 대한 고민만 하면 될 것 같습니다. 이후 각 단계별로 화면을 준비할 때 어떻게 구성을 하면 최대한 간단하게 반응형 웹 화면들을 만들 수 있는지 한 번 정리해 볼 예정입니다. 



다음 글에서 계속.. 









매거진의 이전글 #3-5. 마무리 작업들
작품 선택
키워드 선택 0 / 3 0
댓글여부
afliean
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari