워드프레스 블로그 : 선행해야 하는 3가지
워드프레스 블로그를 시작하기 위해서는 몇가지 선행해야하는 것들이 있습니다. 티스토리나 블로그스팟과는 달리 기본적인 환경을 직접 만들어야 합니다.
먼저 도메인을 구매를 해야하구요, 다음은 워드프레스 블로그를 서비스할 클라우드를 선택하고 도메인설정을 해야합니다.
그래야 블로그 글을 작성할 수 있는 환경이 만들어지게 됩니다.
정리를 해보면, 다음과 같습니다.
- 도메인 구매
- 월드프레서 서비스 설정 (클라우드 플랫폼 설정 포함)
- 도메인 설정
- 블로그 글쓰기
1. 도메인 구매 하기
도메인은 어떤 회사를 통해서 가입을 하던지 상관이 없습니다. 원하시는 도메인 구매 회사에 가셔서 도메인을 구매하면 됩니다.
단, 구매를 하실때 가능하면 .com 으로 끝나는 도메인을 구매하시기를 권합니다.
net, nl 등 싼 가격으로 구매 가능한 도메인을 하셔도 무방하지만, 애드센스 광고를 하는데 있어서 .com 도메인을 구매하는 것이 보다 유리하다고 하는 의견들이 많습니다.
따라서 조금 비싸지만 .com 도메인을 구매하시기를 권장 드립니다.
2. 워드프레스 서비스 설정 하기
워드프레스를 제공하는 서비스나 플랫폼은 많습니다만.
오늘은 ‘cloudways.com’을 통해서 워드프레스 서비스를 설정하는 과정을 설명할려고 합니다.
이유는 유료이기는 하지만, 속도가 아주 빠르면서 아주 안정적입니다.
구글 애드센스에서 가장 선호하는 속도와 안정성 면에 있어서 더할 나위 없이 좋기 때문에 장기적으로 블로그를 통한 광고 수익을 내는 데는 이만한 것이 없습니다.
1) Cloudways.com 가입 하기
먼저 아래 링크를 클릭하여 가입을 합니다.
가입시 할인을 받을수 있으며, 여러분이 할인을 받는 만큼 저 또한 크레딧이 주여져 이글을 작성한 댓가를 조금이나마 받을수 있으니 서로 Win-Win하는 전략입니다.
- 크레딧 받기 : $25 (2GB Premium 요금제 : 약 $25 정도임) (가입하러 가기)
- 가입방법 : 1. 이메일주소+비밀번호 2.구글 등 계정으로 가입 둘 중 편한 방법으로 가입을 하면 됩니다.
- 가입을 하고 들어가면 ‘Lauch now’라는 버튼이 가운데 보이는데 클릭하여 설정하는 화면으로 이동합니다.
2) Cloudways 설정 하기
화면에 들어가면 상단 왼쪽에 이미 “워드프레스 6.1.1”이 선택되어 있습니다. 그래서 그것은 선택되어 있는 데로 넘어갑니다. 혹시 선택이 안되어 있으면 선택하시기 바랍니다.
- 상단에 Application 과 Server 이름을 입력합니다. (Application 파일명, Server 카테고리명 이라고 보면됨.)
- 클라우드 서버를 선택해야하는데, Digital Ocean, Google. Amazon이 나오는데 그중에서 가성비가 가장 좋은 Digital Ocean을 선택합니다.
- 용량은 2G Premium 을 선택합니다.
- 위치는 한국과 가장 가까운 싱가포르를 선택하고, “Launch now’를 클릭합니다.
- 그러면 모든 설정이 끝나고 여러분의 서버와 워드프레스 작성을 위한 환경을 생성합니다.
설정이 완료되는데 까지 몇 분이 소요가 되기 때문에 잠시 기다리셔야 합니다.
3. 도메인 설정
1) PUBLIC IP 복사하기
워드프레스 서비스 설정이 끝나고 여러분의 서버가 생성이 되면, 위 이미지 처럼 여러분이 입력한 서버명의 블럭이 하나 생성 됩니다.
그것을 선택하면 서버 설정 화면으로 이동을 합니다.
거기서 ‘Master Credentials‘를 클릭합니다.
그리고 나서 public ip 주소를 복사합니다.
이후 도메인 설정에 사용될 것이기 떄문에 메모장 같은데 붙여넣기 해 놓으시기를 당부 드립니다.
2) 도메인 설정하기
도메인 설정을 위해서 Application 관리 화면으로 이동을 하여야 합니다.
위 이미지 화면에서 public ip를 복사한 후 우측 상단에 www 라는 부분을 클릭하면, 클라우드 설정시 입력한 application 이름이 보여집니다.
이것을 클릭하면 ‘Application Management’ 화면으로 이동하게 됩니다.
첫번째로 보여지는 화면이 Access Details 화면인데 우선 이에 대해서 설명하겠습니다.
APPLICATION URL은 현재 워드프레스 글을 웹에서 볼수 있는 url이라고 보시면 됩니다.
클릭하시면 새 탭이 생성되면서 샘플 글 이 화면에 보여집니다.
추후 작성한 글일 보여지는 메인 화면이라고 보시면 됩니다.
ADMIN PANEL 의 경우 로그인을 통해서 워드프레스 관리자 화면으로 이동하게 됩니다.
글 작성도 이 화면에서 하게 되며, 앞으로 주로 이 페이지에서 작업을 하시게 됩니다.
도메인 설정을 위해서는 ‘Domain Management‘ 화면으로 이동하셔서 구매하신 도메인 이름을 입력하시고 ‘add domain‘을 클릭하시면 됩니다.
도메인 설정에 조금 시간이 걸립니다.
[추가 설명]
도메인 설정을 하였지만, 간혹 설정한 2차 도메인으로 편집 화면을 조회 하는 것이 안되거나, 추후 사이트 방문, 페이지뷰, 애드센스 수익 등을 한번에 보여주는 ‘Google Site Kit 플러그인‘을 설정할 때, 애널리틱스, 서치콘솔, 애드센스 연결에서 2차 도메인 연결이 안되는 경우가 있습니다.
이는 위 화면의 도메인 설정 화면에서 구매한 도메인을 PRIMARY로 설정을 안했기 때문입니다.
이럴때는 해당 도메인 추가 설정이 되고 나면 ALIAS 로 표시가 되는데, 오른쪽 맨끝 점3개를 선택해서 해당 2차 도메인을 PRIMARY로 설정합니다.
1분 정도가 지나면 2차 도메인이 PRIMARY가 됩니다. 이렇게 되면 워드프레스 편집 URL로 2차도메인.com/wp-admin 으로 접속하게 되고, 애드센스 연결 설정도 제대로 되면서 수익성을 워드프레스 관리자 화면서에서 조회가 되게 됩니다.
이후 ‘SSL Certificate‘ 화면으로 이동해서 Domain Name1에 도메인 관리 화면에서 입력한 도메인명을 입력합니다.
그리고, 윈도우즈 11환경의 chrome 브라우저 사용하는 경우, Domain Name2에 ‘admin panel’ 클릭했을 때 나타나는 창의 url (wordpress-XXXXX.XXX) 을 복사해서 입력하시면 관리자 페이지 로딩 시 발생하는 오류를 해결하실 수 있습니다.
오류가 없다면 구지 입력할 필요는 없습니다.
그리고 마지막으로 도메인을 구매한 사이트로 가셔서 아까 복사해서 붙여놓은 public ip를 추가하여야 합니다.
저는 가비아에서 도메인을 구매했기 떄문에 가비아 화면을 샘플로 삽입하지만, 대부분 도메인 사이트 설정은 유사해서 어려움은 없을 것 같습니다.
가비아의 경우 관리자 화면에서 ‘DNS정보>도메인연결‘ 설정을 선택합니다.
구매한 도메인을 선택하여 설정으로 넘어가면, 여러 설정이 있는데 그 중에서 DNS 설정의 ‘레코드 수정’을 선택합니다.
레코드추가를 선택한 다음. 타입은 ‘A’ , 호스트는 ‘@’ , 값/위치 에는 위에서 복사해 놓았던 ‘public ip주소’를 입력합니다.
TTL은 ‘600’정도 하시면 됩니다. 그리고 확인을 선택합니다.
다시한번 위와 동일하게 레코드를 다시 추가를 합니다. 다만, 호스트 부분만 ‘www’를 입력합니다.
이렇게 되면 도메인명을 브라우저에 입력했을 때 해당 워드프레스 화면이 뜨게 됩니다.
적용 되는데는 몇 분 또는 몇 십분 정도의 시간이 소요되니 잠시 기다린 후 브라우저 새로고침을 해보시기 바랍니다.
이렇게 해서 워드프레스 블로그 작성을 위해서 구매한 도메인명으로 브라우저에서 서비스 할수 있도록 설정하는 것을 완료하였습니다.
이제 마지막으로 글을 편집하는 워드프레스 관리자 화면으로 가보겠습니다.
4. 글쓰기
위에서 설명한 ‘admin panel‘을 클릭하면 로그인 화면이 뜹니다.
로그인 정보는 위 Application management 화면의 ‘access details’에서 ‘Admin Pannel’ 부분에 있는 username과 password를 수정해서 사용할 수 있습니다.
로그인을 하면 워드프레스 관리자 화면이 보여집니다. 드디어 글을 작성할 수 있는 화면으로 이동하게 된것입니다.
그런데, 모든 메뉴나 글들이 영어로 되어 있습니다.
영어 실력이 좋은신 분들을 제외한 저같은 분들이라면 설정(Settings)>일반(General)에 들어가셔서 사이트 언어를 한국어로 선택하시면 됩니다.
자 익숙한 한글 메뉴와 함께 워드프레스를 설정할 수 있는 관리자 화면으로 들어오셨습니다. 저도 아직 워드프레스가 초보인지라 지금 작성하던 글을 몇번 날려 먹었습니다.
업데이트를 안하고 갑자기 키를 잘 못 눌러서 이전 버전으로 가더니 복구가 안되더군요. 그래서 지금은 생각날 때마다 업데이트를 해서 저장하고 있습니다.
좀 더 사용을 한 후 관리자 페이지에 대한 내용도 조만간 업데이트 해보겠습니다.
일단 오늘은 워드프레스로 글쓰기를 할 수 있는 환경을 만들고 어찌 되었던 글을 작성할 수 있는 상태까지는 도달하였습니다.
한글 메뉴이니 글 이라는 메뉴를 클릭하셔서 글 작성부터 해보시기를 권고 드립니다. 플러그인, 테마 이런거는 시간날때 하는걸로..ㅋㅋ
다음 버전 기대해 주시고 여러분도, 여기까지 잘 따라오시느라 수고하셨습니다. 다음 글에서 뵙겠습니다. 감사합니다.
[글쓰기 업데이트 24.1.24]
편집기의 경우 여러 테마들이 있습니다. 그 중에서 가볍고 사용이 단순하여 구글 애드센스 광고 수익용 블로그를 하기에 적합한 ‘OnePress‘ 테마 를 사용하고 있습니다.
이런 장점이 있는 반면에 편집을 하다 보면, 제가 이전에 사용하던 티스토리에 비해서 불편한 점이 다소 있습니다.
그 중에서 오늘은 폰트의 색깔과 크기를 설정하는 방법에 대해서 요약 정리할려고 합니다.
- 관리자화면 – 좌측메뉴 – 외모 – 사용자정의하기 클릭합니다.
- 추가CSS 클릭합니다. CSS를 편집하는 화면이 나옵니다.
- 아래 스크립트를 복사해서 붙여넣기 합니다.
- 우측에 스크립트 내용이 반영된 글자크기가 보여집니다.
- 수정이 끝났으면 상단의 ‘발행함’ 을 클릭합니다.
- 이후 편집 화면에서는 글자가 작게 보이지만, 미리 보기에서 보시면 설정한 크기와 색깔로 보여집니다.
마지막으로 해당 스크립트를 보여드리고 설정 값들이 어떤 의미인지 간단히 설명하고 마치겠습니다.
| p{ font-size: 19px; color: #353535; } ul { font-size: 19px; color: #353535; } li { font-size: 19px; color: #353535; } h2 { font-size: 25px; } h3 { font-size: 22px; } h4 { font-size: 20px; } h5 { font-size: 20px; } h6 { font-size: 20px; } | P : 일반 문장에서 글자의 크기와 컬러를 설정 ul : 기호 목록( · )의 글자 크기와 컬러 설정 li : 숫자 목록(1,2,3)의 글자 크기와 컬러 설정 h2,h3,h4,h5,h6 : 헤더 글자의 크기와 컬러 설정 * 컬러 설정값 가져오는 법 – 작성한 글자를 마우스로 선택 – 오른쪽 창에 텍스트 색상 설정 화면 – 상단 바둑판 부분을 클릭 – 원하는 색상을 선택 – 하단에 선택한 컬럽 값 보임 – 값을 복사하셔 붙여넣기 함. |
