소장자료검색

책소개

워드프레스 기초부터 테마 제작까지 완벽 해결!

이 책은 크게 두 부분으로 나뉜다. 전반부에서는 워드프레스의 모든 기능을 상세히 설명하고 워드프레스를 한번 설치해서 원하는 만큼의 블로그를 만들 수 있는 다중 블로그 사용법까지 자세히 설명한다. 후반부에서는 워드프레스 테마 만들기다. 웹디자인 초보자를 위해 HTML과 CSS의 기초부터 시작해 현재 해외에서 각광받고 있는 트위터 부트스트랩을 이용한 모바일 겸용 반응형 디자인을 만드는 방법까지 상세히 설명한다. 블로그뿐 아니라 웹사이트를 만들기 위해 전면 페이지 만들기와 다중 헤더와 푸터 사용하기, 외부 파일을 워드프레스 페이지로 만들기, 게시판을 만들기 위한 비비프레스 사용하기 등 워드프레스와 관련된 각종 기능을 상세히 소개한다.

이 책의 가장 두드러진 특징은 워드프레스 테마 만들기를 처음부터 끝까지 상세히 설명하고 있다는 점이다. CSS 웹디자인을 처음 시작하는 분들도 유용한 정보를 얻을 수 있고 웹디자이너와 웹개발자는 워드프레스의 템플릿 구조와 템플릿 태그를 이해하고 적용하는 데 크게 도움될 것이다.

목차

1장_워드프레스 시작

01. 워드프레스란
- 오픈소스 프로그램과 GPL
- 콘텐츠 매니지먼트 시스템
- 블로그의 형태
02. 워드프레스 소개
- 워드프레스 탄생과 발전 과정
- 워드프레스의 특징
- 워드프레스 통계
03. WAMP 서버에 워드프레스 설치하기
- WAMP 서버 설치
- 워드프레스 설치
- 데이터베이스와 phpMyAdmin, 워드프레스의 비밀번호 설정
04. 웹호스팅 환경에 워드프레스 설치하기
- 웹호스팅 신청
- 워드프레스 환경설정 파일 수정
- 파일질라 FTP 클라이언트를 이용해 웹호스팅 서버에 업로드하기
- 워드프레스 설치
05. 유료 웹호스팅 환경에 워드프레스 설치하기
06. 워드프레스닷컴에서 워드프레스 블로그 만들기
07. 워드프레스 홈페이지에서 테마 선택하기
08. 유료 테마 구매
- 워드프레스 테마의 중요성
- 테마 선택 시 고려할 사항
- 유료 테마 구매하기
09. 처음으로 포스팅하기

2장_드프레스 포스팅 전에 알아야 할 사항

01. 관리자 화면 개요
- 로그인 주소
- 그라바타
- 툴바
- 주 메뉴(Main Navigation Menu)
- 메뉴 축소
02. 알림판
- 화면 옵션
- 타이틀 바
- 블로그 현황
- 빨리 쓰기
- 최근 댓글, 최근 임시글, 들어오는 링크, 워드프레스 블로그, 플러그인
03. 설정
- 일반 설정
- 쓰기 설정
- 읽기 설정
- 토론 설정
- 그라바타 등록
- 미디어 설정
- 프라이버시 설정
- 고유주소 설정
04. 관리자 프로필 만들기, 회원 등록, 회원 관리
- 관리자 프로필 등록
- 회원 등록
- 사용자 레벨과 권한
- 새 사용자 추가
- 회원 정보 관리-
05. 댓글 관리
- 알림판과 댓글 관리 화면에서 댓글 관리하기
- 댓글 관리 키보드 단축키
- 스팸 관리 플러그인 설치하기-
06. 고유주소(Permalink) 설정
- 고유주소와 검색엔진 최적화
- WAMP 서버에서 모듈의 활성화, 웹호스팅 서버에 .htaccess 파일 추가하기
- 글 제목 슬러그 만들기-
07. 포스트와 페이지의 차이점과 페이지 만들기
- 포스트와 페이지의 차이
- 페이지 만들기
- 메뉴의 상하 관계
08. 위젯 사용하기
- 위젯 설정하기
- 위젯 편집하기
- 텍스트 위젯 사용하기
- 접근 모드 활성화
- 위젯 글자 스타일링하기-
09. 한글 웹폰트 사용하기
- 모빌리스 웹폰트 사이트에서 링크 복사
- 워드프레스 편집기에서 편집하기-
10. 다중 사이트(Multisite) 블로그 만들기
- 다중 사이트 만들기
- 네트워크 관리-
11. 플러그인
- 워드프레스 기본 플러그인
- 유료 플러그인과 무료 플러그인
- 워드프레스 홈페이지에서 내려받아 설치하기

3장_포스팅 하기

01. 무엇을 쓸 것인가?
- 블로거는 인터넷 콘텐츠의 주 생산자
- 콘텐츠의 생산
02. 새 글 쓰기 화면 개요
03. 공개하기 메타박스
- 상태
- 가시성
- 즉시
04. 편집기
- 비주얼 편집기
- HTML 편집기
05. 미디어 파일 업로드
- 미디어 설정
- 내 컴퓨터에서 업로드하기
- URL에서 업로드하기
- 이미지 갤러리 만들기
- 이미지 편집
- 미디어 라이브러리
- 비디오, 오디오 파일 올리기
- 유튜브 동영상 올리기
06. 카테고리와 태그
- 카테고리
07. 요약 메타박스
- 태그
08. 특성 이미지
09. 글 형식(Post Formats)
- 글 형식의 종류
- Twenty-Eleven 테마의 하루살이 위젯
10. 기타 메타박스
- 토론
- 트랙백 보내기
- 댓글
- 슬러그
- 글쓴이
- 사용자 정의 필드
- 리비전
11. 링크
- 링크 카테고리 만들기
- 새 링크 만들기
- 링크 편집
- 링크 목록을 사이드바에 설치하기
12. 사용자 정의 메뉴
- 메뉴 만들기
- 메뉴 이동 배치
- 사이드바에 메뉴 배치
13. 테마
- 테마 관리
- 테마 옵션
- 사용자 정의 헤더
- 사용자 정의 배경

4장_테마 만들기

01. 웹 프로그래밍 언어
- PHP와 자바스크립트
- HTML과 CSS
02. HTML
- HTML의 간략한 역사
- HTML5의 추가된 태그
- HTML5의 태그
03. HTML5와 CSS를 이용한 레이아웃
- 기본 웹페이지 만들기
- 태그 선택자, 블럭 요소
- CSS의 구문 구조와 선택자
- 마진과 패딩, 테두리(border)의 관계
- 배경 이미지 삽입하기
- 내비게이션 메뉴 만들기
04. 워드프레스의 테마 구조
- 워드프레스 설치 폴더의 내용
- 템플릿 계층구조(Template Hierarchy)
- 템플릿 파일과 템플릿 태그
05. 템플릿 파일 만들기
- 빈 템플릿 파일 만들기
- header.php 파일의 내용 추가하기
- footer.php 파일 내용 추가하기
- sidebar.php 파일 내용 추가하기
- function.php 파일 내용 추가하기
- index.php 파일에 콘텐츠 영역 만들기
- single.php 파일 내용 추가하기
- search.php 파일 내용 추가하기
- archive.php 파일 내용 추가하기
- 404.php 페이지 내용 추가하기
06. Font Awesome 폰트 아이콘 삽입하기

5장_테마 수정

01. 트위터 부트스트랩
- 트위터 부트스트랩의 특징
- 트위터 부트스트랩 파일 내려받기
- 트위터 부트스트랩의 개요
02. 콘텐츠 입력하기
- 카테고리 만들기
- 메뉴 등록하기
- 글 만들기
- 워드프레스 파일 내보내기와 가져오기
- 플러그인 설치
03. 자식 테마(Child Theme) 폴더 만들기
- 프로젝트 폴더 만들기
- 테마 폴더 파일 정리
- 자바스트립트와 스타일시트 파일 붙여넣기
- 함수를 사용해 관련 파일 링크하기
04. 부트스트랩으로 레이아웃 만들기
- 기본 테마의 HTML 구조
- 테마에 부트스트랩 레이아웃 적용하기
- 레이아웃 정리
05. 테마 스타일시트 시작
- 메뉴바
- 헤더 이미지의 수정
- 전체 파일에 레이아웃 적용하기
- 메인(main) 영역의 레이아웃
- 초기 화면 편집
- 싱글 페이지 수정
- 사이드바 수정
- 푸터 수정
- IE 버그 수정

06장_전면 페이지(Front Page) 만들기

- front-page.php 파일 만들기
- 플러그인 설치
- 사이드바 파일 만들기
07. 구글 애드센스와 구글 애널리틱스 사용하기
08. 워드프레스에 외부파일 사용하기
09. 부트스트랩 메뉴바 수정
- 부트스트랩 다단계 하위 메뉴 만들기
- 부트스트랩의 다단계 메뉴 사용법
- 하위 메뉴 위치 이동
10. 푸터 영역에 메뉴바 추가하기
11. 컨텍트 폼의 사용과 기본 페이지 파일(page.php)의 수정
12. 작성 일자 스타일링하기
13. 다중 헤더와 다중 푸터 사용하기
- header.php 파일과 footer.php 파일 만들기
- header.php 파일의 수정
- footer.php 파일의 수정
- IE 버그 수정
14. 비비프레스(bbPress)
- 비비프레스 사용하기
- 포럼 화면의 수정

부록
01. 템플릿 태그
02. 플러그인
- 젯팩(Jetpack) 플러그인
- 기타 플러그인
03. 티스토리 블로그 글 가져오기
- 다중 블로그 기능 제거
04. 워드프레스 업데이트
- 자동 업데이트
- 수동 업데이트
05. 워드프레스 3.5 버전과 기본 테마