brunch

You can make anything
by writing

C.S.Lewis

by oksambari May 14. 2021

#3-0. 워드프레스 웹사이트 만들기 개요

IMPREZA 테마로 미디어 사이트 따라 만들기

이번에는 워드프레스 웹사이트를 만드는 과정에 대해 제가 하고 있는 역할(워드프레스 사이트 퍼블리싱) 위주로 한 번 정리를 해 보려고 합니다. 


'웹사이트를 계획 중인데 워드프레스라는 게 유명하다고 하네? 그럼 뭘 어떻게 진행해야 하는 거지? 만들기 쉽다는데 내가 직접 만들 수 있는 건가?' 

등등 워드프레스 웹사이트 제작에 관해 궁금함이 있으셨던 분들에게 조금이나마 참고가 되었으면 합니다. 



어떤 웹사이트의 구조를 확인할 수 있는 간단한 방법으로는 웹브라우저에서 개발자 도구를 실행해 보는 것입니다. (ex. 크롬 브라우저)

오른쪽으로 뼈대가 되는 html 코드와 스타일을 정의하는 css 조합이 일단 보이고요. 상단에 글이 자동으로 슬라이드 되어서 올라가는 등 어떤 동작을 구현하기 위한 js 스크립트가 합쳐져서 이 화면을 구성하게 됩니다. [ 화면 = html + css + js ]


브런치 사이트의 경우에는 여기에 내 글을 DB(데이터베이스)에 저장 및 관리할 수 있는 마이페이지가 존재합니다. 워드프레스는 CMS로서 어드민 환경이 제공이 되죠. (계속 반복되는 말이지만 워드프레스는 이런 반복 콘텐츠가 있을 때 더 장점이 있는 서비스 같습니다.) 


즉, 워드프레스와 같은 CMS 사이트는 이러한 보이는 웹 화면을 만드는 만드는 과정, 더하기 어드민과의 연계까지 고려를 해야 만들 수 있습니다. 




그럼 워드프레스 웹사이트 제작에는 어떤 준비 과정들이 있을까요? 생각나는 대로 한 번 정리를 해 보니 대략 이렇게 정리가 됩니다. 


웹사이트 만드는 걸 집 짓기와 비교해 보면, 집을 지으려면 대개 어떤 집을 짓고 싶은지 나의 계획이 선 다음, 건축 디자인을 의뢰하고 디자인을 토대로 만들어진 모델링(작은 모형)을 보고 결과물을 대략 확인 후 컨펌을 하게 되면, 다음으로 공사를 위한 터를 만들고 결과물이 지어지는 공사가 진행되는 것으로 알고 있습니다.  




일반 웹사이트 제작과의 차이라면, 워드프레스에는 테마 시장이 존재합니다. 테마 개발자가 제공하는 데모 페이지에서 미리 결과물을 확인하고 테마를 선택하는 것으로 디자인 과정을 대체하기도 합니다. 게다가 테마 중에는 원하는 기획까지 구현할 수 있도록 이미 다 개발을 해 놓은 목적형 테마도 존재를 하고요.(쇼핑몰, LMS, 커뮤니티 등) 만약 내가 원하는 기획과 디자인에 딱 맞는 테마를 발견해서 바로 쓸 수 있다라면 이보다 더 나은 방법은 없을 겁니다. 다만 한글 번역, 나의 콘텐츠로 레이아웃 채우기, 불필요한 페이지나 콘텐츠들은 정리하는 과정 정도는 필요합니다. 

즉, 사이트를 만들려는 목적과 기본적인 환경 세팅(책 및 유튜브 등에 이미 다양한 정보가 존재), 테마에서 제공하는 가이드 문서를 읽어보고 적용할 수 있는 센스와 노력이면 직접 워드프레스 사이트를 만들 수 있습니다. 

이런 부분으로 인해 워드프레스로 쉽게 사이트를 만들 수 있다고 알려진 것일 수도 있겠습니다. 사실 이 정도만 하더라도 이미 테마들이 짜임새 있게 제작된 것들이 많아서 사이트를 운영하는 데 크게 어려움은 없다고 생각합니다. 직접 만들어서 운영을 할 계획이라면 이 정도면 충분할 수 있다 권하기도 하고요. 




저는 위의 준비 과정 중 계획이 완료가 되고, 디자인이 나와 있는 경우에 이걸 토대로 워드프레스 사이트를 만드는 작업을 주로 하고 있습니다. 퍼블리싱을 하긴 하는데 워드프레스에 특화가 되어 있으니 나름 '워드프레스 퍼블리셔'라고 소개를 하고 있고요.  


기존에 Impreza 테마를 가지고 어떤 사이트들을 따라 만드는 과정도 모두 이 퍼블리싱 과정을 고려해서 소개를 한 것입니다. 작업을 하던 내용들을 떠올려서 순서대로 정리를 해 보니 대개 이런 과정을 거치면 사이트가 완료가 되었습니다. 


개인적인 생각으로 사이트의 눈에 보이는 차이는 1차적으로는 기획 및 디자인 과정에서 발생이 됩니다. 그다음 워드프레스 서비스 툴을 가지고 이걸 어떻게 짜임새 있게 유지보수가 쉬운 구조를 만들어 내는가는 작업자에 따라 차이가 발생할 수 있는 부분이겠고요. 




웹의 기본 구조도 알아야 하고, 거기에 워드프레스에서 화면을 표시하는 과정 및 콘텐츠를 불러오는 것도 알아야 하고 깊이 들어가면 난이도가 끝이 없겠지만, Impreza 테마를 가지고 최대한 쉽게 제작을 하는 과정을 정대되는 대로 한 번 이후에 이어가 보려고 합니다. 

매거진의 이전글 #2-4. 목록(카테고리) 탬플릿 제작
브런치는 최신 브라우저에 최적화 되어있습니다. IE chrome safari