1186659599_f

워드프레스 제작의 바른 길

“이 책은 워드프레스를 웹사이트 제작 도구로 이용해서 사이트를 만드는 방법에 대해서만 다루는 책이 아니다. 워드프레 스와 함께 했던 지난 시간동안의 제작, 개발, 자문의 경험을 모아 워드프레스에 대한 잘못된 오해를 걷어내고 더욱 효과적인 제작 경험 등을 나누기 위해 썼다.” 

– 저자 서문 중에서 – 

도서 구매      예스24  |  알라딘  |  교보문고  | 반디앤루니스 |  인터파크

  • icon

    ” 구슬이 서 말이라도 꿰어야 보배라는 말은 요즘같이 정보의 홍수 시대에는 더 필요한 말이 되었다. 정보가 너무 많아서 어디서부터 어떻게 시작해야 할지 모르는 경우가 많은데 이 책은 워드프레스 시작하기부터 웹사이트 제작까지의 전 과정을 이야기 형식으로 잘 풀어낸 수작이다. “

    – 김효제 (Netville CEO)  – 

  • icon

    ” 이 책은 단순히 따라하는 식의 책이 아닌 워드프레스에 대한 역사와 의미, 기능에 대해 좀 더 구체적이고 친절하게 설명한다. 새로운 사이트를 만들고 싶어 하는 미디어 스타트업에게 좋은 안내서가 될 것이다. “

    – 명승은 (VentureSquare CEO) –

  • icon

    ” 현장에서 서비스를 제공하며 느껴온 저자의 소신 있고 담백한 이야기를 통해 워드프레스가 뭔지 궁금해 하는 일반인에게도 쉽게 이해될만한 용어와 사례들로 담아냈다. 이용자가 느끼는 ‘워드프레스의 보이지 않는 장벽’이 책을 통해 낮아질 수 있기를 기대한다. “

    – 정원모 (정보화진흥원 수석) –

“워드프레스 전문가 그룹인 단비스토어가 쓰고,
국내 최고의 IT 출판사인 길벗에서 펴냈습니다.”

  • icon

    단비랩스 CEO, 임정익

    서강대학교에서 사회학(학사)과 경영학(석사)을 전공했다. 현장에서는 네트빌, 매경닷컴, 엠군, 조인스, 오픈하이브, 엘에이치 등 닷컴과 IT서비스를 넘나들며 전략과 서비스를 담당했다. 2013년 웹에이전시에 처음 발을 들여놓은 후 반복적인 제작 업무의 대안으로 워드프레스를 선택하였다. 현재는 단비스토어 운영에 매진하고 있으며, 기업에게 워드프레스 관련 자문을 제공하고 있다.

  • icon

    단비랩스 CTO, 강동혁

    연세대에서 컴퓨터과학(학사)와 컴퓨터산업시스템공학(석사)을 전공했다. 이후 네트빌, SK커뮤니케이션즈, 한솔헬스케어, 맥스트 등에서 서비스 개발 경험을 쌓았다. 오픈소스 소프트웨어와 검색 솔루션에 관심이 많아 한글 형태소 분석기, 자바 ORM 프레임웍 개발에 참여하기도 했다. 워드프레스의 유연성과 확장성에 매료되어 단비랩스에 참여하게 되었으며  현재는 단비스토어의 서비스 개발을 책임지고  있으며, 틈틈이 워드프레스 코어나 플러그인에 대한 버그 리포팅을 하고 있다.

  • icon

    전 단비랩스 디자이너, 김정미

    카톨릭대학교에서 법학을 공부했다. MPRD, 엘에이치 등 웹에이전시에서 디자인 업무를 담당하며 워드프레스를 공부했다. 이후 단비스토어에서 본격적으로 워드프레스 사이트를 제작하기 시작했다. 현재는 프리랜서 디자이너로 일하며 워드프레스 사이트를 만들고 있다.

“책의 무게와 가치를 생각합니다. 사용법이 아닌 노하우와 방법론을 담으려 노력했습니다.”

1장. 워드프레스의 개념 이해하기

1.1 워드프레스의 이해
1.1.1 워드프레스는 콘텐츠 관리 시스템이다
1.1.2 10여 년 동안 성장해온 워드프레스의 역사
1.1.3 워드프레스는 자유다!

1.2 워드프레스의 장점
1.2.1 워드프레스는 다른 CMS에 비해 쉽다
1.2.2 멋진 디자인의 테마가 풍부하다
1.2.3 풍부한 플러그인, 바퀴를 다시 발명할 필요는 없다
1.2.4 사이트 운영이 쉽고, 빨라진다

1.3 국내 워드프레스 현황
1.3.1 폭발적으로 증가하고 있는 관심과 수요
1.3.2 부족한 현장 노하우와 넘쳐나는 편법 개발
1.3.3 턱없이 부족한 플러그인과 개발자
1.3.4 고급 한글 정보의 부족

1.4 워드프레스에 대한 오해와 진실
1.4.1 하루면 웹사이트를 만들 수 있다?
1.4.2 개발자가 없어도 된다?
1.4.3 워드프레스로 만들면, 디자인에 제약이 생긴다?

1.5 웹사이트 제작을 위한 기본 지식
1.5.1 웹사이트가 사용자에게 전달되는 방식
1.5.2 웹을 표현하는 언어
1.5.3 웹의 프로세스를 만들어주는 언어들
1.5.4 웹사이트가 운영되는 장소, 호스팅
1.5.5 웹사이트로 접속할 수 있는 도메인
1.5.6 통신을 하기 위한 약속, 프로토콜

1.6 워드프레스의 기본 개념
1.6.1 워드프레스의 기본 구성 코어, 테마, 플러그인
1.6.2 관리자 화면의 구성
1.6.3 워드프레스의 조금 다른 사용자 권한
1.6.4 포스트 타입
1.6.5 카테고리를 쉽게 분류할 수 있는 택사너미

2장. 워드프레스 제작 방법

2.1 제작 방법론의 이해
2.1.1 통상적인 제작 방법의 특징
2.1.2 제작 방법론의 이해

2.2 워드프레스 제작의 특징
2.2.1 기존 자원의 활용과 노하우가 핵심
2.2.2 용도별 사이트 제작의 특징

2.3 대안적 제작 방법론, 단비메소드 개요
2.3.1 워드프레스에 부적합한 사례들
2.3.2 단비메소드의 목표
2.3.3 단비메소드 제작 프로세스의 특징

2.4 제작 인력의 구성
2.4.1 웹 에이전시
2.4.2 프리랜서 웹 디자이너
2.4.3 프리랜서 웹 기획자

2.5 단계별 업무
2.5.1 서비스 기획 및 기능 정의
2.5.2 1차 빌드
2.5.3 추가 빌드
2.6 제작 견적의 산출
2.6.1 당당히 정당한 비용을 받자!
2.6.2 사이트 제작 사양과 견적은 비례하지 않는다!
2.6.3 인력 투입이 아닌 노하우와 실력을 증명하자!

3장. 워드프레스를 이용한 웹사이트 제작하기

3.1 최적화된 워드프레스 개발 환경 만들기
3.1.1 프로젝트 특성에 따른 개발 환경 선택하기
3.1.2 웹 호스팅 구매 시 고려할 사항

3.2 웹 호스팅으로 개발 환경 만들어보기
3.2.1 회원가입 및 무료 웹 호스팅 신청하기
3.2.2 워드프레스 설치 파일 준비하기
3.2.3 웹 서버에 FTP로 워드프레스 파일 업로드하기
3.2.4 브라우저로 본격적인 설치하기

3.3 관리자 화면의 이해와 설정
3.3.1 워드프레스 관리자 화면의 구성
3.3.2 워드프레스의 기본 설정

3.4 테마
3.4.1 좋은 테마의 조건
3.4.2 앱스토어
3.4.3 테마 검색 노하우
3.4.4 테마 설치

3.5 플러그인
3.5.1 좋은 플러그인의 조건
3.5.2 플러그인 찾기
3.5.3 플러그인 설치

3.6 테마와 플러그인 한글화
3.6.1 한글화와 관련된 파일들
3.6.2 한글화를 위한 다양한 도구들
3.6.3 Poedit를 이용해서 한글화하기
3.6.4 Loco Translate를 이용해 한글화하기
3.6.5 직접 소스를 수정하여 한글화하기

3.7 사이트 꾸미기
3.7.1 샘플 콘텐츠로 테마 시작하기
3.7.2 메뉴 설정
3.7.3 위젯 설정

4장 워드프레스의 매력, 다양한 기능 구현

4.1 한국형 회원관리
4.1.1 회원관리 플러그인 비교하기
4.1.2 단비 멤버스를 이용한 한국형 회원관리 만들기
4.2 한국형 게시판
4.2.1 게시판 플러그인 비교 및 분석하기
4.2.2 킹콩보드를 이용한 회원전용 자유게시판 만들기
4.3 문의 양식 만들기
4.3.1 폼 플러그인 2종 비교
4.3.2 콘택트 폼 7을 이용한 고객문의 페이지 만들기

4.4 뉴스레터
4.4.1 뉴스레터 플러그인 비교해보기
4.4.2 MailPoet을 이용한 뉴스레터 만들기

4.5 검색 엔진 최적화
4.5.1 검색 엔진 최적화에 필요한 플러그인 비교해보기
4.5.2 WordPress SEO by Yoast를 이용한 구글 검색 최적화

4.6 웹사이트의 속도 향상시키기
4.6.1 사용하지 않는 플러그인 비활성화하기
4.6.2 리비전 데이터 삭제하기
4.6.3 캐싱으로 로딩 속도 올리기
4.6.4 CDN 사용하기
4.6.5 이미지 최적화하기

4.7 결제
4.7.1 결제 플러그인 비교 분석해보기
4.7.2 우커머스 페이게이트 JT를 실제로 적용하기

4.8 로그 분석
4.8.1 로그 분석 이해하기
4.8.2 로그 분석 플러그인 비교하기
4.8.3 Google Analytics Dashboard for WP를 이용한 로그 분석 구현하기

4.9 스팸 댓글 차단
4.9.1 스팸 댓글을 막는 방법
4.9.2 아키스밋을 이용한 스팸 댓글 차단
4.10 데이터 백업
4.10.1 백업의 유형
4.10.2 백업 플러그인 비교해보기
4.10.3 UpdraftPlus Backup and Restoration for WordPress를 이용한 DB 백업

5장. 로컬라이제이션

5.1 로컬라이제이션의 이해
5.1.1 왜, 워드프레스로 만든 사이트는 어색할까?
5.1.2 로컬라이제이션의 작업 종류

5.2 인터페이스 로컬라이제이션
5.2.1 로컬 내비게이션 구현
5.2.2 빅 푸터를 간결하게 만들기

6장. 워드프레스 문제 해결

6.1 영업과 비즈니스의 장애물
6.1.1 웹 에이전시를 운영하고 있는데, 어떻게 하면 효과적으로 워드프레스 제작을 시작할 수 있을까?
6.1.2 워드프레스 프로젝트를 처음 진행하게 되었다. 어떻게 진행해야 할까?
6.1.3 워드프레스 개발자를 찾기 힘들다. 좋은 방법이 있을까?
6.1.4 고객사에서 직접 디자인하고, 이를 워드프레스로 구현해 달라는데 어떻게 대응해야 할까?
6.1.5 워드프레스 보안 우려에 어떻게 대응할 것인가?
6.1.6 고객의 예산이 낮은데, 이 문제를 해결할 수 있는 방법이 있는가?
6.1.7 프로젝트 제작 시, 디자인을 하고 난 후 테마를 디자인에 맞춰 수정할 수 있는가?
6.1.8 경쟁업체가 300만 원에 홈페이지를 제작해준다고 한다. 어디까지 믿어야 할까?
6.1.9 벤치마킹할 사이트의 워드프레스 사용 여부와 테마, 플러그인을 알 수 있는 방법이 있는가?
6.2 워드프레스에서 만나는 일반적인 문제
6.2.1 페이지를 만들었는데, 메뉴에 전혀 나타나지 않는다?
6.2.2 플러그인을 설치했는데, 설정 페이지를 찾을 수 없다?
6.2.3 ‘ 예약되어 있는 유지보수를 위해 잠시 사용할 수 없습니다. 잠시 후에 다시 확인하세요’라는 메시지만 나오고 사이트 사용이 불가능하다
6.2.4 워드프레스 설치 초기 화면에 언어 선택이 뜨지 않고 영어로만 나온다?
6.2.5 웹사이트가 너무 느리다?
6.2.6 테마나 플러그인을 업로드했는데, 관리자 화면에 보이지 않는다
6.2.7 플러그인을 설치하고 활성화시켜서 메뉴가 나타났는데 플러그인이 작동하지 않는다
6.2.8 테마를 설치했는데 데모 테마와 동일하지 않아 막막하다
6.2.9 자식 테마를 꼭 써야 할까?
6.2.10 플러그인을 설치했는데, 디자인이 테마와 어울리지 않는다. 플러그인 문제일까?
6.2.11 한 번 구매한 테마나 플러그인은 다른 사이트에 써도 될까?
6.2.12 파비콘 파일이 업로드되지 않는다
6.2.13 운영 중에 워드프레스를 업데이트하라고 하는데, 업데이트를 실행해도 될까?
6.2.14 특정 플러그인에 문제가 생겨서 사이트 접속이 되지 않는다. 플러그인을 강제로 비활성화시킬 수 있을까?
6.2.15 미디어 라이브러리에 파일이 업로드되지 않는다
6.2.16 abc.example.com에서 사이트를 제작한 후 abc.com으로 도메인을 연결했는데 아이콘이 보이지 않는다
6.2.17 워드프레스가 웹 루트가 아닌 /wp 혹은 /wordpress 디렉터리에 설치되어 있을 때, 사이트의 주소에서 /wp나 /wordpress를 없애고 싶다
6.2.18 테마에 포함된 이미지를 웹사이트에 그대로 사용해도 되는가?
6.2.19 한글 주소로 된 고유 주소로 접속되지 않는다
6.2.20 페이지나 플러그인에서 사진을 가져오기 위해 미디어를 누르면 아무것도 나오지 않는다
6.2.21 혹시나 잘못 만져서 사이트가 다운되는 불상사가 없게 테마 편집기와 플러그인의 편집 메뉴를 숨기고 싶다
6.2.22 관리자 비밀번호와 등록한 이메일을 모두 분실해서 비밀번호를 찾을 수 없다
6.2.23 워드프레스의 보안을 간단하게 강화할 수 있는 방법은 없을까?
6.2.24 워드프레스를 다른 호스팅으로 어떻게 이전할 수 있는가?
6.2.25 워드프레스가 자동 업데이트되었다는 메일이 왔는데 문제는 없을까?
6.3 인기 플러그인에서 만나는 문제
6.3.1 콘택트 폼 7을 쓰고 있는데, 사이트 관리자가 여러 명이라 접수된 문의를 관리자 화면에서 확인하고 싶다
6.3.2 우커머스를 쓰는데, 관리자 화면이 복잡하다. 국내 환경에 최적화된 쇼핑몰 플러그인은 없을까?
6.3.3 우커머스를 업데이트한 후에 한글 메뉴명 등이 영어로 바뀌었다
6.3.4 우커머스 결제 시 불필요한 필드가 많아 일부를 지우고 싶다
6.3.5 WP-Members를 설치했더니 로그인을 하지 않은 사람은 모든 페이지를 볼 수 없다고 나온다
6.3.6 구매한 테마에 비주얼 컴포저가 포함되어 있는데, 사용할 수 있는 기능이 부족하다
6.3.7 KBoard를 쓰는데 워드프레스의 내보내기로 백업되지 않는다

7장. 워드프레스 관련 사이트

7.1 워드프레스 스토어, 테마 개발사
7.1.1 ThemeForest
7.1.2 단비스토어
7.1.3 Mojo Themes
7.1.4 Creative Market
7.1.5 Elegant Themes
7.2 주요 플러그인 개발사
7.2.1 WooThemes
7.2.2 bbPress
7.2.3 BuddyPress
7.2.4 wpbakery
7.2.5 Super Rocket
7.2.6 Stackr GitHub
7.2.7 Ajin System
7.2.8 planet8
7.3 커뮤니티, 정보 사이트
7.3.1 한국 워드프레스 사용자 모임
7.3.2 WordPress Codex
7.3.3 makeBCT
7.3.4 워드프레스 네이버 카페
7.3.5 Self WordPress
7.3.6 WordPress.tv
7.3.7 Webactually Blog
7.3.8 MA.TT

“보다 풍부한 경험과 관점을 위해,
국내 전문가 분들의 인터뷰도 함께 합니다.”

  • icon
    “킹콩보드는 국내 대표적인 워드프레스 게시판 플러그인들의 문제점을 해결하고자 직접 개발하게 된 경우입니다. 기존 게시판 플러그인들의 경우, 워드프레스의 기본 포스트 구조를 따르지 않고 독자적인 DB 테이블을 이용하여 글을 저장 하는데 이는 확장성 면에서 제한이 있을 뿐만 아니라 검색 및 데이터를 워드프레스에서 가공하기가 쉽지 않았습니다. 그래서 킹콩보드는 게시판 글의 하나하나가 워드프레스의 커스텀 포스트 형식으로 저장되고, 댓글 또한 워드프레스 댓글을 그대로 사용하여 관리자 모드에서 손쉽게 컨트롤할 수 있게 하였습니다. 최신 글과 최신 댓글에 그대로 사용할 수 있도록 개발한 것입니다.”

    –  이우철(슈퍼로켓) 대표와의 인터뷰 中 –

  • icon
    “서울시는 사이트를 구축한 후 지금도 유지보수를 지속하고 있습니다. 다국어 사이트(영어, 중국어 간&번체, 일본어, 불 어, 스페인어)였고 보안과 빅데이터, 그리고 DB(mysql)의 라이선스 문제로 인한 부분들과 다중 도메인 동기화 플러그 인, 한국형 설문조사 플러그인, 실시간 랭킹 정보 플러그인 등 커스텀을 위한 플러그인 개발을 굉장히 많이 했었죠. 그 렇기 때문에 기억에 많이 남습니다. “

    – 이동학(LH ATG S&D) 과장과의 인터뷰 中에서 –

  • icon
    “워드프레스 제작을 하기 전에 워드프레스의 장점과 단점에 대해 충분히 파악한 후 제작 목적에 맞을 때 워드프레스를 선택 하라는 것입니다. 단순히 화려한 템플릿(스킨) 때문에 선택하는 것이라면 워드프레스 외에도 많이 있습니다. 하지만 워 드프레스의 가장 큰 장점은 내가 가진 어떠한 종류의 콘텐츠라도 효율적으로 관리하고 표현할 수 있다는 것입니다. 기존의 플랫폼(게시판 등)을 기준으로 삼아 워드프레스 제작에 접근한다면 십중팔구 난관에 봉착하게 되고, 그 해결책을 찾기도 쉽지 않을 것입니다.”

    –  천영민(한국 워드프레스 사용자 모임) 리더와의 인터뷰 中에서 –

  • icon
    벤처스퀘어는 블로그 플랫폼으로서 워드프레스에 주목하고 있었는데, 워드프레스가 가진 개발자 생태계와 이를 통해 공급되는 다양한 기능을 이용할 수 있다는 점에서 워드프레스를 선택하게 되었습니다. 그리고 벤처스퀘어도 영어를 중 심으로 글로벌 서비스를 준비하던 시점이라, 워드프레스가 글로벌로 확장해 나가는 데 도움이 되리라 생각했습니다.

    – 김태현(벤처스퀘어) 공동대표와의 인터뷰 中에서 –

  • icon
     “나날이 글로벌화하고 있는 IT 산업의 표준적인 틀이 워드프레스 시장에서 적용되고 있습니다. 애플 아이폰의 충격파는 IT 시장에서도 이제는 더 이상 한국적인 것만을 고수할 수 없는 상황에 이르렀습니다. 앞으로 국제 웹사이트 제작 시장 도 워드프레스처럼 글로벌 플랫폼으로 재편되어 나갈 것이라고 전망합니다. 결국 현재의 적절한 선택이 여러분의 미래 를 바꾸어 나갈 것입니다. 한국에서도 워드프레스 플러그인과 테마를 역으로 수출할 수 있는 날을 기대해 봅니다.”

    – 김호익(심포니소프트) 대표와의 인터뷰 中에서 –

  • icon
    “민주정책연구원과 함께 진행한 ‘나는 정치다’ 웹사이트 제작 프로젝트가 기억에 남습니다. 워드프레스의 장점을 최대한 살렸다고 할까요? 투표, 댓글, 좋아요, 소셜 로그인 등 워드프레스 플러그인들을 최대한 활용하여 다이나믹한 웹사이트 를 제작할 수 있었습니다. 페이지 디자인도 ‘Visual Composer’라는 플러그인을 활용한 덕분에 짧은 일정에도 불구 하고 모두 소화할 수 있었습니다. 새정치민주연합에서도 결과물에 대해 만족해하고 사용자들의 반응도 좋아서 한결 더 뿌듯한 프로젝트였습니다.”

    – 이승한(피터오세아) 실장과의 인터뷰 中에서 –