• 워드프레스 완벽 입문
  • HTML/CSS 기초부터 부트스트랩을 활용한 테마 제작까지

  • 김덕기 지음

  • 오픈소스 & 웹 시리즈 _ 043
  • ISBN: 9788998139063
  • 35,000원 | 2012년 10월 30일 발행 | 664쪽



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

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

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

워드프레스 일반 사용자와 웹디자이너, 웹개발자를 위한 지침서!

워드프레스는 웹사이트 및 블로그를 만드는 데 최적의 도구입니다. 단순한 블로그부터 시작해 기업 홈페이지, 뉴스 사이트, 팬 카페, 디시인사이드와 같은 포럼, 인터넷 쇼핑몰에 이르기까지 다양한 웹사이트를 만들 수 있습니다.

해외에서는 워드프레스의 인기가 아주 높아서 현재 만들어져 있는 웹사이트 중 워드프레스가 차지하는 비율이 17퍼센트에 달합니다. 미국 정부 각 기관이나 미디어 사이트 등의 홈페이지에 사용되고 있으며, 대표적인 사이트로 미국 CIA, US Army를 비롯한 미국방성 등 미정부기관과 CNN, 이베이, 야후!, 삼성, 포드, 피플매거진 등 많은 곳에서 블로그 프로그램으로 사용하고 있습니다.

국내에서는 블로터닷넷과 서울시 홈페이지가 워드프레스로 만들어졌습니다. 사용의 용이함과 디자인 변경의 자유로움으로 향후 국내에서 워드프레스를 사용하는 인구는 늘어날 전망이고 이와 관련해서 웹디자이너와 웹개발자들이 워드프레스를 활용하는 데 이 책이 크게 도움될 것입니다.

트위터 부트스트랩을 이용한 모바일 웹사이트 제작!

또한 이 책에서는 워드프레스를 사용하기 위한 정보를 총괄하고 있으며, 워드프레스 테마를 디자인하기 위한 웹 기초 지식과 CSS, HTML을 비롯해 특히 해외 웹디자이너들에게 각광받고 있는 트위터 부트스트랩으로 모바일용 테마를 만드는 방법까지 소개합니다.

김덕기

금융기관에서 퇴직한 후 평소 열망하던 웹디자인 분야에 입문해 포토샵, CSS, 제이쿼리, 워드프레스 등 웹디자인 관련 지식을 블로그를 통해 공유하며, 프리랜서 웹디자이너로 활동 중. 워드프레스 공식 한글 번역가(아이디 martian36) 및 밸리데이터(Validator)로 참여해 워드프레스 한글 번역의 미진함을 업데이트하고 필수 플러그인 번역하고 있으며, 티스토리 블로그(http://martian36.tistory.com)를 운영 중이다.

  • ▣ 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 버전과 기본 테마

예제 코드 다운로드 페이지

도서 소개자료

관련 글


엮인 글

엮인 글 주소: http://wikibook.co.kr/wordpress/trackback/