[ICT] 홍마리오의 워드프레스

홍마리오의 워드프레스 독서노트 다.

저는 워드프레스닷컴을 사용해서 블로그를 쓰고 있다. 워드프레스를 잘 쓰고 싶은 마음에 관심이 많았다. 그래서 홍마리오의 워드프레스 책을 읽게 되었다.

블로그는 소셜 네트워크 서비스의 일종으로 개인 홈페이지 서비스다.

블로그 [blog]는 web + log 의 합성어다.

서비스형 블로그는 다음과 같다.

서비스형 블로그

• 국내 : 네이버 블로그, 카카오 [다음 블로그, 티스토리, 브런치] 이글루스 블로그 등
• 해외 : Bogger, 워드프레스닷컴 [WordPress.com], Ameba [일본] 등

22년 3월 기준으로, 국내에는 약 1,789만 개의 블로그가 있다.

블로그 글쓰기에 관심 있으신 분은 참조하십시오.

워드프레스 블로그 쓰시는데, 도움이 되는 책 입니다. 읽어 보시기 바랍니다.

출처 : 홍마리오의 워드프레스 , 입문 + 실전 (종합편) , 황홍식 지음

PART 01 워드프레스 웹사이트 기획 및 제작 준비하기 [14p]

Chapter 01 워드프레스 살펴보기 [15p]

워드프레스는 2003년 매트뮬렌웨그 [Matt Mullenweg]가 만들었다.

워드프레스는 세계 최대의 CMS [Content Manage System] 프로그램 이다. 국내에서는 2002년 서울시 홈페이지가 워드프레스로 제작 되면서 부터 대중적으로 알려지기 시작했다.

워드프레스가 전 세계적으로 대중화된 이유

워드프레스는 전세계 홈페이지의 약 38.4% [2020년 9월] 를 차지하고 있다.

• 텍스트와 이미지가 분리되어 있어, 분리된 텍스트가 구글 등의 검색 엔진에 노출이 잘 되기 때문.
• 모바일 반응형 웹사이트로 모든 모바일 기기, 태블릿은 기본이고, 다양한 브라우저에서 호환성이 뛰어나기 때문
• 기본 기능만 알면 누구나 쉽게 홈페이지를 구축할 수 있기 때문이다.

워드프레스의 종류

• 가입형 서비스 [Wordpress.com] : 단순히 블로그를 운영할 사람에게는 아주 쉽고 운영하기 수월함
• 설치형 서비스 [Wordpress.org] : 자신이 원하는 테마와 플러그인을 마음대로 사용할 수 있음.

워드프레스의 장점 7가지

1. 모바일 반응형 홈페이지 [어떤 장치에서도 정상적으로 보이는 홈페이지] : 모바일 환경에서 알림판 접속 및 이미지 등록, 글쓰기 등 주요 기능이 가능하다
2. 누구나 쉽게 홈페이지를 제작할 수 있다
   • 빌더 [builder] : 워드프레스에서 홈페이지의 메인, 서브페이지의 레이아웃을 쉽게 구성하고 이미지와 텍스트를 다양하게 편집하기 위한 일정의 프로그램이다. 빌더에는 Avada 테마 빌더, Enfold 테마 빌더, Elementor 빌더, WPBakery 빌더 등이 있다.
3. 직접 홈페이지 유지 보수가 가능하다
4. 전 세계 홈페이지 제작 플랫폼 1위 다.
5. 구글 검색에 최적화가 잘 된다.
   • 구글 검색 노출을 잘하려면, 첫째 글 작성을 많이 한다. 둘째 관련 사이트는 링크를 한다. 셋째 SEO 플러그인을 활용한다.
6. SNS 연동에 최적화되어 있다.
7. 홈페이지 최신 트렌드를 빠르게 반영하고 있다.

Chapter 02 워드프레스 웹사이트 기획하기 [35p]

홈페이지 구축 순서

1. 사이트 기획 : 처음으로 집을 설계하는 과정
2. 도메인 : 집의 주소 신고하기
3. 웹호스팅 : 집을 지을 땅을 확보하기
4. 테마 선정 : 집을 어떤 스타일로 만들지 결정하기
5. 워드프레스 제작 : 기둥을 세우고 기초 공사하는 과정

무료 이미지 제공 사이트

무료 이미지도 상업적으로 사용하면, 저작권 침해로 인정된다.

Chapter 03 워드프레스 웹사이트 제작 준비하기 [59p]

도메인은 집 주소와 같은 것이고, 호스팅은 땅과 같은 것이다.

1. 도메인 [집주소] 준비하기.
2. 웹호스팅 [땅] 등록하기
3. 도메인 연결하기
4. 대시보드 접속하기
   • ID 및 PSWD로 접속
5. 카페24에서 반드시 알아야 할 기능
   • 사용현황 모니터링 : 카페24 > 호스팅센터 > 나의 서비스관리 > 호스팅관리 > 사용량 모니터 링 [왼쪽 메뉴에서 선택]
6. 워드프레스 수동 설치하기

Chapter 04 워드프레스 기본 설정하기 [87p]

대시보드 접속하기 … 비밀번호 분실 시 찾는 방법

• 카페24에 접속 > 로그인 > DB 비밀번호 변경
• 홍마리오 유튜브 영상 참조

대시보드 핵심 기능 파악하기

1. 대시보드
2. 글
   • 모든글 : 저장된 모든 글을 확인, 검색, 편집, 삭제할 수 있다.
   • 새로 추가 [새글 쓰기]
   • 카테고리 : 글을 주제별로 나눌 때 사용한다. [맛집, 여행, 취미, 일상 등]
   • 태그 : 글 내용 중, 중요 키워드나 단어를 말한다. 태그 지정 시, 구글 검색에 유리합니다.
3. 미디어
   • 모든 이미지를 업로드 하고 편집하는 곳 이다.
4. 페이지
   • 모든 페이지, 새 페이지 추가
5. 댓글
6. 테마 디자인 : 홈페이지를 꾸미는 영역 이다.
   • 테마
   • 사용자 정의하기 : 테마의 정적인 전면 페이지 및 색상 등을 설정하는 곳 이다.
   • 위젯 : 사이트에 뿌려줄 메뉴를 최종적으로 설정하는 곳 이다.
7. 플러그인 : 테마에서 제공하는 기본 기능 외 다양한 기능을 제공할 수 있게 해 준다.
8. 사용자
9. 도구 : 워드프레스에서 만든 글과 페이지 이미지 등을 모아서 백업하거나 백업한 파일을 다시 불러오는 곳입니다.
10. 설정 : 기본적인 설정을 수정할 수 있다.

PART 02 4가지 웹사이트 제작하기 [110p]

PROJECT 01 블로그형 사이트 제작하기

01 블로그형 사이트 제작 실습 전 필수 확인 사항

02 대비보드 접속 및 기본 정보 설정하기

03 테마 설치하기

04 ~ 06 플러그인 추가하기, 메뉴 만들기, 이미지 업로드

07 사용자 정의 설명하기

08 위젯 설정하기
Sidebar [사이드바], Footer [푸터]를 설정하는 곳 이다.

09 페이지 설정하기

10 글 작성하기
워드프레스 글 작성에서 링크 하기는 매우 중요합니다. 왜냐하면, SEO [Search Engine Optimization] 검색엔진 최적화에 도움이 되기 때문입니다.

11 기타 설정 및 정리

12 사이트 백업하기
All in One WP migration 플러그인 설치 [비지니스 요금제, US$ 300 / 년]

13 백업 파일 활용 사이트 이전하기

PROJECT 02 포트폴리오 사이트 [포트폴리오 홈페이지] 제작하기 [237p]

PROJECT 03 회사 홈페이지 제작하기 [298P]

PROJECT 04 쇼핑몰 제작하기 [347p]

PART 03 워드프레스 SEO 검색엔진 최적화 [430p]

워드프레스는 구글 SEO [Search Engine Optimization] 검색엔진 최적화에 잘 적응할 수 있는 CMS 도구다.

구글 SEO 이론

• 도메인 연결, 네이버/구글 웹마스터도구 등록
  • 홈페이지가 만들어지면, 먼저 백업하고, 웹사이트에 도메인 연결, 마케팅을 위한 네이버 웹마스터 도구 등록과 구글 웹마스터 등록을 해야 한다. [인터넷 검색 참조, 홍마이오 유튜브 채널 참조 : 완성 홈페이지 도메인 연결, 네이버 웹마스터도구 등록, 구글웹마스터 (구글서치콘솔) 등록 등]
• 구글 SEO에 영향을 주는 10가지 팩트
  1. 양질의 컨텐츠
  2. 백 링크 [Backlink]의 활용
     • 백 링크 : 다른 웹사이트에서 자신의 웹사이트의 페이지 링크를 가지고 있는 경우를 말한다.
  3. 컨텐츠의 기술
     • 제목은 처음 12 단어를 먼저 보여 줍니다. 제목에서 중요한 것은 핵임 키워드가 제목에 들어가야 합니다.
     • 양질의 컨텐츠를 제공해야 방문자가 늘고, 신뢰도가 높아질수록 브랜드 가치도 자연적으로 올라가기 때문입니다.
  4. URL 최적화
  5. 링크 활용
     • 링크에는 내부 링크와 외부 링크가 있다.
  6. SEO 플러그인 활용
     • 워드프레스에서 대표적인 SEO 플러그인은 Yoast SEO 플로그인과 All in One SEO Pack이 있다.
  7. 소셜 공유
     • 대표적인 플러그인으로는 KBoard에서 제공하는 [소셜 공유 버튼 By 코스모스팜] 이다.
  8. HTPS 적용
     • 홈페이지 주소에 HTTPS를 적용하는 것이다. [http → https]
     • 쉽게 가입하는 방법은 카페24의 SSL [Secure Socket Layer] 호스팅을 이용하는 방법이다
  9. 페이지 속도
     • 페이지 속도는 구글에서 최근에 추가된 SEO 팩트 다.
     • 구글에서 [페이지 속도] 검색하여 체크할 수 있다.
  10. 모바일 최적화

PART 04 워드프레스 CSS로 웹사이트 튜닝하기 [466p]

CSS [Cascading Style Sheets] 는 요소 [Element]에 대한 스타일 표현을 브라우저에 나타낸다.

HTML 이 집을 짓기 위한 벽돌이라면, CSS는 벽돌을 잘 쌓고, 색칠하여 집을 꾸미는 역할을 담당한다. HTML은 웹사이트의 기본 골격이 되고, CSS는 웹사이트에 디자인을 입히는 개념이다.

출처 : 홍마리오의 워드프레스 , 입문 + 실전 (종합편) , 황홍식 지음

글쓰기 2022.7.17. 업데이트 2022.8.6..