워드프레스 블로그 만들기 3

Sep 1, 2023 | 워드프레스 블로그 제작 (왕초보도 프로같이^^) | 0 comments

1. 과정안내

이번 과정은 워드프레스 블로그 만들기 3 과정입니다.

워드프레스 블로그 제작을 할 때 필요한 페이지, 메뉴, 헤더, 푸터등을 만드는 방법과 페이지 디자인 방법들에 대해서  전체적으로 다룹니다.

이번 과정을 마치면 여러분의 블로그는 이제 꾸준히 글만 쓰면 되는 수준으로 완성되게 됩니다.

이번 단계가 실질적인 블로그 제작  마지막 단계로 이해하시면 좋습니다

중간에 포기하지 마시고 꼭 과정을 마치고 여러분의 블로그를 세상에 내좋으시길 바랍니다.

이 글에서 다룰 내용은 아래와 같습니다.

1. 아스트라 디자인테마 스타터 템플릿으로 시작하기  <– 웹사이트 제작 시간을 획기적으로 단축해주는 방법 입니다.
2. 블로그 운영에 일반적으로 꼭 필요한 페이지들을 만들고 이를 메뉴로 만들어서 방문자들이 쉽게 찾을 수 있도록 합니다.
3. 웹사이트에서 항상 보이는 헤더와 푸터를 보기 좋게 꾸미는 방법에 대해서 알아봅니다.
4. 전체 과정을 동영상으로 담았습니다.

2. 아스트라 디자인테마 스타터 템플릿으로 시작하기

이번 과정은 아스트라 디자인테마(무료)를 가지고 진행을 합니다. 이전 과정에서 말씀 드렸듯이 디자인테마가 변경되면 서로 조금 씩 다른 방식으로 블로그 디자인을 진행하게됩니다. 따라서 마지막 과정까지 일관성을 가지고 과정을 진행 하려면 디자인 테마를 하나로 정해서 가는것이 좋습니다.

아스트라 디자인테마의 설치 과정은 이전 과정 워드프레스 블로그 만들기 2의 “3.1 무료 디자인테마 설치”를 참조하세요.

2.1 아스트라 디자인테마 데모 데이터 가져오기

1) 먼저 관리자로 로그인 합니다. 인쪽 메뉴에서 아스트라를 클릭합니다. 그러면 아래 화면이 나타납니다. 화면 오른쪽 아래에 있는 Starter Template의 Install을 클릭합니다.

2) 그러면 아래와 같이 스타터 템플릿 리스트가 나타납니다. 화면과 같이 PREMIUM이라고 노란색으로 써있는 것들은 유료 버젼입니다. 일단 이런 것들은 SKIP하시기 바랍니다. 화면과 같이 데모 사이트의 카테고리별로 볼수 있고 검색 키워드를 통해서도 볼 수 있습니다. 여기서는 Blog > Blogger로 검색을 해보겠습니다.

3) 아래 화면은 Blog > Blogger로 검색결과 페이지 입니다. 검색 결과에는 유료와 무료버젼이 모두 나타납니다. 우리는 무료버젼만 선택 할 것입니다. 무료 버젼 중 아래와 같이 Child Care Expert를 선택 할 것입니다. 여러분도 특별히 마음에 드는 데모가 없으면 우선 Child Care Expert를 선택하시기 바랍니다. 나중에 페이지별로도 데모 데이터를 가지고 올 수 있어서 우선은 빨리 진행하는 것에 포커스를 맞추고 있습니다. 일단 진행을 하면서 계속 안내를 해드리겠습니다. 아래와 같이 해당 데모를 클릭합니다.

4) 아래 화면은 로고를 입력 받는 화면 입니다. 아직 로고가 없으면 무료로고 제작을 참조하세요. 로고가 준비되면 아래와 같이 Upload File Here를 클릭 한 후 업로드 합니다. 지금 준비가 되면 나중에 업로드 해도 됩니다.

5) 아래 화면과 같이 로고를 업로드 합니다. Continue를 클릭합니다.

6) 아래 화면은 그대로 두고, Continue를 클릭합니다.

7) 아래 화면과 같이 몇가지 내용을 입력해준뒤 Submit & Build My Website을 클릭합니다.

8) 아래 화면과 같이 웹사이트를 만들고 있음을 알 수 있습니다. 조금 기다립니다.

9) 아래 화면과 같이 웹사이트가 정상적으로 설치 됬다는 메세지를 확인 하고 View Your Website를 클릭해서 웹사이틑 확인 합니다.

여기까지 진행 하면 아스트라테마의 데모 데이터 가져오기가 완료된 것입니다.

2.2 아스트라 테마 디자인 설정하기

관리자의 왼쪽 메뉴에서 “아스트라”를 클릭합니다. 그러면 아래화면과 같이 꼭 필요한 기본설정만 모아놓은 Quick Settings가 있고 또 전체 디자인 설정으로 이동하는 링크인 Go to Customizer라는 것도 있습니다. 여기서는 Quick Settings에 있는 9개의 설정 중 꼭 필요한 5가지를 먼저 설정해 보겠습니다.

2.2.1 사이트 아이덴티티.

• 사이트아이콘은 (1)번과 같이 브라우져의 탭에서 보여지는 아이콘을 업로드하는 곳 입니다. 우리가 보통  Favicon이라고 부르는 아이콘을 말합니다.
• Site Title & Logo Setting은 (2)번의 로고를 업로드 하는 곳입니다.

2.2.2 색상.

웹사이트 전체에 걸친 색상 설정을 변경해 줍니다. 아래 화면과 같이 글자가 사용되는 곳에 따라 색상을 일괄적으로 변경 해 줄 수 있습니다. 그러나, 여러분이 디자인적으로 충분히 경험이 있지 않은 한 아스트라 테마의 전문가들이 정해 좋은 색상설정을 드래도 따르는 것이 좀 더 보기가 좋을 것입니다.

2.2.3 글자.

웹사이트 전체에 걸친 폰트 설정을 변경해 줍니다.

• Body Font : 웹사이트의 글자 중 본문에 해당 하는 부분의 폰트입니다. 폰트의 종류, 크기, 색상, 글자 사이의 간격, 글자 높이의 간격등 아주 상세히 컨트롤이 가능합니다.
• Header Font : 웹사이트의 글자 중 해더(제목)에 해당하는 부분입니다. 폰트의 종류, 크기, 색상, 글자 사이의 간격, 글자 높이의 간격등 아주 상세히 컨트롤이 가능합니다. 특히 아스트라테마는 H1, H2, H3, H4, H5, H6별로 폰트속성을 다르게 주어서 향후 글을 읽을 때 가독성을 크게 향상 시켜줍니다.

아래는 본문폰트(Body Font)를 변경해주는 방법입니다. 한글 폰트 중 제가 개인적으로 선호 하는 “Noto Sans KR”을 선택했습니다. 폰트 사이즈는 너무 작은 것보다 16 정도가 적당 합니다. Headings Font 도 마찬가지로 “Noto Sans KR”을 선택해 줍니다. 여기서 설정은 변경하면 오른쪽에 있는 라이브뷰에서 바로 확인이 가능 합니다.

2.2.4 버튼.

웹사이트 전체에 걸친 버튼의 디자인을 변경해 줍니다. 아래 화면과 같이 버튼의 모양 버튼 글자 색상, 버튼 배경 색, 버튼에 마우스를 가져갔을 때 변하는 색상등 아주 미세하게 버튼의 디자인을 컨트롤 해 줄 수 있습니다. 여러분이 여러가지로 테스트해보고 마음에 드는 디자인을 찾으면 됩니다. 다시한번 말씀드리지만, 스타터 디자인 데모는 전문가들이 여러가지를 고려해서 이미 잘 만들어 놓은 디자인 세트입니다. 가능하면 그대로 사용 하시는 것이 좋습니다.

2.2.5 레이아웃.

웹사이트의 Width를 설정 해주는 곳입니다. 보여지는 화면 사이즈에 자동으로 맞출것인지 박스 형태로 할 것인지 혹은 Width를 어느 정도로 할것인지 정하는곳입니다. 보통 그대로 두시면 가장 적당하게 보여지도록 설정되 있습니다.

여기까지 아스트라 테마의 데모 데이터를 가져오고 디자인 설정 기능들을 이용해서 웹사이트 전체적인 Look & Feel을 설정하는 방법을 알아 봤습니다. 다음부터는 이제 실제로 우리에게 필요한 페이지와 메뉴를 만들고 세세한 블로그 페이지들을 보기 좋게 꾸미는 방법에 대해서 알아보겠습니다.

3. 페이지 & 메뉴 만들기

3.1 우리가 블로그를 운영하는데 꼭 필요한 페이지들.

워드프레스 웹사이트(블로그)를 운영하려면 일반적으로 꼭 필요한 페이지들이 있습니다.  아래 페이지 리스트를 한번 참조해 보세요.

1. Home : 웹사이트에 처음 접속 했을 때 보여지는 페이지 입니다.
2. About Us : 웹사이트의 소개 페이지입니다.
3. Blog : 여러분의 글을 볼 수 있는 페이지입니다.
4. Contact Us : 연락처 페이지 입니다.
5. Privacy Policy : 방문자들의 개인정보를 취급하는 것에 대한 내용을 공지 합니다.

최소한 위의 5개 페이지 정도는 있어야 우리가 일반적으로 말하는 웹사이트라고 볼 수 있습니다. 그리고, 구글의 애드센스 승인을 위해서도 최소 위의 페이지들은 갖추고 있어야 합니다.

3.2 페이지 내용 만들고 꾸미기 (아스트라 페이지 데모를 가지고 바로 만들기)

페이지를 새로 만들려면 관리자로 로그인 한 후 페이지 > 새로 추가를 클릭합니다. 아래 화면과에 대해서 설명한데로 내용을 작성하고 공개를 클릭하면 됩니다.

페이지 내용 작성법

(1) 제목 입력 : 페이지 제목을 입력 합니다.

(2) 내용입력 : 내용입력은 블록 에디터 라는 워드프레스 기본 페이지 빌더를 사용합니다. 블록 에디터는 말 그대로 컨텐츠를 블록 단위로 입력하는 방식입니다. 디자인을 좀 더 자유롭게 하기 위해서 제공하는 기능인데 처음 사용 할 때는 조금 불편합니다. 그러나 우리가 설치한 워드프레스 테마인 아스트라에서 스펙트라라는 페이지 빌더 플러그인을 추가로 제공 합니다. 화면의 (4)와 (5)번을 보면 (4)Spectra와 (5)Astra설정 부분이 보입니다.   이 스펙트라라는 페이지 빌더가 우리가 페이지를 꾸미는데 많은 도움을 줍니다.

(3) 데모 페이지 디자인 가져오기 : 이 기능을 통해서 우리는 다음과 같은 3가지 작업을 할 수 있습니다. 아래 3개의 화면을 차례로 보시면 됩니다

• 페이지 데모 데이터 가져오기 : 원하는 페이지 레이아웃을 쉽게 가져외서 필요한 부분만 수정해서 사용 합니다. 아스트라 테마의 스타터 템플릿을 이용해서 데모사이트를 가져온것과 같이 각각의 페이지도 이미 만들어진 데모 페이지 데자인을 가져와서 쉽게 만들 수 있습니다. 자신이 원하는 페이지가  About us”이면 아래 리스트 중 About us만 검색이 가능 합니다. 일단 잘 만들어진 페이지를 가져다 놓고 피요한 부분만 변경해서 세련돠고 멋진 디자인읠 페이지를 뚝딱 만들 수 있습니다. 이 부분은 이글의 마지막에 있는 동영상에서 보다 자세히 다로도록 하겠습니다.

• 디자인 블록 가져오기 : 페이지 전체가 아니라 페이지의  일부를 블록단위로 가져올 수 있도록 많은 디자인 블록들이 준비되 있습니다. 마찬가지로 필요한 디자인을 필요한 부분으로 불러서 악간만 수정하면 사용이 가능 합니다.아래화면을 보시면 우리가 일반적으로 웹사이트를 만들 때 많이 사용하는 디자인 블록들을 거의 대부분 만들어 좋았습니다.

• WireFrames(스펙트라용 디자인 블록) : 스펙트라 전용 디자인 블록들을 미리 만들어 놓고 사용 할 수 있도록 준비 되 있습니다.

3.4 메뉴 만들기 및 설정 방법

이제 여러분의 페이지로 이동 할 수 있도록 해주는 메뉴를 만들도록 하겠습니다. 메뉴는 헤더부분에 나타날것입니다. 사용자가 보는 여러분의 웹사이트를 확인 하기 위해서  브라우져의 새창을 하나열고 여러분의 도메인 주소를 입력 합니다. 데모 데이터를 가져오다 보니, 원치않는 메뉴들도 보이기 때문에 메뉴를 수정 할 필요가 있습니다. 아래 화면에 적은 대로 2개의 메뉴는 지우고 2개는 추가한 후 위치를 변경 하로고 하겠습니다.

다시 관리자 페이지로 로그인 합니다. (브라우져 창을 2개 오픈 하시고 하나는 관리자, 하나는 방문자들이 보는 페이지를 오픈해 두시면 작업하기 편리합니다) 아래 화겸과 같이 “외모>메뉴”를 클릭합니다.

편집할 메뉴 선택에서 메뉴이름 뒤에 (주메뉴)라고 되 있는 것을 선택 합니다. 그런 후 아래와 같이 우리에게 필요 없는 메뉴들을 하나씩 선택해서 오른쪽 끝의 화살표를 클릭해서 제거를 클릭해줍니다. 작업이 끝난 후에는 오른쪽 아래의 메누 저장을 클릭해야만 정상적으로 저장이 됩니다.

왼쪽에 있는 페이지 박스의 (1)모두 보기 탭을 클릭합니다.우리가 추가 하려는 (2)2개의 페이지를 선택 합니다. “메뉴에 추가”를 클릭합니다.

새로 추가되는 메뉴는 가장 아래에 자동으로 들어갑니다. 이 중 About us 페이지를 Home 바로 아래로 이동 시킵니다. 마우스를 클릭한채 끌어서 옮기면 됩니다. 작업이 모두 완료되면 “메뉴 저장”을 클릭합니다.

워드프레스 메뉴 만들기를 보다 확실히 이해하기 위해서 아래 동영상을 참조하세요.

4. 헤더 & 푸터 꾸미기

4.1 웹사이트 디자인 구조 이해하기

일반적으로 웹사이트는 아래 화면과 같은 구조를 가지고 있습니다. 아래 화면 중 가운데 부분은 웹사이트내의 페이지가 변경 될 때 마다 내용과 디자인이 변경됩니다. 그러나, 아래 화면의 가장 윗부분(HEADER) 와 가장 아랫부분(FOOTER)의 경우는 페이지가 바뀌어도 내용이 바뀌지 않고 그대로 있습니다. 따라서 방문자들에게 항상 보여주면 좋은 정보를 HEADER와 FOOTER에 보여주면 좋습니다. 그렇기 때문에 HEADER와 FOOTER를 어떻게 디자인 하는가가 중요합니다.

보통 HEADER에는 로고, 네비게이션(웹사이트 메뉴), 검색창등이 보여지면 좋습니다.

FOOTER의 경우는 COPYRIGHT 문구, 뉴스레터 가입 폼등이 보여지게 됩니다.

4.2 헤더 및 푸터 꾸미기

아래 동영상을 참조하세요

5. 워드프레스 블로그 꾸미기 전체 과정 동영상 (Feat. 아스트라 테마 데모 스타터)

아래 동영상은 이번 과정의 내용을 전체적으로 담았습니다. 참조하시기 바랍니다.

6.과정 정리

이번 과정에서는 실제로 워드프레스 블로그를 만드는 방법에 대해서 상세히 알아봤습니다.

워드프레스 블로그나 웹사이트를 만들 때 처음부터 하나씩 모든 내용을 만들어가는 것은 시간이 많이 걸리는 작업입니다.

보통은 이미 잘 만들어진 디자인 데모를 가져와서 쉽고 빠르게 제작합니다.

이번 글에서는 그러한 과정을 전체적으로 알아봤습니다.

이제 워드프레스 블로그가 완성 됐습니다.

이제 부터는 SEO를 반영한 글쓰기를 통해서 구글 애드센스 승인을 받고 블로그를 통해서 돈을 벌 수 있는 모든 준비를 하는 작업들을 진행 할 것입니다.

위 내용에는 링크를 클릭한 후 판매가 발생 했을때 My Contents Factory에 제휴마케팅 수수료를 지불하는 링크가 포함되 있습니다. 자세한 내용은 여기를 클릭하세요.

워드프레스 블로그 만들기 2

Sep 1, 2023 | 워드프레스 블로그 제작 (왕초보도 프로같이^^) | 0 comments

1.과정안내

이번 워드프레스 블로그 만들기 2 에서는 아래와 같은 내용들을 다룰 예정입니다.

1) 워드프레스 관리자 페이지에 대해서 알아보고 사용 방법을 익힙니다.

워드프레스 블로그를 운영하기 위해서는 관리자 페이지와 빨리 익숙해 지는 것이 좋습니다. 제 경험을 바탕으로 꼭 필요하다고 생각하는 기능들을 위주로 설명을 드리겠습니다

2) 디자인테마 설치 & 사용 방법

워드프레스는 반드시 하나의 디자인테마를 적용해서 운영이 됩니다. 디자인테마는 웹사이트 내용이 방문자들에게  보기좋게 보여지도록 도움을 주는 디자인 적인 요소와 기능들을 하나로 묶어서 만들어 놓은 패키지 입니다.

블로그, 쇼핑몰, 입점용 쇼핑몰, 커뮤니티 웹사이트, 등 다양한 웹사이트를 디자인테마를 변경해서 적용 할 수 있습니다.

만약 여러분이 쇼핑몰 테마를 적용하면 여러분의 블로그가 쇼핑몰로 변신 하는 것입니다. 물론 기술적으로 후속작업이 필요하지만 충분히 가능한 일입니다.

디자인 테마는 무료와 유료로 구분되고 무료의 경우는 워드프레스 관리자 페이지에서 직접 설치 해서 사용합니다. 유료의 경우는 해당 디자인테마 개발 회사의 웹사이트 혹은 디자인테마 마켓플레이스(앱스토어와 유사)에서 구입해서 수동으로 설치해서 사용하게 됩니다. 이런 내용들을 “디자인테마 설치 & 사용 방법“에서 다 룰 것입니다.

3) 플러그인 설치 & 사용 방법

워드프레스에서는 특별한 기능을 수행하기 위한 APP들이 굉장히 많이 있습니다. 이를 플러그인이라고 부릅니다. 디자인테마와 마찬가지로 이들은 무료와 유료로 구분이 됩니다. 무료는 워드프레스 관리자에서 다운받아 설치가 가능하고 유료는 디자인테마와 마찬가지로  개발회사 웹사이트나 마켓플레이스에서 다운 받아 사용이 가능 합니다.

위와 같이 디자인테마와 플러그인으로 인해서 워드프레스가 이렇게 전세계적으로 많은 사람들에게 사랑을 받게 됬다고 생각 할 수 있습니다. 디자인테마 와 플러그인은 워드프레스를 거의 모든 것을 할 수 있는 웹사이트 제작 도구로 바꾸어 놓았습니다. 이전에는 개발자들과 웹사이트 디자이너에게 많은 비용을 지불하고 수주 혹은 수개월을 기다려서 받을 수 있는 수준의 결과물을 단돈 몇십불에 구입해서 바로 설치 및 사용 가능 하도록 웹 개발의 생태계가 바뀐 것입니다.

여러분들도 과정을 진행 하면서 디자인테마와 플러그인을 설치하고 설정해서 사용을 하게 될 것입니다. 디자인테마와 플러그인을 잘 다룰줄 알게 되면 여러분의 워드프르세 사용 능력치를 초보에서 상급으로 레벨업 시켜 줄 것입니다.

2.워드프레스 관리자 페이지 사용방법 핵심정리

2.1 관리자 페이지에 접속하는 방법

워드프레스 관리자에 접속하는 방법은 간단합니다. 여러분의 도메인 이름뒤에 “/wp-admin”이라고 브라우져의 주소창에 입력 후 엔터키를 치면 됩니다. 반드시 소문자로 입력을 해야 합니다.

[your-domain-name.com]/wp-admin 과 같이 브라우져 주소창에 입력합니다. 여기서 [your-domain-name.com]는 여러분의 도메인 이름입니다.  그러면 아래 화면이 나타납니다. 거기서 아이디와 패스워드를 입력 후 로그인을 하면 됩니다.

2.2 관리자 페이지 사용방법

2.2.1 관리자 페이지  둘러보기

아래는 워드프레스 관리자의 첫 화면 입니다. 아래 보이는 화면은 한글이 제공되는데 만약 해외 웹호스팅 회사를 사용하시는 경우는 기본적으로 영어로 제공이 됩니다. 이때는 설정에서 언어를 한글로 변경 해주면 됩니다. 아래 화면처럼 7가지 주요 메뉴에 대해서 하나씩 알아보도록 하겠습니다.

2.2.2 글

“글”메뉴는 여러분이 가장 많이 사용 할 메뉴입니다. 블로그 포스팅을 할 때 실제로 글을 작성하는것에 관련된 내용들을 모아 놓은 곳입니다.

1. 모든글: 현재까지 작성한 글을 모두 리스트해주는 곳입니다. 여러가지 검색조건으로 글을 찾아 볼 수 있습니다. 글을 수정하거나 삭제하거나 할때 사용 합니다.
2. 새로 추가: 제목에서 알 수 있듯이 새 글을 작성 하는 곳입니다.
3. 카테고리: 글을 어떤 주제로 함께 몪어두는 카테고리를 만들고 관리하는 곳입니다.
4. 태그: 카테고리와는 다르게 글을 묶는 방법입니다. 같은 태그를 다른 카테고리에 있는 글에도 적용 할 수 있어서 카테고리와는 다른 방식으로 글을 묶을 수 있습니다.

2.2.3 페이지

“페이지”메뉴는 처음 블로그를 셋업할때 많이 사용되고 실제 블로그를 운영할때는 별로 사용되지 않습니다. 한번 작성을 해두면 그대로 두는 경우가 많습니다.

1. 모든페이지: 현재까지 작성한 모든 페이지를 리스트해주는 곳입니다. 여러가지 검색조건으로 페이지를 찾아 볼 수 있습니다. 페이지 내용을 수정하거나 삭제하거나 할때 사용 합니다.
2. 새로 추가: 새 페이지를 추가하는 곳입니다.

* 페이지와 글의 차이점 : 페이지는 정적인 컨텐츠 입니다. 처음 블로그를 만들 때 한번 작성하면 거의 변하지 않습니다. 그러마, 글은 계속 새로운 컨텐츠가 추가되는 방식입니다.

2.2.4 댓글

아래 화면은 “댓글”메뉴에 대한 설명 입니다. 아래와 같이 사용자가 여러분이 작성한 글에 단 댓글을 확인하고 관리 하는 곳입니다. 보통 댓글은 바로 보여지지 않고 여러분이 “승인”을 해야만 보여지게 설정 합니다

2.2.5 외모

이름은 좀 이상하지만, 외모는 많은 기능을 가지고 있습니다. 웹호스팅 회사에 따라서 처음에 “외모”에 보이는 메뉴가 좀 다를 수 있습니다.

위의 메뉴는 사이트그라운드 웹호스팅을 사용하는 경우 입니다.

카페24의 경우는 처음에는 “테마”만 보여지도록 되있습니다. 저희가 추천해드리는 테마를 설치 해야만 필요한 메뉴가 보입니다. 이 부분은 아래 테마 설치 에서 다시 말씀드리겠습니다.

• 테마: 디자인테마를 설치하는 곳 입니다. 무료 테마는 여기서 직접 검색해서 설치하고 유료테마는 다운로드를 받아서 여기서 업로드를 통해서 설치 합니다.

• 사용자정의하기: 웹사이트의 여러 부분들을 설정하는 부분입니다. 예를들어 헤더, 푸터, 전체 글자 폰트, 처음에 뜨는 홈페이지 결정들을 여기에서 하게 됩니다. 이 부분은 다음글 워드프레스 블로그 꾸미기 #2 에서 자세하게 다룰 예정입니다.
• 위젯: 미리 만들어 놓는 컨텐츠 블록이라고 이해 하시면 좋습니다. 미리 만들어 놓고 필요한 곳에서 불러쓰는 방식입니다. 이부분도 워드프레스 블로그 꾸미기 #2 에서 자세히 다룰 예정 입니다.
• 메뉴: 보통 웹사이트의 상단에 오게되는 웹사이트의 내용을 바로가도록 해주는 네비게이션을 설정하는 부분입니다. 이부분도 워드프레스 블로그 꾸미기 #2 에서 자세히 다룰 예정 입니다.
• 배경과 추가CSS는 여러분들이 별로 사용할 일이 없어서 나중에 필요할때 언급하도록 하겠습니다.

2.2.6 플러그인

플러그인은 워드프레스 블로그에 새로운 기능을 추가 해주는 APP이라고 보시면 됩니다. 디자인테마와 마찬ㄴ가지로 무료와 유료가 있습니다.

• 설치한 플러그인: 이미 워드프레스에 설치된 플러그인을 보여주는 곳입니다. 플러그인을 사용을 원치않으면 “비활성화”를 할 수 있습니다. 더 이상 필요가 없다면 “삭제”도 가능 합니다.
• 새로 추가: 새로운 플러그인을 검색해서 설치 합니다. 무료 플러그인에 해당 합니다, 유료 플러그인은 보통 외부 웹사이트서 다운 받아서 여기서 파일을 업로드 해서 설치 합니다.

2.2.7 사용자

사용자는 여러분 웹사이트가 커뮤니티 기능을 사용 할 때 빞요한 곳입니다. 블로그 운영을 하느 경우에는 많이 사용하지 않는 부분입니다.

• 모든 사용자: 이미 등록된 사용자를 보여줍니다. 경우에 따라서 사용자을 비 활성화 혹은 삭제 할 수 있습니다..
• 새로 추가: 새로운 사용자 추가에 사용합니다.
• 프로필: 사용자의 개인 정보를 관리 합니다

2.2.8 설정

설정은 여러분의 블로그의 여러부분들을 변경 할 수 있는 중요한 기능들이 모여있습니다. 하나씩 확인 해보겠습니다.

• 일반: 몇가지 중요한 설정을 하는 부분 입니다. “사이트언어” 는 한국어로 변경해주세요. 카페24의 경우는 기본적으로 한글로 설정 되 있습니다. “태그라인” 여러분 웹사이트의 핵심 키워드를 입력해 주세요. “시간데”, “날짜표시형식”등을 설정 할 수 있습니다.

• 쓰기: 여기서는 여러분이 특별히 수정 할 부분은 없습니다.
• 읽기: 여기에서 중요한 부분은 “홈페이지 설정”입니다. 홈페이지(첫페이지)가 어떻게 보이느냐를 결정 합니다. 이 설정을 “최신글”로 정하면 가장 최근의 글 순서로 전체 글들이 쭉 리스트 됩니다. “정적인 페이지”로 하면 내가 이미 만들어 놓은 페이지중 하나를 선택 할 수 있습니다.

• 토론: 여러분의 글에 달리는 댓글에 대한 상세한 설정을 하는곳입니다. 보통 기본값을 그대로 사용하지만 여러분의 필요에 따라 설정을 변경 할 수 있습니다.

• 미디어: 여기서는 여러분이 특별히 수정 할 부분은 없습니다.
• 고유주소: 여기서는 여러분이 특별히 수정 할 부분은 없습니다.

3.디자인테마 설치방법

3.1 무료 디자인테마

(1) 무료 디자인테마는 워드프레스 관리자에서 검색해서 설치를 하게 됩니다. 아래 화면에서 보면 화면 맨 왼쪽 상단에 있는 노란색 박스에 있는 디자인테마가 현재 설치되 있는 테마 입니다. 테마 아래 “활성”이라고 되있는 것을 알 수 있습니다. 워드프레스는 한번에 하나의 테마를 활성화 해서 사용합니다.

아래 화면에서 무료 디자인테마를 추가 하려면 아래 빨간 박스 두개 중 아무거나 하나를 클릭합니다.

(2) 그러면 아래 화면이 나타 납니다. 화면 우축 상단의 검색에 원하는 키워드를 주고 찾아서 설치를 하면 됩니다.

아래 화면에서 4개의 노란색 박스로 표시된 테마들은 왼쪽 상단에 “설치됨” 이라는 메세지가 보입니다. 그리고 이중 맨위의 왼쪽 테마에만 “활성화”, “사용자 정의하기”가 보여짐을 알 수 있습니다.

이것은 아래 4개의 테마가 모두 설치되 있지만 현재 활성화된 디자인테마는 Twenty Twenty-Three라는 것을 말합니다. 이와 같이 워드프레스는 여러개의 테마를 설치해서 테스트해보고 그중 가장 잘 맞는것을 선택할 수 있습니다.

(3) 우리는  “아스트라” 테마를 가지고 앞으로 작업들을 진행 할 것입니다. 디자인테마 새로 추가 화면에서 검색을 한 후 설치>활성화를 하시기 바랍니다. 여러분들이 진행 할 과정은 가능하면 초기 투자비용을 최소화 하기 위해서 무료 디자인테마 중 가장 좋은 평가를 받는 아스트라 테마를 가지고 진행을 할 것입니다.

3.2 유료 디자인테마

유료 디자인테마는 차별화된 디자인과 사용자 편의성이 좋은 블로그 제작을 원하는 경우에 사용하는 디자인 테마 입니다. 쉽게 말해서 잘 모르는 사람들이 봐도 돈을 좀 들인 웹사이트 같아 보인다는 것 입니다. 유료 디자인 테마는 보통 $69~$137사이의 가격대 입니다. 만약 그 정도 비용이 부담이 않된다면 유료 디자인테마도 좋은 선택이 될 수 있습니다.

미리 말씀드리지만, 저희가 웹사이트에서 제공하는 과정은 모두 처음에는 아스트라 무료 디자인테마로 시작을 할 것입니다. 그래서 만약 유료 디자인테마를 사용 하실 계획이면 아래 3가지 유료 디자인테마중에서 아스트라 유료 디자인테마를 가지고 진행을 해야 진행상 혼돈이 없습니다.

디자인테마를 변경 하면 워드프레스의 관리자 화면 메뉴가 변경됩니다. 왜냐하면 디자인테마 마다 개발한 회사가 다 달라서 사용법이 다르기 때문입니다. 워드프레스로 웹사이트를 계속 만들어야 한다면 여러가지 테마를 경험해 보는 것도 좋은 기회가 되겠지만 여러분은 블로그를 통해서 수익을 올리기 위해서 워드프레스를 사용하는 것이기 때문에 딱 한가지 디자인테마에만 집중하는 것이 좋습니다.

아스트라 유료 디자인테마 (ASTRA)

만약 유료 디자인테마를 통해서 보다 빠르게 품질 좋은 블로그 제작을 하기 원하면 아스트라 유료 디자인테마를 가지고 시작 하시는 것이 가장 좋습니다. 무료 디자인테마도 쓸만 합니다. 그러나, 실제로 블로그 제작을 하다보면 여러가지 미리 만들어진 스타터 디자인 템플릿 중 마음에 드는 것들은 거의 대부분 유료 인 경우가 많습니다. 아예 처음부터 유료로 시작하는 것도 나쁜 선택은 아닙니다.

프리미엄 스타터 템플릿을 사용하기 위해서는 Essential Bundle 이상의 플랜을 구입해야 합니다. (아래화면 참조)

아래 배너를 클릭하고 아스트라 웹사이트로 이동해서 자세한 내용을 알아보세요.

설치 방법은 아래와 같습니다.

(1) 유료 디자인테마도 무료와 만찬가지로 워드프레스 관리자에서 설치를 하게 됩니다.  관리자로 로그인 한 후 외모 > 테마로 이동합니다. 그런 후 “새로 추가”를 클릭합니다.

(2) 테마 업로드를 클릭합니다.

(3) 이미 받아놓은 디자인테마 파일을 선택 합니다. <– 이 단계 전에 미리 유료 디자인테마를 구입 후 본인의 컴퓨터에 다운받아놓은 상태여야 합니다.

(4) 지금 설치를 클릭합니다.

(5) 설치가 완료되면 “활성화”를 클릭해주면 됩니다.

3.3 무료 디자인테마 vs. 유료 디자인테마

4.플러그인 설치

4.1 무료 플러그인

(1) 무료 플러그인은 워드프레스 관리자에서 검색해서 설치를 하게 됩니다.관리자로 로그인 한 후 플러그인>새로 추가를 클릭합니다. 그러면 아래와 같이 플러그인 검색 화면이 나타납니다. 우리는 여기서 블로그 운영을 위해서 꼭 필요한 “클래식 편집기” 플러그인을 설치 해보도록 하겠습니다.

(2) 아래화면과 같이 “클래식 편집기”의 “지금설치를  클릭합니다.

(3) 설치가 끝난 후에는 “활성화”를 클릭해주면 됩니다.

(4) 아래화면과 같이 “클래식 편집기”가 정상적으로 설치 됬음을 알 수 있습니다. 이제 “설정”을 클릭해서 플러그인 설정을 해주면 됩니다.

4.2 유료 플러그인

유료 플러그인은 보통 플러그인 개발 회사의 웹사이트 혹은 플러그인 마켓플레이스에서 구입하게 됩니다.

대표적인 플러그인 마켓플레이스로는 ThemeForest라는 곳으로 아래 링크를 클릭하시면 확인 할 수 있습니다.

유료 플러그인의 설치 과정은 유료 디자인테마의 설치과정과 똑 같습니다. 위 3.2의 유료 디자인테마 설치를 참조하시면 도움이 될 것 입니다.

4.3 필수 플러그인

아래는 우리가 워드프레스 블로그를 제작하기 위해서 필요한 필수 플러그인 몇가지를 리스트 했습니다

• 클래식 에디터 : 위 무료 플러그인 설치에서 우리가 예제로 했던 플러그인 입니다.
• Rank Math SEO : SEO 글쓰기에 도움을 주는 플러그인 입니다.
• Top Table of Contents : 우리가 쓴 글의 인덱스(목차)를 만들어 주는 플러그인 입니다
• 구글 사이트 킷 : 우리의 SEO Performance를 측정해서 리포트 해주는 플러그인 입니다.
• Jetpack : 스팸방지, 우리 웹사이트의 통계정보를 제공 해주는 플러그인 입니다.

5. 결론

• 워드프레스 관리자의 메뉴와 화면들은 여러분이 블로그를 운영하는데 중요한 도구 입니다. 이번 글을 통해서 조금은 익숙해 지셨길 바랍니다.
• 워드프레스 디자인 테마는 여러분의 블로그가 방문자들에게 보여지는 많은 부분을 책임지고 있습니다. 디자인테마를 잘 선택하고 활용하는 것은 여러분이 블로그를 시작하는데 가장 중요한 선택 중의 하나입니다.
• 워드프레스 플러그인을 통해서 필요한 기능들을 추가 할 수 있습니다. 블로그를 운영 할 때 반드시 필요한 플러그인들이 있습니다.

이번 과정에서 위 3가지 내용에 대해서 알아 봤습니다.

다음 과정에서는 실제로 여러분의 블로그에 필요한 페이지, 메뉴, 홈페이지와 같이 실제로 블로그를 멋지게 꾸미는 작업에 대해서 알아보겠습니다

위 내용에는 링크를 클릭한 후 판매가 발생 했을때 My Contents Factory에 제휴마케팅 수수료를 지불하는 링크가 포함되 있습니다. 자세한 내용은 여기를 클릭하세요.

워드프레스 블로그 만들기 1

Sep 1, 2023 | 워드프레스 블로그 제작 (왕초보도 프로같이^^) | 0 comments

과정소개

이번 워드프레스 블로그 만들기 1에서는 아래와 같은 내용을 다룹니다.

워드프레스 블로그를 만들기 위해서 반드시 필요한 3가지를 구입하고 셑업하는 과정. (아래 리스트 참조)

• 도메인 이름 : 인터넷에서 여러분의 블로그를 찾아가는 주소와 같은 것입니다. 보통 “XXXXXXX.COM”으로 표시됩니다. 일년에 한번 사용료를 지불하게 됩니다.
• 웹 호스팅 : 여러분의 블로그가 위치할 서버 공간이 필요합니다. 보통 서버의 일부를 빌려서 사용하게 됩니다. 한달 혹은 일년에 한번 사용 요금을 지불하게 됩니다.
• 디자인테마 : 미리 만들어진 워드프레스 디자인 세팅을 말합니다. 무료와 유료로 구분됩니다.

이번 과정을 진행 하신 후에는

• 워드프레스 블로그 만들기 2
• 워드프레스 블로그 만들기 3

를 계속해서 진행 하시기 바랍니다.

도메인 구입 방법

도메인(Domain)이름은 여러분의 웹사이트를 인터넷에서 보여지게 하기위해서 반드시 필요합니다.
도메인 이름을 선택 할때는 아래와 같은 고려사항을 참조하시면 좋습니다.

1. 이왕이면 이름이 짧을수록 좋음.
2. 가장 보편적인 .COM 도메인을 구입.
3. 자체적인 브랜드 이름이 있으면 브랜드를 도메인으로 만드는것이 좋음.  예) MYBRANDNAME.COM
4. 브랜드가 없는 경우는 일반적으로 사람들이 이해하기 쉬운 단어의 조합으로 결정함. 예) CareerBuilder.com
5. 하이픈 (‘-‘), 숫자등은 가급적 포함하지 말것.

어려분이 원하는 도메인은 이미 다른 사람이 가지고 있을 확율이 아주 높습니다. 그러니 혼자서 이름을 선택하는데 너무 시간을 들이지 말고 도메인 구입 사이트로 가서 검색을 통해서 사용가능 여부를 빨리 확인 하시는 것이 좋습니다.

도메인 구입은 아래 내용을 보시고 진행 하시면 도움이 됩니다. 여러분이 이미  도메인 이름을 가지고 계시다면 이 과정을 Skip하시기 바랍니다.

1) 도메인이름을 등록하기 위해서는 도메인 등록을 대행하는 회사의 서비스를 이용하게 됩니다. 대표적인 도메인 등록 회사로는 Godaddy.com이라는 회사가 있습니다. 저도 20년 가까이 사용하고 있는 회사 이지만, 가격이 $20대로 너무 많이 올라서 최근에는 다른 회사로 변경을 하는 중입니다. NameCheap 이라는 회사인데 .com  도메인을 $14정도면 등록 가능 합니다. 아래화면으로 이동하기 위해서, 여기를 클릭하세요.

2) 아래 화면과 같이 원하는 도메인 이름을 입력 합니다. 이때 “.com”까지를 포함해서 입력합니다. 그런 후 Search 버튼을 클릭합니다.

3) 아래 화면과 같이 만약 다른 사람이 이미 해당 도메인을 사용중이면 “X” 표시가 나타납니다.

4) 그러면 아래 화면과 같이 다른 이름을 다시 입력합니다. 도메인 이름을 입력하는 동안 사용이 가능 한지 여부가 실시간으로 보여지게 됩니다. 따라서 원하시는 이름을 여러가지 방식으로 입력해시면서 가능성 여부를 확인 하세요. 아래 화면은 해당 도메인이름을 사용 가능 하다는 의미 입니다.

5) 아래 화면과 같이 할인 코드가 있는 경우는 copy를 해두고 없으면 그냥 Add cart를 클릭하세요.

6) 아래 화면과 같이 Check out을 클릭하세요.

7)아래 화면과 같이 Confirm Order를 클릭합니다.

8) 새로 어카운트를 만들기 위해 필요한 내용을 입력 후 “Create Account and Continue”를 클릭하세요

9) 아래 화면과 같이 필요한 정보를 입력 후 Continue를 클릭하세요.

10) 아래 화면과 같이 Continue를 클릭하세요.

11) 결제정보를 입력 후 Continue를 입력 하세요. (주의) 크레딧카드는 해외 결제가 가능한 카드이어야 합니다.

12) 아래 화면과 같이 Pay Now를 클릭합니다.

13) 아래 화면과 같이 결제가 완료되었음을 확인 할 수 있습니다.

14) 어카운트를 만들때 사용한 이메일을 확인해보면 NameCheap에서 아래 3개의 이메일이 왔음을 확인 할 수 있습니다. 이중 마지막 이메일을 클릭하세요.

15) 이메일 내용 중 “Click here to verify your email address”를 클릭합니다.

16) 그러면 아래와 같이 도메인등록인 완료 되었음을 보여줍니다.

도메인 이름은 완전히 소유 한다는 개념이 없습니다. 여러분은 매년 한번씩 일정금액을 내고 사용기간을 연장해야 만 합니다. 만약 연장 기간을 놓치게 되면 도메인 소유권을 상실 할 수도 있습니다. 갱신이 안된 순간을 노렸다가 다른 사람이 먼저 구입을 해버릴 수도 있습니다. 따라서 도메인이름을 갱신 하는 시점이 되면 항상 잘 챙기셔서 여러분의 귀중한 자산을 잃지 않도록 주의 하셔야 합니다.

그러나, 크게 걱정 하실 필요는 없습니다. 갱신 기간 몇개월 전부터 여러차례 갱신 관련 안내 이메일이 올 것입니다. 그것만 잘 확인 하시면 됩니다.

웹호스팅 선택요령

웹호스팅 이란?

웹호스팅은 여러분의 웹사이트를 인터넷에서 오픈하기 위해서 반드시 필요합니다. 웹호스팅은 간단하게 말하면 여러분의 워드프레스가 위치할 컴퓨터(서버)를 임대하는 것입니다. 성능이 좋은 서버의 일정부분을 빌려서 매달 혹은 매년 일정금액을 지불하고 사용하는 것입니다.

웹호스팅 비교

웹호스팅 서비스를 제공하는 회사는 상당히 많습니다. 특히 해외에서는 이쪽 분야가 굉장히 경쟁이 치열합니다. 그 많은 회사들 중 하나를 선택하는 것은 비전문가 입장에서는 아주 어려운 일입니다. 그러나, 여러분은 하나를 선택해야 합니다. 제가 선택에 필요한 정보를 드리지만, 최종 선택은 여러분이 하시게 됩니다.

기존에 해외에서 많이 사용하던 Bluehost.com 과 Dreamhost.com은 제 개인적으로 좋지않은 경험으로 인해 리스트에서 제외 시켰습니다. 리스트에는 포함되지 않았지만, 제 고객중 상당수가 사용중인 WPEngine의 경우도 좋은 서비스를 제공합니다. 단, 가격이 좀 비싸서 여기서는 추천해드리지 않습니다.

너무 많은 리스트를 나열하는것도 여러분에게는 선택하는데 스트레스가 될 것입니다. 아래 3개 정도면 가격측면에서 가장 좋은 선택이 가능 할 것같습니다. 아래 표를 참조하시기 바랍니다.

내게 맞는 웹호스팅 선택

처음 워드프레스 블로그를 시작하고 당장은 트래픽이 많지 않을 것이라는 가정하에서 생각을 해보면 아래 나오는 내용을 기준으로 선택을 하면 좋을 것 같습니다.

• 여러분은 시작단계 이므로 가능하면 저렴한 회사나 플랜을 선택 합니다.
• 자신의 독자(방문자)들이 주로 어디(국내 혹은 국외)에서 방문을 할 지를 예상하고 이를 고려해서 결정 합니다.
• 자신의 서버나 웹호스팅 지식 수준에 맞는 서비스를 선택 합니다. (설정이 너무 어려우면 … ^^;;)

전체적으로 가성비는 AWS Lightsail > SiteGround >> 카페24 정도로 보면 될 것 같습니다.

그러나, 사용자가 느끼는 사용상의 편리함이 성능이 조금 좋은 것 보다 중요 할 수 도 있기 때문에 위 순서대로 선택하라고 말씀드리기는 어려울 것 같습니다.

아래 3가지로 구분해서 선택하는 것이 가장 바람직 하지 않을까 생각 됩니다.

1. 서버관련 설정에 대한 경험이나 지식이 전혀 없고 여러분이 한국에 거주중이고 독자들이 주로 한국에 있는 경우 –> 카페24
2. 서버관련 설정에 대한 경험이나 지식이 전혀 없고 여러분이 해외(미주,유럽,중국,싱가폴,홍콩,이스라엘,태국)에 거주하고 있는 경우 –> SiteGround  
3. 만약 서버관련 설정에 대한 경험이나 지식이 조금 있으시면 한국 외국 어디에 있던 상관 없음  –> AWS Lightsail

웹 호스팅은 한번 결정하면 변경 할 수 없는 것이 아닙니다. 나중에 얼마든지 다른 회사로 이전이 가능 합니다. 우선 위 3가지 경우중 하나에 대입해서 결정 하고 향후에 이전을 고려해도 늦지않습니다.

 웹 호스팅 회사별 구입방법/워드프레스설치/도메인연결/SSL설치 방법

아래 3가지 경우를 전부 다 하실 필요가 없습니다. 반드시 한가지만 선택 해서 진행 하시기 바랍니다.

(1) CAFE24 웹호스팅 구입방법/워드프레스설치/도메인연결/SSL설치 방법

어떤경우에 사용하면 좋은지: 서버관련 설정에 대한 경험이나 지식이 전혀 없고 여러분이 한국에 거주중이고 독자들이 주로 한국에 있는 사람들을 대상으로 하는 경우에 선택하면 좋습니다.

구입방법

(1) 아래 배너를 클릭한 후 카페24시 웹사이트로 이동 합니다.

(2)  “워드프레스>매니지드 워드프레스”를 클릭합니다.

(3) 아래화면에서 “신청하기”를 클릭합니다.

(4) 아래화면에서 비즈니스 플랜을 선택합니다. 워드프레스에서 권장하는 최소 웹용량이 1GB입니다. 스타트업, 빌드업 플랜은 웹용량이 워드프레스 최소 기준에도 못 미칩니다. 따라서 비지니스 프랜을 선택하셔야 합니다. “신청하기”를 클릭합니다.

(5) 아래화면에서 이미 회원인 경우 아이디와 패스워들를 입력 후 진행을 하시고 처음 방문인 경우 회원 가입을 클릭합니다.

(6) 아래화면은 회원 가입을 하는 화면 입니다. 아래 보시는 바와 같이 여러분의 상황에 맞도록 진행을 하시면 됩니다.
(여기서 잡담 한마디) 외국의 웹 호스팅 회사들은 대부분 가입하는데 5분이 채 걸리지 않습니다. 이메일, 전화번호, 카드정보, 메일링주소등 꼭 필요한 정보만 입력받고 가입이 완료 됩니다. 이번에 처음으로 카페24에 가입하면서 아주 새로운 경험(?)을 했습니다. 회원가입하고 결제까지 하는데 문자 메세지를 10번 정도 받아서 인증번호를 입력 했던 것 같습니다. 도대체  왜 이렇게 나를 믿지 않는지 ^^;;  더구나 무슨 절차가 그리 복잡한지 ‘아이핀’은 또 뭔지…, 크레딧카드 온라인 결제 처리 회사들이 자기들 일을 똑바로 못해서 번거로움과 책임을 모두 사용자에게 떠 넘기는 느낌이었습니다. 이 부분은 한국의 온라인 시스템들이 세계 시장으로 나가는데 아주 큰 장벽이 될 것으로 보입니다. 특히 해외에 있는 한국분들은 카페24와 같은 서비스를 등록하기가 거의 불가능 할것으로 보이네요. 이상은 잡담 입니다. 그냥 그렇다는 말입니다 ^^;;

(7) 우여곡절이 있었지만 해냈습니다. ^^ 아래 화면은 카페24계정을 만들고 매니지드 워드프레스 가입까지 결제 완료 한 후 로그인 한 화면 입니다. 제 자신이 자랑스럽네요 ^^

워드프레스설치

카페24시의 매니지드 워드프레스 플랜의 경우는 구입과 동시에 자동으로 워드프레스가 설치됩니다.

아래 화면과 같이 이미 워드프레스 블로그가 설치 되 있음을 알 수 있습니다. 도메인 연결 작업으로 넘어 갑니다.

도메인연결

(1) 카페24시의 “나의서비스관리”화면으로 이동합니다. 아래 화면과 같이 “도메인 연결관리”를 클릭합니다.

(2) 아래 화면에서 (1)에 여러분의 도메인을 입력합니다. 그런후 (2)번의 카페24 네입서버주소를 메모장 같은 곳에 Copy해 둡니다.

(3) 위 카페24 나의서비스관리 창을 열어둔채 윈도우를 하나더 오픈 합니다. 그리고 NameCheap.com으로 이동 한 후 로그인 합니다. 그러면 아래화면이 나타납니다. 왼쪽 메뉴중 Domain List를 클릭합니다.

(4) 도메인의 오른쪽 끝에 있는 “MANAGE”를 클릭합니다.

(5) Name Server란에서 “Custom DNS”를 선택 합니다.

(6) 아까 메모장에 Copy해 두었던 카페24의 네임서버의 주소를 입력 합니다. 숫자부분 말고 ns1.cafe24.com과 같은 도메인 주소만 입력을 합니다. 그런 후 (2)의 체크를 클릭합니다.

(7) 그러면 아래와 같이 48시간 이내에 네임서버가 변경 될것이라는 메세지가 나타납니다. 보통 48시간까지 걸리지 안고 24시간안에 변경이 됩니다. 이제 기다렸다가 DNS가 변경 됬는지 확인하시면 됩니다.

(8) DNS변경확인은 https://www.whatsmydns.net 에 가셔서 아래와 같이 여러분의 도메인 주소를 입력하고 옵션을 “NS”로 준다음 엔터를 치시면 됩니다. 아래 화면은 DNS가 모두 카페24로 정상적으로 포인팅 됬음을 나타냅니다.

SSL 설치

SSL이란 ? 웹사이트 주소앞에 자물쇠 표시가 나타나는것을 말합니다. SSL이 설치되면 웹사이트가 안전하다는 의미로 받아 들여집니다. 한국의 경우는 개인정보를 취급하는 웹사이트는 의무적으로 설치해야 합니다.

최근에는 대부분의 브라우져에서 SSL없는 웹사이트에 사용자가 정보를 입력하려고 하면 안전하지 않다는 메세지가 나타납니다.

그리고, 구글의 검색엔진의 검색결과를 정해주는 알고리즘에도 SSL이 설치 되있지 않으면 검색 순위가 밀리는 불이익을 주도록 하는 규칙이 반영되있습니다.

SSL (Secure Sockets Layer)은 인터넷 상에서 사용되는 표준 보안 기술중의 하나로 사용자와 서버(웹사이트) 사이에 전송되는 데이터를 암호화해서 외부의 데이터 절도 시도를 막아서 중요한 데이터를 안전하게 지키는 기술입니다.

보통 쇼핑몰의 경우 결제를 하기 바로 직전에 HTTP://MYDOMAIN.COM 으로 되있던 웹사이트 주소가 결제 버튼을 클릭하면 HTTPS://MYDOMAIN.COM로 변경 되는것을 볼 수 있는데 SSL이 설치되 있기 때문 입니다.

따라서 여러분의 웹사이트도 반드시 이 SSL을 설치해야 합니다. 아래 내용을 그대로 따라 하시면 간단하게 SSL설치가 가능 합니다.

(1) 카페24시의 “나의서비스관리”화면으로 이동합니다. 그런 후  “도메인 연결관리”를 클릭합니다.  그러면 아래 화면과 같이 도메인을 선택한 후 인증서 발급 버튼을 클릭합니다.

(2) 아래화면은 인증서가 정상적으로 설치 됬음을 보여줍니다.

(2) SITEGROUND 웹호스팅 구입방법/워드프레스설치/도메인연결/SSL설치 방법

어떤경우에 사용하면 좋은지: 서버관련 설정에 대한 경험이나 지식이 전혀 없고 북미, 남미, 유럽, 영국, 중국, 홍콩, 싱가폴, 태국, 이스라엘에 거주하시는 경우에 가입하시면 사용하면 좋은 웹 호스팅 회사 입니다.

SiteGround 구입방법/워드프레스설치/도메인연결/SSL설치 방법 관련되서 제 다른 웹사이트에 자세히 설명이 되 있으니 아래의 링크들을 참조하세요.

• 사이트그라운드 구입 및 설정방법

• 사이트그라운드 도메인 연결

• 사이트그라운드 이메일 설정방법

• 사이트그라운드 SSL 설치 방법

(3) AMAZON LIGHTSAIL 웹호스팅 구입방법/워드프레스설치/도메인연결/SSL설치 방법

어떤경우에 사용하면 좋은지: 서버관련 설정에 대한 경험이나 지식이 조금이라도 있는 경우 선택하시면 좋습니다. 3개월 Free 혜택을 제공 합니다. 가성비가 가장 좋은 선택 입니다.

Amazon Lightsail의 웹호스팅 구입방법/워드프레스설치/도메인연결/SSL설치 방법은 내용이 좀 많아서 별도의 포스팅으로 준비 했습니다. 아래 링크를 참조하세요.

Amazon Lightsail 구입방법/워드프레스설치/도메인연결/SSL설치

결론

여러분은 이번 과정에서 워드프레스의 기초를 세우는 작업을 완료했습니다. 도메인 구입 및 웹 호스팅 서버 선택 및 설정등 쉽지않은 과정을 잘 마무리 하셨습니다. 위에서 확인한 바와 같이 워드프레스 블로그를 제작하기 위해서는 최소한의 비용이 들어갑니다. 도메인 구입 :$12~$13 (1년), 웹호스팅 $5 (월) 정도의 비용은 반드시 필요합니다.

다음 과정에서는 이제 실제로 여러분의 블로그에 생기를 불어 넣는 작업들을 진행 할 예정 입니다. 페이지를 만들고 메뉴를 만들고 해더와 푸터를 꾸미고 페이지들의 내용을 꾸미는 일들을 진행 할 것입니다. 다음 과정으로 진행 하시려면 여기를 클릭해주세요

위 내용에는 링크를 클릭한 후 판매가 발생 했을때 My Contents Factory에 제휴마케팅 수수료를 지불하는 링크가 포함되 있습니다. 자세한 내용은 여기를 클릭하세요.

무료로고 제작 및 업로드

Aug 24, 2023 | 워드프레스 블로그 제작 (왕초보도 프로같이^^) | 0 comments

과정안내

이글에서는 무료로고 제작 서비스를 이용해서 여러분의 워드프레스 블로그에 업로드 될 로고를 제작하고 그것을 여러분의 블로그에 업로드하는 것까지를 알아보도록 하겠습니다.

무료로고 제작

1) 무료로고제작을 위해서  Adove Express로 이동합니다. 아래 화면과 같이 Create your logo now를 클릭합니다.

2) 아래 화면과 같이 비지니스 종류, 비지니스 이름, 슬로건을 입력후 Next를 클릭합니다.

3) 원하는 스타일을 고른후 Next를 클릭합니다. (아래 예에서는 Modern한 스타일을 선정 했습니다)

4) 원하는 아이콘을 선택하고 Next를 클릭합니다.

5) 가장 자신의 마음에드는 로고를 하나 선택합니다. 해당 로고를 클릭합니다.

6) 해당 로고를 다운로드 합니다. 만약 디자인을 수정하기를 원하면 Customize를 클릭한 후 수정이 가능 합니다.

워드프레스 블로그에 로고 업로드

7) 조금전 만든 로고를 웹사이트에 업로드하기 위해서 워드프레스 관리자 페이지로 로그인 합니다. 그러면 아래 화면이 나타납니다. 그런 후 왼쪽 메뉴중 “Divi>테마옵션”을 클릭합니다..

8) 업로드를 클릭한 후 로고를 업로드 한후 “변경사항저장”을 클릭합니다.

9) 여러분의 웹사이트를 확인해보면 아래와 같이 로고가 보여지는것을 확인 할 수 있습니다.

위 내용에는 링크를 클릭한 후 판매가 발생 했을때 My Contetns Factory에 제휴마케팅 수수료를 지불하는 링크가 포함되 있습니다. 이 링크를 통해서 구입을 하셔도 여러분의 구매금액은 일반 판매금액과 동일 하고 여러분에게 발생하는 금전적인 손해는 없습니다. 자세한 내용은 여기를 클릭하세요.