로그인회원가입장바구니고객센터마이페이지회사소개
kangcom
전체
Home >   >   > 

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

 [오픈 소스 & 웹 시리즈_043]
   
지은이 김덕기   |   출판사 위키북스  |   발행일 2012년 10월 30일
 
클릭하시면 큰 도서이미지를 보실 수 있습니다.
판매가 35,000원31,500원 10%
마일리지 5% 1,750원
발행일 2012-10-30
ISBN 8998139065 | 9788998139063
기타정보 국내서 | 664쪽 | 일반
예상출고일 1~2일 이내 (근무일기준)
배송비 무료배송
   
인터넷
종합지수 29p 19 위
   
 

[출판사서평]

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

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

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


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

워드프레스는 웹사이트 및 블로그를 만드는 데 최적의 도구입니다. 단순한 블로그부터 시작해 기업 홈페이지, 뉴스 사이트, 팬 카페, 디시인사이드와 같은 포럼, 인터넷 쇼핑몰에 이르기까지 다양한 웹사이트를 만들 수 있습니다.
해외에서는 워드프레스의 인기가 아주 높아서 현재 만들어져 있는 웹사이트 중 워드프레스가 차지하는 비율이 17퍼센트에 달합니다. 미국 정부 각 기관이나 미디어 사이트 등의 홈페이지에 사용되고 있으며, 대표적인 사이트로 미국 CIA, US Army를 비롯한 미국방성 등 미정부기관과 CNN, 이베이, 야후!, 삼성, 포드, 피플매거진 등 많은 곳에서 블로그 프로그램으로 사용하고 있습니다
국내에서는 블로터닷넷과 서울시 홈페이지가 워드프레스로 만들어졌습니다. 사용의 용이함과 디자인 변경의 자유로움으로 향후 국내에서 워드프레스를 사용하는 인구는 늘어날 전망이고 이와 관련해서 웹디자이너와 웹개발자들이 워드프레스를 활용하는 데 이 책이 크게 도움될 것입니다.

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

또한 이 책에서는 워드프레스를 사용하기 위한 정보를 총괄하고 있으며, 워드프레스 테마를 디자인하기 위한 웹 기초 지식과 CSS, HTML을 비롯해 특히 해외 웹디자이너들에게 각광받고 있는 트위터 부트스트랩으로 모바일용 테마를 만드는 방법까지 소개합니다.
▣ 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 버전과 기본 테마
김덕기
금융기관에서 퇴직한 후 평소 열망하던 웹디자인 분야에 입문해 포토샵, CSS, 제이쿼리, 워드프레스 등 웹디자인 관련 지식을 블로그를 통해 공유하며, 프리랜서 웹디자이너로 활동 중. 워드프레스 공식 한글 번역가(아이디 martian36) 및 밸리데이터(Validator)로 참여해 워드프레스 한글 번역의 미진함을 업데이트하고 필수 플러그인 번역하고 있으며, 티스토리 블로그(http://martian36.tistory.com)를 운영 중이다.
등록된 서평이 없습니다.
 
전체평균(0)
회원평점   회원서평수 0
위키북스 출판사의 신간
라즈베리 파이 3 입문과 실전 활용: 한 권으로 끝내자!
후쿠다 카즈히로 저
25,200원
(10%↓+5%)
 
크롤링 핵심 가이드: 웹 사이트 크롤링을 위한 실전 테크닉
타케조에 나오키, 시마모토 타카코, 타도코로 슌스케, 하기노 타카히로, 카와카미 모모코 저
19,800원
(10%↓+5%)
 
마음을 움직이는 디자인 원리: 심리학과 행동 경제학을 적용한 행동 변화를 위한 UX 디자인
스티븐 웬델 저
25,200원
(10%↓+1%)
 
정보보안 콘테스트를 위한 CTF 문제집: Capture The Flag 기출 문제 및 응용 문제 해설
시미즈 유타로, 타케사코 요시노리, 니이보 하야토, 하세가와 치히로, 히로타 카즈키, 호요우 타카아키, 미노우 케이스케, 미무라 사토시, 모리타 코우헤이, 야기하시 유우, 와타나베 유타카 저
22,500원
(10%↓+5%)
 
데이터 분석을 떠받치는 수학: 엑셀과 수학, 통계로 배우는 데이터 과학의 기술
손민규 저
22,500원
(10%↓+5%)
 
이메일주소수집거부