출판사 서평
워드프레스로 사이트 제작이 가능하다면,
이젠 발전된 사이트로 멋지게 꾸며보자!
■ 책 소개
워드프레스로 부끄럽지 않은 사이트를 구축할 수 있는
워드프레스 사이트 디자인 책!
본서는 아마존(재팬) 『워드프레스』 분야의 베스트셀러인 『WrodPress 디자인 북 3.X』의 번역서다. 블로그 타입의 기본 워드프레스 사이트를 사용자정의 설정으로 자유자재로 커스터마이즈하는 디자인 기술을 소개하고 있다.
먼저, 블로그 타입의 기본적인 웹사이트를 만든 후, 제작한 사이트를 더 멋지게 꾸미기 위해 글의 내용과 디자인,...
워드프레스로 사이트 제작이 가능하다면,
이젠 발전된 사이트로 멋지게 꾸며보자!
■ 책 소개
워드프레스로 부끄럽지 않은 사이트를 구축할 수 있는
워드프레스 사이트 디자인 책!
본서는 아마존(재팬) 『워드프레스』 분야의 베스트셀러인 『WrodPress 디자인 북 3.X』의 번역서다. 블로그 타입의 기본 워드프레스 사이트를 사용자정의 설정으로 자유자재로 커스터마이즈하는 디자인 기술을 소개하고 있다.
먼저, 블로그 타입의 기본적인 웹사이트를 만든 후, 제작한 사이트를 더 멋지게 꾸미기 위해 글의 내용과 디자인, 메뉴 등을 사용자정의로 설정해보는 단계로 구성해서 블로그보다 발전된 사이트로 디자인을 변경하는 방법을 알려준다. 또한, 다양한 사용자정의 설정방법과 플러그인, 위젯의 활용방법, 사이트 구조에 알맞은 템플릿 활용방법을 배울 수 있으며, 포스트 및 네비게이션의 디자인 편집과 트위터(Twitter) 및 페이스북(Facebook), 구글플러스(Google+)와 포스트의 연동에 대해 배울 수 있다.
■ 출판사 리뷰
기존에 나와 있는 『만들면서 배우는 워드프레스 교과서』를 통해 워드프레스의 기본적인 기능과 사용법을 익히고 난 후, 자유롭게 웹사이트를 바꾸고 싶을 때 『바꾸면서 배우는 워드프레스 디자인』을 펼치면 다양한 방법과 디자인 노하우를 배울 수 있다. 본문의 예제를 STEP BY STEP 형식으로 따라할 수 있을 뿐만 아니라 『TIPS』 코너를 통해서도 다양한 노하우를 배울 수 있다.
예를 들어, 메인 페이지에서는 최신 글의 썸네일(작은 크기) 이미지와 요약문을 표시해서 한눈에 보기 쉽게 하거나, 카테고리 페이지에서는 오래된 기사부터 순서대로 구독할 수 있도록 사용자정의를 설정한다. 추천 글 및 인기 글, 관련 글 등을 표시해서 구독율을 높이거나 트위터(Twitter) 및 페이스북(Facebook), 구글플러스(Google+) 등과 같은 소셜 서비스와 연계하는 방법도 소개한다.
이 책을 처음부터 끝까지 따라해보면, 자연스럽게 워드프레스의 핵심 기능과 플러그인의 활용 방법 등을 배우게 되고, 실무에서도 쉽게 응용할 수 있다. 워드프레스의 디자인 변경과 추가 작업을 원하는 분들에게 좋은 길잡이가 될 것이다.
CHAPTER 01_기본적인 웹사이트 제작하기
워드프레스를 이용해서 기본적인 사이트를 제작한다. 각 페이지는 전용 템플릿으로 제작하고 사용자정의 메뉴 및 사용자정의 헤더, 위젯 등 기본적인 기능을 설정한다.
CHAPTER 02_사용자정의 준비하기
사이트를 사용자정의하기 위한 준비를 한다. 플러그인을 이용하기 위해 준비하거나 편집화면의 에디터를 사용하기 쉽도록 사용자정의를 설정한다. 또한 페이지를 판별하는 클래스 이름을 추가한다.
CHAPTER 03_기사 개별 페이지 사용자정의 지정하기
기사 개별 페이지의 사용자정의를 설정한다. 무료 이미지 및 특성 이미지, 사용자 필드를 활용하는 방법 및 개별 페이지만을 디자인하는 사용자정의 방법 등을 소개한다.
CHAPTER 04_기사의 목록 페이지 사용자정의 지정하기
톱페이지 및 카테고리 페이지, 월별 페이지로 분류된 기사의 목록을 표시하는 페이지의 사용자정의를 설정한다. 목록으로 만들 기사의 수 및 표시 순서를 변경하는 방법, 썸네일 이미지의 표시 및 추천 기사, 포스트 포맷을 활용하는 방법을 소개한다.
CHAPTER 05_네비게이션 사용자정의 지정하기
사이드바의 메뉴 및 앞뒤 페이지로 이동하는 링크, 네비게이션과 관련된 파트를 사용자정의로 설정한다. 오리지널 위젯을 작성하는 방법 및 microdata를 이용한 이동경로 목록의 작성 방법을 소개한다.
CHAPTER 06_정적 페이지 사용자정의 지정하기
정적 페이지의 사용자정의를 설정한다. 폼(Form)을 표시한 문의 페이지와 모든 기사를 목록으로 만든 인덱스 페이지를 작성한다.
CHAPTER 07_콘텐츠 분류와 검색하기
포스트 태그 및 사용자정의 포스트 타입(Custom Post Type)을 이용한 콘텐츠의 분류 방법을 소개한다. 사용자 포스트 타입으로 뉴스 기사를 관리한다.
CHAPTER 08_헤더와 이미지의 사용자정의 지정하기
헤더와 이미지의 사용자정의를 설정한다. 사용자정의 헤더(Custom Header)의 기능을 이용해서 헤더 이미지를 랜덤으로 표시하거나 크로스 페이드(Cross Fade) 슬라이드쇼 형식으로 표시한다. 또한 헤더 이미지 대신에 추천 기사를 표시하거나 이미지를 라이트 박스(Light Box) 형식으로 표시하는 방법도 소개한다.
CHAPTER 09_외부 서비스와 연동하기
외부 서비스인 Twitter 및 Facebook, Google+와의 연동을 설정한다. 또한 DISQUS를 이용한 코멘트 포스트 폼(Comment Post Form)을 설치한다.
APPENDIX_XAMPP를 이용한 로컬 서버 구축하기
XAMPP를 이용해서 로컬 서버를 구축하는 방법 및 워드프레스의 디버그(Debug) 기능을 소개한다.

 

목차
CHAPTER 01_기본적인 웹사이트 제작하기
STEP 1-1 이 책에서 제작할 페이지와 템플릿 살펴보기
STEP 1-2 반복 이용하는 파트와 파트 템플릿 살펴보기
STEP 1-3 테마 준비하기
STEP 1-4 기본 설정하기
STEP 1-5 콘텐츠 포스트하기
STEP 1-6 헤더와 푸터 작성하기
《TIPS》 HTML5 사용에 대하여
《TIPS》 HTML5의 태그 입력
《TIPS》 HTML5에서 폐지된 태그 및 속성
STEP 1-7 네비게이션바와 헤더 이미지 추가하기
STEP 1-8 톱페이지에 최신 기사 표시하기
STEP 1-9 사이드바 표시하기
《TIPS》 CSS3 사용에 대하여
《TIPS》 Internet Explorer 6의 지원
STEP 1-10 톱페이지 이외의 페이지 작성하기
《TIPS》 이 책에서 작성하는 템플릿 살펴보기
《TIPS》 페이지 생성에 사용하는 템플릿
《TIPS》 파트 템플릿
CHAPTER 02_사용자정의 준비하기
STEP 2-1 플러그인을 이용하기 위한 준비사항
《TIPS》 플러그인을 사용할 때 장점과 위험 요소
《TIPS》 플러그인의 검색과 설치하기
STEP 2-2 워드프레스의 버전 정보 숨기기
STEP 2-3 RSS 피드의 정보 출력하기
STEP 2-4 라이브러리 설정 출력하기
STEP 2-5 테마 편집기의 소스를 색으로 구분하기
《TIPS》 테마 편집기의 소스를 색으로 구분하는 플러그인
STEP 2-6 비주얼 에디터 이용하기
《TIPS》 비주얼 에디터의 편집 기능 확장하기
STEP 2-7 페이지 종류 식별하기
CHAPTER 03_기사 개별 페이지 사용자정의 지정하기
STEP 3-1 무료로 이용할 수 있는 이미지
《TIPS》 크리에이티브 커먼즈의 저작권
《TIPS》 URL을 지정해서 Flickr와 YouTube 등의 콘텐츠 표시하기
STEP 3-2 여러 이미지를 나열하고 목록 만들기
STEP 3-3 정해진 위치에 이미지 표시하기
STEP 3-4 사용자정의 필드에 입력한 부가 정보 표시하기
《TIPS》 사용자정의 필드의 정보 출력하기
《TIPS》 사용자정의 필드를 쉽게 사용하기
STEP 3-5 관련 기사 표시하기
《TIPS》 내부 링크 설정하기
《TIPS》 로컬 PC에서 ‘Yet Another Related Posts’ 플러그인 에러 메시지 해결 방법
STEP 3-6 기사의 개별 페이지를 사용자정의로 디자인하기
STEP 3-7 하나의 기사를 여러 페이지로 분할하기
《TIPS》 특성 이미지와 날씨 정보를 1번째 페이지에만 표시하기
STEP 3-8 이미지의 개별 페이지를 사용자정의로 디자인하기
CHAPTER 04_기사의 목록 페이지 사용자정의 지정하기
STEP 4-1 기사의 제목만 표시하기
STEP 4-2 기사의 제목과 요약문 표시하기
《TIPS》 요약문 끝에 줄 바꿈을 넣지 않고 링크 추가하기
《TIPS》 요약문의 글자 수 지정하기
STEP 4-3 기사마다 썸네일 이미지 표시하기
《TIPS》 자동 생성하는 이미지의 크기 늘리기
《TIPS》 업로드된 이미지 수정하기
《TIPS》 기사에 추가한 이미지의 썸네일 표시하기
STEP 4-4 페이지당 보여줄 글의 수 지정하기
《TIPS》 1페이지에 표시하는 기사의 수를 적게 할 경우 주의할 점
《TIPS》 톱페이지와 월별 페이지에 표시할 기사의 수 지정하기
《TIPS》 카테고리마다 표시할 기사의 수 변경하기
《TIPS》 《?php query_post( ); ?》로 지정할 수 있는 루프의 파라미터
STEP 4-5 오래된 기사부터 순서대로 표시하기
《TIPS》 업데이트 날짜가 새로운 기사부터 순서대로 표시하기
STEP 4-6 최신 기사 2건만 썸네일 이미지와 요약문 표시하기
《TIPS》 2번째 페이지에 11번째 이후의 제목 표시하기
STEP 4-7 추천 기사 표시하기
《TIPS》 추천 기사를 판별할 수 있는 클래스 이름
《TIPS》 추천 기사를 무작위로 표시하기
STEP 4-8 특정 포스트 포맷의 기사 표시하기
《TIPS》 Twenty Eleven의 포스트 포맷의 표시
《TIPS》 하위 테마를 이용한 템플릿 편집하기
CHAPTER 05_네비게이션 사용자정의 지정하기
STEP 5-1 오리지널 위젯을 작성하기 위한 준비
STEP 5-2 위젯으로 특정 포스트 포맷의 기사 표시하기
《TIPS》 복수의 포스트 포맷을 포함한 기사를 표시하는 경우
《TIPS》 포스트 포맷마다 출력 내용 변경하기
STEP 5-3 특정 카테고리에 속하는 기사의 메뉴 표시하기
《TIPS》 메뉴에 표시되는 기사의 수와 표시 순서 지정하기
STEP 5-4 카테고리 메뉴를 표시하기 위한 사용자정의
STEP 5-5 인기 기사의 순위 표시하기
STEP 5-6 microdata를 사용한 이동경로 작성하기
《TIPS》 microdata로 입력한 정보를 테스트하기
《TIPS》 계층화된 카테고리를 지원하는 이동경로 작성하기
《TIPS》 이동경로를 출력하는 플러그인
STEP 5-7 페이지 번호를 나열해서 이전 기사에 쉽게 접속하기
《TIPS》 페이지 번호 링크의 표시 범위 지정하기
《TIPS》 푸터에 3단 메뉴 표시하기
《TIPS》 페이지가 하나면 번호를 표시하지 않기
CHAPTER 06_정적 페이지 사용자정의 지정하기
STEP 6-1 문의 페이지 작성하기
STEP 6-2 인덱스 페이지 작성하기
《TIPS》 위젯 영역에 이름 붙이기
CHAPTER 07_콘텐츠 분류와 검색하기
STEP 7-1 태그로 기사 분류하기
《TIPS》 태그 클라우드 표시하기
STEP 7-2 사용자정의 포스트 타입을 이용해서 뉴스 기사 작성하기
《TIPS》 기본으로 준비된 포스트 타입
《TIPS》 복수의 포스트 타입의 기사 표시하기
《TIPS》 포스트 타입 메뉴의 표시 위치 지정하기
《TIPS》 사용자정의 포스트 타입의 기사를 사용자정의 Taxonomy의 카테고리로 분류하기
STEP 7-3 사이트에 검색 기능 추가하기
《TIPS》 검색 결과에 표시하는 포스트 타입 지정하기
《TIPS》 RSS 피드에 출력하는 포스트 타입 지정하기
CHAPTER 08_헤더와 이미지의 사용자정의 지정하기
STEP 8-1 사용자정의 헤더의 이미지를 랜덤으로 표시하기
STEP 8-2 헤더 이미지를 슬라이드 쇼 형식으로 표시하기
《TIPS》 ‘랜덤’을 선택할 때만 슬라이드 쇼 형식으로 표시하기
《TIPS》 사용자정의 헤더의 기본 이미지를 슬라이드 쇼 형식으로 표시하기
STEP 8-3 헤더 이미지 대신에 추천 기사 표시하기
《TIPS》 추천 기사 및 특성 이미지가 없는 경우 헤더 이미지 표시하기
STEP 8-4 이미지를 라이트박스 형식으로 팝업 표시하기
《TIPS》 라이트박스 배경의 투명도 변경하기
《TIPS》 기사의 본문 이외의 이미지를 라이트박스 형식으로 표시하기
CHAPTER 09_외부 서비스와 연동하기
STEP 9-1 소셜 북마크의 링크 설치하기
《TIPS》 플러그인을 이용하지 않고 소셜 북마크의 링크 버튼을 표시하는 경우
STEP 9-2 Twitter와 연동하기
STEP 9-3 OGP를 입력해서 Facebook과 연동하기
《TIPS》 정적 페이지의 콘텐츠의 종류 지정하기
STEP 9-4 외부 서비스와 연동하는 코멘트 포스트 폼 설치하기
《TIPS》 여러 가지 형태의 댓글 입력하기
《TIPS》 Google+와 연동하기
APPENDIX_XAMPP를 이용한 로컬 서버 구축하기