워드프레스 홈페이지 만들기 웹사이트 제작 방법 이거면 끝
웹사이트를 제작하려면 다양한 디자인 툴을 이용할 수 있는데, 그 중 워드프레스는 디자인과 퍼블리싱 과정을 동시에 할 수 있기 때문에 초보자도 혼자서 웹사이트 구축이 가능하죠. 그래서 오늘은 워드프레스 홈페이지 만들기 필요한 요소와 방법을 이야기 합니다.
기업 브랜딩과 개인 브랜딩에 사용하는 웹사이트 차이는 소개한 요소들을 해결하고 표현하는 방법이 다를 수 있지만, 기본적으로 거처야 하는 과정을 어떻게 해결해야 하는지 선별해서 준비했습니다.
워드프레스 홈페이지 만들기 누구나 가능합니다.
호스팅, 세팅, 기획, 디자인, 검색엔진최적화
어떤 일이든 할 줄 아는 사람이 모르는 사람에게 하는 말이 있죠, “아무것도 아니야 너도 할 수 있어” 사실 맞는 말이지만 입장이 달라지면 누구나 생소하고, 모든 시작은 어렵습니다.
그런데도 필자는 똑같은 말을 합니다.
워드프레스 홈페이지 만들기 누구나 가능하다고 말입니다.
잠깐 힘을 내라는 의미에서 필자가 처음 워드프레스를 알았을 때 어떤 상태였는지 이야기 하자면 우선, 컴퓨터를 잘 다루지 못했고, FTP 프로그램이 뭔지 조차 몰랐으며, 따라서 호스팅 업체 사이트에서 워드프레스를 설치하는 것 조차 어려웠습니다.
사실 이와 같은 요소들은 아직도 활용도가 높지 않고, 퍼블리싱 영역은 무지한 수준입니다. 하지만 6년이상 워드프레스 디자인만 집중했고, 검색엔진 최적화에 맞는 웹사이트 제작 공부를 계속했습니다.
그래서 지금은 여러분께 워드프레스 홈페이지 만들기 과정을 소개하는 주제로 글을 쓸 수 있게 되었습니다. 저는 여러분에게 가장 쉬운 방법으로 웹사이트를 제작하고, 퀄리티 또한 기대할 수 있는 방법을 전달하려 합니다.
속도나 기타 기능적인 부분도 설명하면 좋겠지만 하나의 지면에 모든 걸 포함시키는 것도 초보 워드프레스 사용자에게 좋은 방법은 아닌 듯 하여, 우선적으로 알아야 할 요소들을 다섯 가지로 분류해 필요성과 방법을 소개하도록 하겠습니다.
워드프레스 홈페이지 만들기 호스팅의 중요성 & 방법
호스팅이 직접적으로 워드프레스 속도에 미치는 영향은 지대합니다. 저는 워드프레스 디자인 후 항상 웹사이트 속도 문제를 고민해야 했는데, 속도 저하 원인이 호스팅 서버 문제라는 걸 알기까지 3년 넘게 걸렸습니다.
초보자가 많이 사용하는 블루호스트나 사이트 그라운드와 같은 해외 웹호스팅 공유 서버를 사용하면 워드프레스 속도는 저하될 수 밖에 없습니다. 따라서 워드프레스 홈페이지 만들기 과정에서 호스팅 업체 중요성은 더 설명이 필요 없습니다.
제가 추천하는 호스팅 상품은 업체와 관계 없이, 국내(서울) 서버를 사용하는 VPS(가상 사설 서버)를 이용해야 한다는 것입니다.
VPS 서버는 비용과 속도 모두 만족시키며, 웹사이트 트래픽이 커질 경우 언제든 업그레이드 가능하기 때문에 초기에는 가장 저렴한 상품을 이용하세요.
많은 분들이 사용하는 VPS 지원 호스팅 업체로는 아마존 호스팅과 벌처 호스팅이 있는데, 클라우드 플레어는 개인적으로 비싸기만 하고 편의성도 그리 차이를 느끼지 못했습니다.
따라서 아마존 라이트세일이나 벌처를 이용하는 게 현명합니다.
워드프레스 기본 세팅, 테마와 플러그인
워드프레스 전용 호스팅을 이용하면 굳이 설치에 FTP 프로그램을 이용할 필요도 없어서 저도 사용법이 잘 기억이 나지 않을 정도입니다. 이렇게 워드프레스 설치가 끝났다면 이제 기본적인 세팅이 필요합니다.
가장 먼저 설정 기능을 세팅하는 데, 중요한건 한국어 설정과, 시간대 변경입니다. 이에 필요한 방법은 본사 공식 블로그 링크를 하단에 준비했습니다.
워드프레스 홈페이지 만들기 과정에서 기본 세팅 완료 후, 테마와 플러그인을 설치하는 데, 제가 추천하는 테마는 Ocean WP와 GeneratePress 테마 입니다. 선택 기준은 속도와 기능을 종합했고, 설치와 사용자 정의하기 기능도 직관적이기 때문에 사용이 편리합니다.
이제 플러그인 차례인데요, 사실 초보자들은 기본적인 플러그인 이외에도 기능 추가를 위해 다양한 워드프레스 플러그인을 사용합니다. 하지만 이는 좋은 방법이 아니며 플러그인 사용은 최소화 하는 것이 좋습니다.
따라서 다음과 같은 필수 플러그인을 저는 추천합니다.
- Yoast seo 검색엔진 최적화 플러그인
- Elementor page builder 편집 기능
- Wp Rocket 캐시 플러그인
- Ocean WP 테마 사용시 엘리멘터 위젯 플러그인 추가
사실 이정도면 워드프레스 홈페이지 만들기 플러그인 세팅은 완벽합니다.
웹사이트 제작 목적에 맞는 기획이란?
세팅과 테마 플러그인까지 준비 됐다면 다음은 디자인을 포함한 웹사이트 컨셉과 기능을 기획하는 단계입니다.
초보자가 집중해야 할 부분은 디자인을 위해서는 통일된 레이 아웃과 컬러, 폰트 사이즈를 결정하는 것이고, 웹사이트 사용 목적에 맞는 기능 추가와 방문자를 고려한 UI UX를 기획하는 것입니다.
이건 조금 경험이 필요하고, 개인적 취향이 다르기 때문에 하나의 설명으로는 부족함이 있지만 기획 단계에서 명확한 로드맵이 없다면 워드프레스 홈페이지 만들기 글세요, 조금 힘들어 집니다.
따라서 내가 어떤 홈페이지를 모방해서 디자인 하던지 정확한 기획은 꼭 필요한 과정이란 걸 명심해야 합니다.
워드프레스 홈페이지 디자인 요소와 노하우
워드프레스 홈페이지 만들기 과정에서 가장 현실적인 고민일 수 있는 디자인은 생각보다 어렵지 않습니다. 사실 복잡한 레이 아웃이나 보기에 멋진 디자인을 따라하는 것도 좋지만 폰트와 컬러, 이미지만 잘 사용하더라도 충분히 훌륭한 웹사이트를 만들 수 있습니다.
따라서 오늘은 폰트 색상 이미지에 대한 제 노하우를 알려 드리는 것으로 디자인 영역 소개를 대신하도록 하겠습니다.
디자인 70% 이상이 폰트다.
제목에서 처럼 저는 폰트를 디자인하는 게 가장 중요하다 생각하는 사람입니다. 실제 웹사이트에 폰트가 없는 경우도 없고, 글체 하나에 전혀 다른 느낌이 들죠. 따라서 자간, 행간, 웹전용 폰트 사용은 기본적인 지식을 갖추고 있어야 합니다.
우선 자간은 넓은 것 보다는 좁은편이 낮다고 생각해야 하며, 행간은 폰트가 타이틀인지, 본문인지에 따라 달라져야 합니다. 일반적으로 타이틀은 행간이 좁게, 본문은 글자 크기의 180% 이상에서 200% 사이로 책정합니다.
웹전용 폰트라는 것은 고딕과 명조체 한글 버전을 이야기 합니다. 즉 Noto sans kr(고딕) 이나 Noto serif kr(명조)를 사용하는 데, 이를 섞어 쓰는 것도 사실은 피하는 게 좋습니다.
워드프레스 홈페이지 만들기 디자인 영역은 매우 복잡할 수 있지만 올바른 폰트 디자인이면 70% 정도는 훌륭한 결과물을 만들 수 있습니다.
톤앤매너 색상 배치를 이해하라
웹사이트는 일관성 있는 색상이 매우 중요합니다., 포인트 컬러는 브랜드 이미지를 결정하며, 브랜드 이미지와 다른 컬러 사용은 사용자들에게 좋은 메시지를 전달하기 어렵습니다.
따라서 웹사이트 색상을 결정하기 어렵다면 “컬러 힌트”와 같은 사이트를 이용해 컬러에 대한 개념을 이해하는 것도 좋은 방법입니다.
중요한 건 여러가지 컬러를 하나의 페이지에 사용하지 않는 것과, 포인트 컬러를 적재적소에 배치하는 것이라 볼 수 있습니다. 여러분의 감각이나 취향에 따라 이 부분은 차이가 있을 수 있어 이것으로 생략합니다.
일관성 있는 컬러 선택으로 깔끔한 디자인에 집중합시다.
어떤 이미지를 어떻게 사용할 것인가?
우리가 워드프레스 홈페이지 만들기 과정에 사용 할 이미지를 선택할 때 중요한 부분은 흐린 이미지를 피하고, 메시지를 함축한 디자인을 찾는 것입니다.
그러기 위해선 일반적으로 포토샵 프로그램을 이용하는데, 템플릿 편집기를 이용해도 이미지 선명도는 얼마든지 좋게 사용할 수 있습니다. 단 PNG 파일은 웹사이트 속도에 영향을 주기 때문에 JPG 파일을 사용해야 합니다.
물론 로고나 아이콘 등은 용량이 적은 PNG 파일을 사용하는 것이 좋습니다.
본사 웹사이트의 경우 대부분 저용량 이미지를 사용했으며, 이미지 제공 프로그램에서 제공된 파일을 압축한 뒤 사용하고 있습니다.
웹사이트 검색엔진 최적화 관리 중요성
이제 마지막 단계인 검색엔진 최적화 관리입니다. 웹사이트 제작에서 SEO를 무시하는 디자인이 참 많습니다. 폰트를 거의 생략하고 이미지를 통해 디자인하는게 대표적이죠.
또한 글자를 이미지로 변경해 디자인된 경우도 상당히 많습니다. 이 모두는 검색엔진 최적화의 기본을 지키지 않는 워드프레스 홈페이지 만들기라고 볼 수 있습니다.
저는 개인적으로 여러분에게 웹사이트 속도와 폰트 가독성을 위한 정렬, 그리고 사용자에게 전달하려는 메시지를 폰트 디자인으로 잘 표현하는 걸 검색엔진 최적화 디자인의 핵심이라 생각합니다.
이 자체가 검색엔진 최적화 과정이며, 웹사이트 디자인을 잘하는 방법이고 웹사이트 제작 목적을 달성할 수 있는 유일한 길이기 때문입니다. 검색엔진이 좋아하는 웹사이트란 이런 것입니다.
저는 여기까지 워드프레스 홈페이지 만들기 및 웹디자인에 필요한 과정을 소개했습니다. 하나의 페이지에 모든 과정을 담고 무엇이 중요하고, 어떤 과정으로 준비해야 하는지 알려 드리고 싶었기 때문입니다.
제가 처음 워드프레스를 독학으로 시작할 때 어려웠던 부분이 초보자 입장에서 하나의 길을 알려주는 콘텐츠 찾기가 쉽지 않았기 때문인데요, 이 글이 여러분에게 도움이 되었으면 좋겠습니다.
2023 . 10 . 22
에디터 – 민서인
