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

발행 2022.07.17. | 업데이트 2026.09.06.

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

워드프레스닷컴으로 블로그를 쓰고 있습니다.

워드프레스를 잘 쓰고 싶은 마음에 관심이 많았습니다. 그래서 홍마리오의 워드프레스 책을 읽고 주요 내용을 정리했습니다.

블로그 현황

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

블로그 blog는 web + log 의 합성어 입니다.

전 세계 블로그 시장은 약 6억 개 이상의 블로그가 존재하는 거대한 콘텐츠 생태계입니다. 전체 인터넷 웹사이트(약 19억 개)의 약 32%가 블로그 형태로 운영되고 있습니다.

블로그 플랫폼

• Tumblr: 5억~6억 개 이상, 단문, 이미지 중심의 마이크로블로그(메모나 한 줄 소식)
• WordPress: 6,000만~7,000만 개, 전 세계 웹사이트의 43% 점유. 전문/수익형 블로그의 세계 표준
• 구글 블로거(Blogger): 웹사이트 점유율 1.4~0.5%수준으로 매우 낮은 편입니다.
• 국내 : 네이버 블로그 국내 65~75% 점유, 티스토리(카카오) 15~20% 점유율

2026년 9월 기준으로 대한민국의 블로그 수는 약 3,600만~4,000만 개로 추산됩니다.

홍마리오의 워드프레스 (아래 사진)

PART 01 워드프레스 웹사이트 기획 및 제작 준비

Chapter 01 워드프레스 살펴보기

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

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

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

워드프레스는 전세계 웹사이트의 약 40%를 차지하고 있습니다.

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

워드프레스의 종류

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

워드프레스의 장점 7가지

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

Chapter 02 워드프레스 웹사이트 기획

홈페이지 구축 순서

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

무료 이미지 제공 사이트

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

Chapter 03 워드프레스 웹사이트 제작 준비

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

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

Chapter 04 워드프레스 기본 설정하기

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

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

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

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

PART 02 4가지 웹사이트 제작하기

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 포트폴리오 사이트 [포트폴리오 홈페이지] 제작하기

PROJECT 03 회사 홈페이지 제작하기

PROJECT 04 쇼핑몰 제작하기

PART 03 워드프레스 SEO 검색엔진 최적화

워드프레스는 구글 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로 웹사이트 튜닝하기

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

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

출처/참고문헌

도서 홍마리오의 워드프레스, 입문+실전(종합편) / 지은이 황홍식 / 펴낸곳 앤써북(2021.01.25.)

안내: 본 포스팅은 책의 핵심 내용을 요약한 서평입니다. 저자의 깊이 있는 통찰과 더 상세한 내용은 반드시 해당 도서를 직접 구입하여 읽어보시기를 추전합니다.

댓글로 여러분의 경험을 공유해 주세요. ■