지난 시간 약속했던 워드프레스 테마 추천 및 Kadence 사용자 정의 관련해 바로 포스팅을 준비 했어요. 이번 시간에는 런리치 사이트 테마인 Kadence를 설치한 뒤 폰트 및 컬러 지정과 관련한 내용 입니다. 간략하게 정리했지만 실무 디자이너 세팅 방식이니 도움이 될 것이며, 콘텐츠 생성 과정에서도 가독성을 고려한 폰트 지정 방법을 배울 수 있습니다.

워드프레스 테마 선택 시, 이런 내용들은 반드시 고려 하세요.

워드프레스 테마를 선택할 때 기능이나 디자인 이외에도 고려해야 할 몇 가지 핵심 요소들이 있는데요. 우선 그 내용을 숙지한 뒤 오늘 필자가 추천해 드리는 Kadence 테마 설치 과정으로 넘어가 보시죠.

제가 생각하는 좋은 워드프레스 테마란 일단 커스터 마이징 자유성이 높아야 합니다. 이는 꼭 유료 버전을 이용하지 않더라도 확인할 수 있으며, 이후 자신에게 맞는 테마라고 생각되면 반드시 유료로 업그레이드 하는 게 좋습니다.

보통 테마는 버그나 새로운 기능 업데이트를 자주 하는 개발사를 선택해야 하며, 될 수 있다면 많은 사람들이 이용하는 브랜드를 선택해야 온라인 상에서 필요한 정보를 바로 확인할 수 있습니다.

그리고 무엇보다 사이트 속도 체크는 필수 입니다. Kadence 테마의 경우 실제 블록편집기 기반 테마지만 엘리멘터 빌더를 이용해도 다른 테마보다 속도면에서 좋은 성능을 보여주고 있습니다.

이렇게 세 가지 확인 작업이 끝났다면, 유료 버전 가성비를 고려해 보세요. 실질적으로 Kadence 테마의 경우 유료 테마와 블록 및 기타 옵션을 패키지로 묶어 판매하고 있는데 비용이 만만치는 않습니다.

하지만 여러분이 멀티 사이트 구축이 필요한 경우 Kadence Pro 라이센스는 분명 큰 도움이 될 것입니다.

Kadence 테마 설치 및 폰트, 컬러 사용자 정의

기본적으로 Kadence 무료 테마는 워드프레스 코어 내장된 상태입니다. 따라서 "대시보드-외모-테마-Kadence 검색"을 통해 설치한 뒤 활성화를 통해 쉽게 기존 테마에서 변경 가능하죠.

이후 가장 먼저 해야 할 부분이 사용자 정의 이동 후, 폰트 설정을 하는 것인데요. 이는 다른 테마와 큰 차이는 없으며, 무료 버전에서도 H태그, 본문, 카테고리 사이즈 부터, 폰트 별 컬러 설정 까지 가능한 상태입니다.

폰트 설정에서 주의해야 하는 부분은 H2, H3, H4 크기를 동일하게 설정 하는 것입니다. 모바일 크기를 별도로 생성했다면 이 역시 모두 동일한 크기로 맞춰 주는 게 좋습니다.

해당 게시글 역시 H2, H3 타이틀 태그가 있지만 분명 동일한 사이즈라는 걸 알 수 있습니다. 각 태그마다 사이즈를 다르게 한 경우 콘텐츠 일관성이 떨어지는 경우가 많으니 주의 바랍니다.

이렇게 폰트 설정이 끝났다면 다음은 컬러 설정 입니다.

Kadence 테마는 컬러 지정이 가능한 팔레트를 제공합니다. 이를 통해 사이트 컬러를 일관성 있게 유지할 수 있으며, 이는 사용자 정의 섹션을 통해 제어할 수 있습니다.

그리고 팔레트는 3가지로 구분해 지정할 수 있는 데, 해당 사이트가 블랙 배경인 경우와 흰 배경인 경우 모두 컬러가 자동으로 변환 되는 이유는 두 가지 팔레트를 각각 배경에 따라 지정했기 때문입니다.

컬러 설정에서 역시 주의해야 하는 부분이 있는데요. 이는 포인트 컬러 선택 시 어두운 배경까지 함께 고려해 가독성이 좋은 컬러를 선택하는 것 입니다. 현재 런리치 사이트 포인트 컬러는 푸른색이며, 두 가지 푸른색이 변환되며 버튼이나 텍스트에 적용되고 있습니다.

또한 H태그 컬러와 본문 폰트 컬러는 일반적으로 "#111111, #55555" 사이에서 지정해 주세요. 세부적인 이유는 본사 강의 과정에서 전달하고 있는 데, 사이트 디자인에서 폰트 컬러가 주는 영향력은 가독성은 물론 전체적으로 균형 잡힌 느낌을 만드는 데, 매우 중요한 요소이니 이 부분에 대한 공부도 꾸준히 해보시면 좋을 것 같습니다.

오늘은 이렇게 Kadence 테마 기준 설치부터 폰트와 컬러 사용자 지정 과정까지 정리해 드렸습니다. 다음 시간에 더 나은 정보로 인사 드릴게요.

전용 호스팅 업체를 통해 원 클릭으로 워드프레스 설치가 완료 되었다면 이제 기본 설정을 준비해야 하는데요. 문제는 이전 설치 과정에서 이메일 정보나 사이트 도메인을 결정할 때 실제 비즈니스 관련 키워드가 영문 혹은 한글로 포함 되었는지도 중요합니다.

오늘은 이와 관련해 간략히 정리한 후 설치된 워드프레스 기본 설정 과정을 쉽고 빠르게 요약해 드리겠습니다.

워드프레스 설치 시 주의사항 세 가지

도메인 생성 및 서버 구축, 그리고 워드프레스 설치 과정에선 SSL 인증서 발급과 이메일 등록, 도메인 이름 관련해 주의해야 하는 부분이 있습니다. 이는 초보자들이 많이 하는 실수 중 하나이며, 어느 정도 사이트 활성화 이후 이를 후회 하는 분들이 많으니 참고해 여러분들은 실수 하지 않았으면 합니다.

첫 번째 도메인 생성 과정에서 관련성 있는 단어를 포함 하는 게 검색엔진 최적화에 유리하다 알려져 있습니다. 확인된 바는 아니지만 사이트 구축 후 도메인 이름이 너무 길거나, 사이트 관련성이 너무 떨어지는 경우 비즈니스 환경에도 영향이 받을 수 있으니 처음부터 만들 때 주의해야 하죠.

두 번째 이메일 등록에 대한 부분은 인증용이 아닌 경우 확인되지 않는 이메일을 사용하는 분들이 있는 데, 이는 웹사이트 이슈 발생 시 대응할 수 있는 방법을 사라지게 만들 수 있습니다. 따라서 이메일은 정확히 기재하고, 사용하지 않은 구글 메일이라도 비번은 반드시 적어 놓는게 좋습니다.

세번째 주의 사항은 SSL 인증서 발행에 대한 것인데, 초기 제대로 설정해 놓지 않은채 사이트를 운영하는 분들이 있는데요. 이역시 검색엔진 최적화에 나쁜 영향을 준다고 알려져 있습니다. 따라서 일반적으로 호스팅 업체에서 제공하는 기본적인 SSL 인증서라도 반드시 확인한 후 사이트 운영을 시작해야 합니다.

워드프레스 설치 후 세팅 절차, 블로그 운영과 홈페이지 제작 시 차이

이제 여러분은 하나의 웹사이트 관리자가 되었습니다. 여기서 워드프레스 세팅은 앞으로 여러분의 운영 목적과 사이트 구조에 따라 설정 방식에 차이가 있는데요. 오늘은 블로그와 홈페이지 두 가지 운영 목적을 분리해 설명 드리겠습니다.

먼저 블로그나 홈페이지 모두에 적용 되는 기본 설정에는 "일반, 쓰기, 고유주소"세팅이 중요 합니다.

대시보드-설정-"일반"
해당 페이지는 언어, 시간대 설정을 위해 존재합니다. 또한 사이트 제목을 변경할 수 있으며, 간략히 설명할 수 있는데요. 사이트 아이콘은 "파비콘"으로 온라인 상에서 여러분의 사이트 가장 처음 나타나는 표식이니 신경 쓸 필요가 있겠죠? 보통 언어는 한국어, 시간대는 서울로 지정하고 나머지 설정은 큰 의미가 없습니다.

대시보드-설정-"쓰기"
이 페이지는 가장 자주 사용하는 카테고리 지정을 할 수 있는 페이지이며, 만약 썸네일을 동영상으로 올리고 싶은 경우라면 기본글 형식을 "동영상"으로 변경한 뒤 사용 가능한 설정란 입니다.

대시보드-설정-"고유주소"
이곳은 파머링크를 지정할 때 중요한 페이지이며, 검색엔진 최적화에 유리한 구조는 "글 이름"으로 설정 하는 게 좋습니다. 그 외 설정들은 큰 의미가 없습니다.

이러한 기본 설정과 다르게, 사이트 운영 목적에 따라 결정 되는 게, 읽기 설정과 토론 설정 입니다. 

우선 읽기 설정은 대표 페이지 지정을 위해 사전에 페이지 두 개를 생성하는 게 일반적인 절차인데요. 즉 매인 페이지로 사용할 페이지와 글 페이지로 지정할 페이지를 구축한 상태에서 읽기 페이지로 가서 지정해 주는 것입니다.

반대로 블로그로 운영할 경우 디자인이 굳이 필요치 않다면 읽기 설정은 무시해도 좋습니다.

토론 페이지는 로그인 사용자나 댓글 사용자 관리를 할 수 있으며, 하단에서 유저 아바타를 지정할 수도 있고, 반대로 사라지게 만들 수 있는 데, 이는 개인의 이용 목적이나 관리 용이성에 차이가 있으니 검토 후 자신에게 맞게 설정 하시면 됩니다.

오늘은 이렇게 워드프레스 초기 설정에 대한 기본적인 내용을 정리해 드렸는데요. 다음 시간에는 이제 테마를 변경한 뒤 사용자 정의 하는 방법(Kadence)을 알려 드리겠습니다.

기본적으로 워드프레스는 Wordpress.com과 Wordpress.org로 구분됩니다. 이는 쉽게 말해 임대형과 독립형으로 불리기도 하는데, 보통 이야기 하는 워드프레스 구조는 독립형을 의미하죠. 따라서 가장 먼저 워드프레스 설치 방식을 알아야 하는데요. 이번 글은 가장 쉬운 방법으로 초기 세팅을 하는 방법에 대한 이야기 입니다.

워드프레스 설치 벌처 호스팅 플레스크 패널 활용

최근 호스팅 회사들은 워드프레스 설치를 쉽게 도와 주는 원클릭 서비스를 대부분 제공 하고 있습니다. 과거에는 파일질라와 같은 FTP를 활용해 서버 구축후 Wordpress.org에서 파일을 다운 받고 업로드 하는 방법을 사용 했는 데 정말 쉬워진 셈이죠.

오늘 소개할 방법은 vultr 호스팅에 서버를 구축할 때 활용 가능한 플레스크(plesk) 패널을 통해 몇 번의 클릭만으로 워드프레스 설치 과정을 완료 하는 방법 입니다.

이를 위해서는 서버 및 패널 구성부터 알아야 하지만 아직 호스팅에 대한 지식이 없는 경우엔 런리치가 발행한 vultr VPS 서버 구축 관련 글을 검색창을 통해 참고 하시기 바랍니다.

이 과정을 통해 플레스크 패널에 접속 했다면 도메인과 서버를 연결한 뒤 워드프레스 설치를 시작할 수 있습니다

워드프레스가 설치 된 후에는 SSL 설정을 통해 사이트 보안 인증을 준비해야 하는데요. 이 또한 플레스크 패널을 활용해 무료로 진행할 수 있습니다. 설정 방법 역시 런리치 키워드"워드프레스 사이트 SSL 인증서" 검색을 통해 확인할 수 있습니다.

워드프레스 설치 후 설정 방식

이렇게 사이트 구축이 완료 되었다면, 언어, 시간대, 랜딩페이지 지정, 테마 변경, 필수 플러그인 설치 과정을 통해 홈페이지 제작 준비를 마치게 됩니다. 어렵게 느껴질 수 있지만 모든 분야가 그렇듯 처음에는 낯설음 때문일 것입니다.

대시보드 구조나 필요한 요소의 위치 등이 익숙해 지고, 사용 하는 플러그인 기능을 이해하기 시작하면 그때부터 본격적으로 웹디자인 실무 과정을 시작할 수 있습니다.

개인적으로 워드프레스 사이트 디자인 및 포스팅 작성은 엘리멘터 보다는 성능면에서 블록에디터 사용을 추천 드리며, 여러분이 원하는 경우 해당 정보는 앞으로 꾸준히 본 사이트에서 무료로 이용 가능합니다.

오늘은 이렇게 워드프레스 설치 과정을 정리해 드렸고, 본문에 말씀 드렸듯이 실제 방법을 확인 하고 적용하려면 벌처, 가비아(도메인) 조합으로 세팅 하신 후 포스팅을 통해 정리된 자료를 참고해 보시기 바랍니다.

직접 웹사이트를 구축 하거나 외주 제작을 맡길 때 모두 워드프레스 사이트 구축 과정에서 호스팅 업체나 서버 선택은 매우 중요한 요소 중 하나 입니다. 홈페이지 제작 관련 가이드 첫 번째 주제로 선정한 이유이며, 이 글을 시작으로 저희 런리치가 제공 하는 실무 교육 정보를 공유해 보겠습니다.

특정 업체 제휴와 전혀 관계 없는 내용이기에 여러분들이 서버 선택에 어려움이 있다면 참고 하시면 좋을 것 같고, 초보자를 위한 호스팅 과정은 해당 사이트 메인에 준비된 검색 기능을 통해 "호스팅" 연결 방법을 확인할 수 있도록 했으니 도움이 되길 바랄게요.

오늘은 호스팅 중요성 및 어떤 서버가 나에게 적합한지에 대한 인사이트를 얻을 수 있도록 준비 되었습니다.

워드프레스 사이트 호스팅 vultr VPS 서버 추천

필자가 추천 하는 워드프레스 사이트 전용 서버는 기본적으로 VPS 입니다. 대표적인 호스팅 업체는 아마존과 벌처로 볼 수 있는데, 더 손쉬운 설정을 위해 클라우드웨이즈를 이용할 수도 있습니다.

클라우드웨이즈는 아마존과 벌처를 연결해주는 호스팅 대행사 개념으로 이해하면 좋은데요. 그래서 비용에서 차이가 나타납니다.

아마존 호스팅에서는 Amazon Lightsail을 통해 VPS(가상 개인 서버)를 이용할 수 있으며, vultr 호스팅은 계정을 만든 이후 자신에게 맞는 VPS 서버를 이용할 수 있습니다.

개인적으로는 벌처 호스팅을 추천 드리며, 해당 사이트 서버 호스팅 정보는 벌처 VPS와 가비아 도메인 연결 방식을 정리해 두었으니 참고 바랍니다.

비용 체계 및 부가 서비스 이용 가이드

사실 초보자가 아마존 라이트세일이나 벌처 하이퍼포먼스 설정 및 관리를 위해서는 기본적으로 패널을 이용하는 게 좋습니다. 필자의 경우 강의 과정에서 벌처+플레스크 패널 조합을 추천 하는 데, 이를 통해 백업, PHP 버전 업데이트, 워드프레스 설치, SSL 설정까지 간단히 해결할 수 있습니다.

이러한 서버 호스팅은 사실 서버 관리 지식이 필요치 않으며, 단순하게 사용법만으로 이용이 가능해야 한다는 게 제 생각입니다.

또한 일반 사용자가 굳이 어려운 PHP 개념이나 퍼널 지식을 배울 이유도 없구요.

따라서 워드프레스 호스팅 과정에서 패널 설치를 적극 추천하며, 부가적으로 유료 백업 서비스를 이용해 매일 자동으로 업데이트 될 수 있도록 조치하는 게 좋습니다.

워드프레스 호스팅 선택이 사이트에 미치는 영향

끝으로 서버 사양에 대한 이야기를 짧게 전해 드리자면, 워드프레스는 사실 서버 사양에 따라 웹사이트 속도에 영향을 많이 받습니다. 특히 cpu와 메모리 용량은 사이트 랜더링을 결정하는 주요 요소이므로 오랜 기간 꾸준히 유지하면서 콘텐츠를 지속적으로 발행할 목적이라면 최소 월24달러 이상을 권장합니다.

결국 일반적으로 말하는 월 5000원 정도의 카페 24 서버 사양으로는 한계가 있으며, 실제 이미지 용량 큰 사이트 몇개 올리는 경우 서버 한도 초과가 되는 경우가 있죠.

따라서 초기 세팅은 벌처나 아마존 라이트세일 기준 12달러 정도 사양으로 시작하고 이후 서버 업데이트를 고려해 볼 수 있습니다.

첫 글로 초기 입문자를 위해 워드프레스 호스팅 선택 및 서버 구축에 대한 개인적 의견을 정리해 드렸는데요. 도움이 되셨나요?

다음 정보 또한 입문 절차에 따라 정리해서 전달해 드릴것을 약속하며, 준비된 소식은 이것으로 마칩니다.