웹 퍼블리셔를 위한 워드프레스 입문과 완성

 

 

 

이 책은 현재 절판입니다. 그간 읽어주신 분들께 감사를 드립니다.

 

카페24 웹호스팅 3개월 무료이용 쿠폰 제공!(2015년 3월 31일까지 사용 가능)
워드프레스 강의 경험을 바탕으로 집필된 실용성 높은 서적!
이 책만 있으면 나도 웹 퍼플리셔!

전면 컬러 편집!

 

출판사  제이펍
저자명  박승제, 송인권
출판일  2013년 3월 25일
페이지  648쪽
판형  46배판 변형(188*245) 반양장(Soft Cover)
정가  37,000원
ISBN  978-89-94506-58-6   부가기호: 93560
키워드  홈페이지 / 블로그 / SNS / HTML / CSS / 반응형 홈페이지 / 한국형 게시판 / 테마 / 카페24
분야  홈페이지 제작 / 웹 디자인 / 웹 기획

 

 

 

관련 사이트
■ 독자 A/S 사이트(프로젝트 파일 다운로드, 독자 Q&A 제공)
• 저자 블로그

 

• 저자 이메일

 

 

 

관련 포스트
■ 2013/03/13 - [출간전 책소식] - 워드프레스, 제대로 공부해볼까요?!

 

 

 

소스 코드 다운로드
■ (소스 없음)(프로젝트 파일은 위의 독자 A/S 사이트에서 다운로드받으세요)

 

 

 

강의 자료
■ 교재로 채택하신 분들에게는 강의교안을 제작할 수 있는 자료를 보내드리도록 하겠습니다(출판사로 메일이나 전화로 연락주세요).

 

 

 

관련 도서
■ 워드프레스 가이드북

 

■ 머리에 쏙쏙 들어오는 jQuery 입문
■ 자바스크립트 마스터 북

 

■ 하루 1시간 3일 만에 배우는 HTML5

 

샘플 챕터(앞부속물, 1장 워드프레스 소개, 2장 내 PC를 웹서버로 사용하기)(용량이 커서 egg로 분할 압축하였습니다)

 

워드프레스입문과완성_sample.vol1.egg

다운로드

 

워드프레스입문과완성_sample.vol2.egg

다운로드

 

워드프레스입문과완성_sample.vol3.egg

다운로드

 

 

 

 

 

정오표 페이지
■ http://jpub.tistory.com/342
 
도서구매 사이트(가나다순)

 

[강컴]   [교보문고]   [도서11번가]   [반디앤루니스]   [알라딘]   [예스이십사]   [인터파크]

 

 

 

도서 소개

 

카페24 웹호스팅 3개월 무료이용 쿠폰 제공!
워드프레스 강의 경험을 바탕으로 집필된 실용성 높은 서적!
이 책만 있으면 나도 웹 퍼플리셔!

 

전면 컬러 편집!

 

 

 

이 책의 핵심 내용
•PC를 웹 서버로 전환하기
•워드프레스와 테마 설치하기
•반응형 홈페이지 만들기
•테마 활용 및 최적화하기
•나마의 테마 제작하기
•한국형 게시판 사용하기
•기본적인 HTML과 CSS 학습하기

 

 

 

워드프레스가 주목받는 이유는 여러 가지가 있겠지만, 먼저 구글 등 검색 엔진 최적화와 페이스북, 트위터 등 SNS와의 연동을 꼽을 수 있습니다. 홈페이지의 제작 목적은 어떤 정보를 많은 사람에게 알리기 위한 것입니다. 따라서 검색 엔진 최적화와 SNS와의 연동은 가장 큰 매력이 아닐 수 없습니다. 

 

 

 

이 책은 워드프레스를 사용하기 위한 어떤 사전 지식도 요구하지 않습니다. 밥 아저씨의 그림을 따라 그려보면서 차츰 그림에 대해 눈을 뜨는 것처럼, 이 책도 따라 하다 보면 차츰 워드프레스에 대한 지식과 웹 퍼블리셔가 갖춰야 할 지식을 습득할 수 있도록 구성했습니다. 필자가 교육 현장에서 워드프레스에 대해 직접 강의한 경험을 바탕으로 해서 여러분을 가장 쉬운 길로 인도할 것입니다.

 

 

 

이 책의 주요 내용
1장 _ 워드프레스 소개
이 장은 워드프레스의 특징과 장단점에 대해서 다루고 있습니다. 워드프레스로 가능한 부분과 워드프레스로 구축하기 곤란한 부분 등에 대한 설명이 있으므로 장차 자신이 구축하려는 웹사이트를 설계할 때 도움이 될 것입니다.

 

 

 

2장 _ 내 PC를 웹서버로 사용하기
홈페이지나 웹사이트를 운영하려면 반드시 웹서버가 있어야 합니다. 이 장은 자신의 PC를 웹서버로 사용해서 워드프레스를 설치하는 과정에 대해 학습합니다. 자신의 PC를 웹서버로 사용함으로써 비용이 전혀 발생하지 않으며, 워드프레스의 설치에 관련된 모든 과정을 체계적으로 실습할 수 있습니다.

 

 

 

3장 _ 웹서버에 워드프레스 설치하기
이 장에서는 실제의 웹서버에 워드프레스를 설치하고 운영하는 과정에 대해 학습합니다. 웹서버를 사용하면 전 세계의 모든 사람을 대상으로 서비스할 수 있습니다. 이 장은 도메인을 등록하고, 웹서비스 업체의 웹호스팅 서비스를 이용해서 워드프레스를 설치하는 모든 과정을 설명합니다.

 

 

 

4장 _ 워드프레스 둘러보기
이 장에서는 자신의 PC나 웹서버에 설치한 워드프레스를 둘러보면서 워드프레스의 개략적인 기능을 배워갑니다. 워드프레스에 글을 등록하고, 테마를 바꾸거나, 위젯을 설치하는 등 워드프레스에서 가장 기본적으로 사용하는 기능에 대해 배울 수 있습니다.

 

 

 

5장 _ 웹사이트 꾸미기
이 장에서는 워드프레스를 본격적으로 사용하기 위해 웹사이트의 외관을 꾸미고 세부적인 설정 방법을 학습합니다. 이 장은 요소 검사를 이용해서 웹페이지의 구성 형식을 변경함으로써 웹사이트를 자신이 의도하는 형식으로 새롭게 구성하거나, 자신이 원하는 기능을 제공하는 플러그인을 설치하여 워드프레스에 새로운 기능을 추가하는 과정에 대해 상세한 설명을 하고 있습니다.

 

 

 

6장 _ 테마에 기능 추가하기
테마는 워드프레스를 다양한 형식으로 표현하기 위한 기능입니다. 이미 수많은 테마가 개발되어 있고 계속해서 새로운 테마가 만들어지고 있지만, 그 많은 테마 중에 자신의 입맛에 꼭 맞는 테마를 찾는 것은 매우 어려운 일입니다. 이 장에서는 자식 테마를 이용해서 테마를 수정하고 워드프레스에 다양한 기능을 추가하는 과정에 대해 학습합니다.

 

 

 

7장_ 테마 최적화
이 장은 테마의 세부적인 부분을 수정해서 웹사이트가 보다 안정감 있게 보일 수 있도록 하는 과정에 대해 설명합니다. 이 장에서는 직접 스타일시트를 작성해야 하므로 HTML과 스타일시트에 대한 선행 지식이 요구될 수 있습니다. 이 장을 학습하면서 HTML과 스타일시트에 대한 이해가 곤란한 경우는 제10장의 HTML과 CSS 과정을 먼저 학습하시길 바랍니다.

 

 

 

8장 _ 한국형 게시판 사용하기
워드프레스는 외국의 토론 문화에서 발전된 블로그 툴을 모태로 하고 있으므로 우리가 사용하는 게시판과 같은 것이 없습니다. 이 장에는 국내에서 개발된 게시판을 사용할 때 나타나는 문제점과 그것을 개선해 가는 과정에 대한 자세한 설명이 있습니다. 이 장 역시 HTML과 스타일시트를 사용하고 있으므로 필요하면 제10장의 HTML과 CSS 과정을 참조하시길 바랍니다.

 

 

 

9장 _ 워드프레스 최적화
어떤 소프트웨어든지 오래 사용하면 불필요한 데이터가 쌓여서 성능 저하가 오기 마련입니다. 이 장은 워드프레스를 가볍고 빠르게 하기 위한 각종 플러그인의 사용 방법에 대해 상세한 설명을 하고 있습니다.

 

 

 

10장 _ HTML과 CSS
HTML과 CSS는 웹퍼플리셔가 반드시 갖춰야 할 지식입니다. 이 장은 HTML의 기본 문법과 태그 사용법, 그리고 CSS의 기능과 작성 방법에 대해 학습합니다. 웹컬러와 CSS를 이용해서 문자와 버튼을 장식하는 방법 등 웹사이트를 구축하고 수정하는 데 꼭 필요한 과정에 대해 학습할 수 있습니다.

 

 

 

11장 _ 다중 사이트 만들기
다중 사이트는 하나의 워드프레스로 여러 개의 웹사이트를 운영하는 것입니다. 예를 들어, 학교의 서버에 워드프레스를 설치해 두고 각 학급이 독립적인 블로그나 웹사이트를 운영하도록 하는 것입니다. 이 장에서는 다중 사이트를 만드는 과정과 다중 사이트 구축에 실패했을 때 워드프레스를 다중 사이트 구축 이전의 상태로 되돌리는 과정에 대해 학습할 수 있습니다.

 

 

 

12장 _ 테마 만들기
테마는 워드프레스의 꽃이라 할 수 있습니다. 워드프레스는 매우 방대한 시스템이므로 직접 워드프레스와 같은 거대한 시스템을 만들기는 곤란하겠지만, 테마는 비교적 적은 노력으로 만들 수 있습니다. 이 장은 하나의 테마를 몇 개의 부품으로 나누고, 각각의 부품에 필요한 기능을 하나씩 추가해 가면서 최종적으로 완성된 테마를 만들어갑니다. 또한, 테마에 사용된 영어 메시지를 번역해서 한글화하는 과정도 다루고 있습니다. 완성된 테마는 현재 웹사이트에서 확인할 수 있으며, 전체 파일을 다운로드해서 무료로 사용할 수 있습니다.

 

 

 

부록 A _ Aptana Studio3 사용법
앱타나 스튜디오는 전 세계 많은 사람이 애용하는 웹 애플리케이션 개발 툴로서 누구나 무료로 사용할 수 있습니다. 테마를 만들려면 테마를 구성하는 파일을 직접 작성 및 수정해야 하는데, 앱타나 스튜디오를 사용하면 이 과정을 비교적 쉽게 처리할 수 있습니다.

 

 

 

부록 B _ Poedit 사용법
Poedit는 다국어 버전의 언어 파일을 만드는 편집기입니다. 이 책에서는 테마를 만든 후 그것을 한글화하기 위해 Poedit을 사용합니다. 비단 워드프레스뿐만 아니라 많은 애플리케이션이 다국어 버전을 지원하고 있으며, 그것을 한글화하기 위해서는 Poedit와 같은 편집기가 꼭 필요합니다.

 

 

 

이 책의 대상 독자
이 책은 현재 웹 퍼블리셔(Web Publisher)로 활동 중이거나 장차 웹 퍼블리셔를 지망하는 사람 및 워드프레스로 웹사이트를 구축해 보려는 생각이 있는 모든 사람을 대상으로 하고 있습니다.

 

 

 

저자 소개
박승제
여주컴퓨터 학원과 고려컴퓨터 학원의 원장을 지냈으며, (주)ITMax 대표이사를 지내기도 하였다. 어셈블러와 C, C++, 델파이 등을 이용한 여러 게임과 관리 시스템을 만들었으며, 학생 상벌점 관리 안드로이드용 앱을 비롯한 다수의 모바일 앱을 제작하였다.
안드로이드사이드와 유니티코리아에서 ‘저녁놀’이라는 필명으로 게임 강좌를 진행하고 있다. 지은 책으로는 《실전 앱 프로젝트 안드로이드 게임 개발편》, 《UNITY3D 실전 게임 개발》, 《따라하기 비주얼베이식 새내기편》, 《컴퓨터 그래픽과 음악의 세계》를 비롯한 20여 권이 있으며, 《마이크로소프트웨어》 등의 컴퓨터전문 월간지에 다양한 글을 기고하였다.
•SK T아카데미 유니티3D 교수
•그린아카데미 워드프레스 교수

 

 

 

송인권
고려대에서 응용통계학을 전공하였으며, 전투 관련 전차 생존성 시뮬레이션 프로그래밍, 부대관리 프로그램 수호신 I, II를 개발하였고, 각종 전투모의 시뮬레이션 개발에 참여하였다. CD 기기 현금장입 시스템과 BATK, CCKBC, 롯데마트 등의 현금 처리 프로그램, DPEX, USAS, JG 등의 회사의 물류 프로그램, NK, 청음 등 중소기업의 ERP 등의 개발 경력이 있다.
•그린아카데미 워드프레스 교수

 

 

 

차 례
1장 워드프레스 소개 1
1-1 워드프레스 소개 3
1-2 워드프레스의 특징 5
1-3 워드프레스의 단점 11
1-4 워드프레스의 종류 15
1-5 워드프레스 사용자의 스킬 16
1-6 워드프레스 사이트 운영에 필요한 요소 17

 

2장 내 PC를 웹서버로 사용하기 19
2-1 웹서버가 뭐야? 21
2-2 웹서버 설치 22
2-3 웹서버 실행 24
2-4 웹서버가 시작되지 않을 때의 조치 ⑴ 25
2-5 웹서버가 시작되지 않을 때의 조치 ⑵ 27
2-6 데이터베이스 만들기 29
2-7 워드프레스 설치 31
2-8 워드프레스에 글쓰기 38
2-9 크롬 브라우저에서 한글 깨짐 수정 41

 

 

3장 웹서버에 워드프레스 설치하기 45
3-1 웹호스팅이 뭐야? 47
3-2 도메인 등록 48
3-3 웹호스팅 신청하기 50
3-4 FTP 프로그램 사용법 55
3-5 워드프레스 수동 설치 62

 

 

4장 워드프레스 둘러보기 71
4-1 웹사이트의 구성 형식 73
4-2 워드프레스 메뉴의 기능 75
4-3 알림판의 기능 79
4-4 페이지와 포스트 82
4-5 새 페이지 작성 84
4-6 워드프레스 글쓰기의 화면 옵션 87
4-7 문서 공개하기와 페이지 속성 89
4-8 문서에 이미지 넣기 91
4-9 작은 이미지 사용하기 95
4-10 Page의 댓글 금지 98
4-11 포스트 작성하기 100
4-12 Post 요약 만들기 103
4-13 트랙백 만들기 106
4-14 핑백 보내기 108
4-15 테마 바꾸기 111
4-16 테마 Customize 113
4-17 위젯 117
4-18 테마 옵션 119
4-19 테마의 머리글 120
4-20 사용자 추가와 편집 122
4-21 워드프레스의 도구 125
4-22 설정 메뉴 131
4-23 고유주소 바꾸기 136
4-24 짧은 주소 사용하기 138
4-25 페이지 템플릿 143
4-26 문서에 동영상 넣기 145

 

 

5장 웹사이트 꾸미기 149
5-1 타이틀 글꼴 바꾸기 151
5-2 편집기 플러그인 설치 155
5-3 문서 제목 글꼴 바꾸기 158
5-4 워드프레스 전체 글꼴 바꾸기 160
5-5 위젯 설치 162
5-6 Google Map 플러그인 설치 169
5-7 문서에 지도 넣기 172
5-8 사진 갤러리 만들기 178
5-9 갤러리 플러그인 사용하기 184
5-10 이미지 슬라이드 플러그인 189
5-11 슬라이드쇼 위젯 만들기 194
5-12 슬라이드쇼 위젯 만들기 195
5-13 특성 이미지 헤더 202
5-14 새로운 테마 설치 207
5-15 테마 선택 시 고려할 사항 213
5-16 무료 테마 사이트 216
5-17 프리미엄 테마 사이트 218

 

 

6장 테마에 기능 추가하기 221
6-1 차일드 테마 만들기 223
6-2 웹폰트 사용하기 229
6-3 페이지 내비게이션 위치 설정 233
6-4 슬라이드쇼를 헤더 이미지로 사용하기 235
6-5 한국형 사이드바 메뉴 만들기 241
6-6 배경 이미지 설정 247
6-7 첨부 파일 업로드 250
6-8 파일 다운로드 플러그인 253
6-9 폼 만들기 257
6-10 도표 만들기 269
6-11 웹페이지 출력 274

 

 

7장 테마 최적화 281
7-1 테마 바꾸기 283
7-2 차일드 테마 만들기 288
7-3 웹폰트 설치하기 292
7-4 테마에 로고 넣기 297
7-5 테마에 웹사이트 타이틀 표시하기 299
7-6 테마의 문서 폭 설정 300
7-7 본문의 글자 크기 설정 303
7-8 헤더의 메뉴 영역 너비 조정 305
7-9 부메뉴의 행 간격 좁히기 308
7-10 카테고리와 최근글의 행 간격 좁히기 309
7-11 웹사이트 제목 글꼴 설정하기 311
7-12 텍스트 위젯의 스타일 설정 315
7-13 사이드바의 배경색 설정 및 오른쪽 여백 없애기 316
7-14 위젯의 항목 사이 여백 조정 318
7-15 위젯 제목의 높이 줄이기 319
7-16 스폰서 배너 없애기 320
7-17 Footer 영역 설정 322
7-18 Footer 수정 325
7-19 Footer에 관리자 이메일 넣기 329
7-20 웹사이트 저작권 표시 331

 

 

8장 한국형 게시판 사용하기 337
8-1 게시판의 개요 339
8-2 MH Board 설치 341
8-3 MH Board 게시판 종류와 권한 344
8-4 MH Board 게시판 만들기 345
8-5 메뉴에 MH Board 게시판 넣기 348
8-6 숏코드 방식으로 게시판 만들기 350
8-7 MH Board 최적화 352
8-8 LH Board 설치 364
8-9 LH Board를 메뉴에 추가하기 367
8-10 LH Board 최적화하기 370

 

 

9장 워드프레스 최적화 395
9-1 문서의 리비전 397
9-2 WP Cleanup 사용하기 398
9-3 WP Optimize 사용하기 401
9-4 문서의 리비전 제한하기 403
9-5 웹사이트의 속도를 빠르게 405
9-6 웹사이트 속도 테스트 409
9-7 검색엔진 최적화 플러그인 413
9-8 SNS 버튼 달기 416
9-9 워드프레스에 CDN 사용하기 419
9-10 W3 Total Cache 426
9-11 워드프레스 에디터 버튼 확장 431
9-12 TinyMCE Advanced에 한글 글꼴 추가 435
9-13 카테고리 확장 플러그인 438
9-14 블로그의 스팸 방지 442
9-15 워드프레스의 백업 444

 

 

10장 HTML과 CSS 453
10-1 HTML이란? 455
10-2 HTML 태그 사용법 455
10-3 inline 요소와 block 요소 460
10-4 태그의 속성 461
10-5 스타일시트 470
10-6 웹 컬러 477
10-7 CSS 그라데이션 483
10-8 테마에 그라데이션 적용하기 488
10-9 border-radius와 그라데이션으로 버튼 만들기 491
10-10 CSS로 글자 장식하기 494

 

 

11장 다중 사이트 만들기 499
11-1 다중 사이트가 뭐지? 501
11-2 다중 사이트의 URL 형식 501
11-3 다중 사이트 네트워크 설치 502
11-4 다중 사이트 만들기 506
11-5 다중 사이트의 네트워크 설정 508
11-6 테마와 플러그인의 네트워크 활성 512
11-7 새 사이트 꾸미기 513
11-8 다중 사이트 초기화 514

 

 

12장 테마 만들기 517
12-1 워드프레스 테마의 개요 519
12-2 워드프레스에 빈 테마 설치하기 520
12-3 새 테마 만들기 524
12-4 워드프레스의 기본 구조 528
12-5 테마 레이아웃 만들기 530
12-6 header.php 작성 533
12-7 sidebar.php와 functions.php 작성 536
12-8 footer.php 작성 543
12-9 index.php 작성 545
12-10 content.php 작성 548
12-11 페이지 내비게이션 만들기 550
12-12 사용자 정의 헤더와 배경 만들기 553
12-13 테마에 헤더 이미지 표시 556
12-14 테마 스타일 만들기 557
12-15 문서 목록을 요약으로 표시하기 567
12-16 요약에 특성 이미지 넣기 569
12-17 테마에서 WP-PageNavi 플러그인 사용하기 571
12-18 Footer에 회사소개 등 표시하기 573
12-19 댓글 처리 575
12-20 검색 관련 스크립트 작성 580
12-21 테마의 한글화 587

 

 

부록 A Aptana Studio3 사용법 593
A-1 앱타나 스튜디오 다운로드 595
A-2 앱타나 스튜디오 설치 596
A-3 앱타나 스튜디오 Workspace 설정 598
A-4 앱타나 스튜디오의 스킨 설정 599
A-5 웹서버 파일 편집 600
A-6 앱타나 스튜디오의 작업창 설정 602
A-7 앱타나 스튜디오의 자동완성 기능 604
A-8 앱타나 스튜디오의 글꼴 설정 605

 

 

부록 B Poedit 사용법 607
B-1 Poedit 다운로드 609
B-2 웹서버의 작업 폴더 다운로드 612
B-3 새 카탈로그 만들기 613

 

 

찾아보기 618