brunch

You can make anything
by writing

C.S.Lewis

by oksambari Feb 09. 2022

#11-0. '펜트하우스'도 워드프레스 사이트

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

해외 유명 사이트들 중 워드프레스로 만들어진 게 무엇이 있나 찾아보던 중 유명 잡지사 홈페이지도 워드프레스로 만들어진 걸 알게 됐습니다. 개인적으로는 마음에 쏙 들었던 레이아웃인지라 이번에는 이걸 한 번 따라 해 보기로 했습니다. 


국내 인터넷이 처음 들어오기 시작할 때 책에서 본 url 주소로 호기심에 들어가 봤던 게 엊그제 같은데, 나이가 꽤 든 지금도 왠지 열어보기가 눈치가 보이는 건 왜인지... >< 




일단, 시작을 하고 나니 기획이 정확히 어떻게 돼 있는지 모르기에 디자인이나 사이트의 작동 방식만 참고해서 구조적으로 해결해야 할 난관이 좀 있었습니다. 한참 만들다 초기화해서 다시 시작도 하고, 며칠을 머리를 굴린 듯하네요. 기본적인 레이아웃들을 만드는 과정은 기존에 다뤘던 과정과 크게 다르지 않은데, 이번에는 중간중간 막혔던 난관을 워드프레스가 제공하는 개발 방법을 응용해서 어떻게 해결을 했는지도 같이 한 번 정리를 해 보려고 합니다. 


참고 사이트 요약

1. 워드프레스의 글(post), 카테고리, 태그를 이용해서 콘텐츠들을 작성 및 관리

2. 추가된 포스트 타입(Pets) 존재 

3. 특정 카테고리 및 포스트 타입에 따라 다른 글 상세 페이지 

4. 각 카테고리의 글들 중 레거시(legacy) 관련 글들은 따로 표시 (상세 글 볼 때 자체 순환)

5. 그리드의 첫 1개는 나머지 그리드와 다른 모양

6. 카테고리별 타이틀 및 바 색 변경 

7. 글을 볼 때에도 메뉴에 현재 위치 표시 



> 임시 테스트 사이트 : https://oks-dev.tk/logohouse/

(※ 테스트 사이트를 해외 호스팅으로 옮겨 놓은 관계로 접속이 느릴 수 있습니다.)



각 과정은 다음 글들에서 정리해 보겠습니다. 




계속...



브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari