제주에서 작은 IT 사업을 하고 있는 유지 아빠가 보고 듣고 느끼는 진솔한 이야기를 나누는 공간입니다.

웹 & IT

워드프레스 책 중 가장 볼만한 " 처음시작하는 CSS & 워드프레스"

유지아빠 2013. 1. 16. 13:42

제가 쓴 3번째 책인 처음 시작하는 CSS & 워드프레스에 관해서 약간 설명을 드리겠습니다.


책에 대한 내용은  몇 회에 걸쳐 설명을 드리도록 하겠습니다.


이 책은 저의 3번째 책이면서, 가장 신경을 많이 쓴 책입니다. 

왜냐하면, 워드프레스란 CMS 가 초보자에게는 조금 힘들 수도 있는 툴이기 때문입니다. 

하지만 현재 워드프레스가 한국뿐만 아니라 전세계적인 대세이며, 웹 초보자들에게는 한번쯤 배우면 좋은 툴이기 때문입니다.


국내에서 지금까지 출간한 워드프레스 서적에서 가장 쓸만한 내용만 담으려고 많은 노력을 하였고, 쓸데 없는 부분은 과감히 생략을 한 책입니다. 


또한 이 책은 웹 사이트를 만드는 방법을 알긴 하지만, 프로그래머의 도움없이는 만들기 힘든 사이트를 만드는데 역점을 두었습니다.

워드프레스가 이런 방면에서는 가장 익히기 쉽고, 웹 표준에 적합하고, 전세계적인 커뮤니티가 결성되어 있어 작업시 많은 도움을 받을 수 있는 곳이 많기 때문입니다. 




그리고 이 책의 제목에서  "CSS & 워드프레스" 라고 명시한 이유는 워드프레스는 프레임은 존재하지만, 디자인을 변경하기 위해선 반드시 CSS에 대한 방대한 지식이 필요하기 때문입니다.  


1장과 2장에서는 CSS에 대한 간략하지만, 아주 필요한 요소에 대해서 설명을 했습니다. 


3장에서는 실제 워드프레스를 이용해서 만들기 전에 HTML과 CSS 만으로 사이트를 제작해 봅니다.

워드프레스에 직접 코드를 입히는 것 보단 따로 HTML과 CSS를 이용한 사이트를 만들어서 워드프레스로 하나씩 변경하는 것이 가장 안전하기 때문입니다. 


4장은 간단하게 워드프레스 설치방법에 대해서 알아 봅니다. 


5장은 이 책의 핵심으로 실제 3장에서 만든 사이트를 기반으로 워드프레스로 변경하는 작업을 합니다.

가장 중요하고 핵심적인 내용이 들어있는 장입니다.





전체적인 목차는 다음과 같습니다.



1장 CSS 소개 및 사용 방법
1.1 CSS 기초, 선택자의 종류 및 사용 방법
1.2 박스 모델
1.3 박스 모델의 float 및 position 속성 알아보기
1.4 백그라운드 속성
1.5 텍스트 속성
1.6 기타 속성
[여기서 잠깐] 블록 태그와 인라인 태그란?
[여기서 잠깐] 웹사이트에서 사용하는 길이 단위 알아보기
[여기서 잠깐] padding 값에 따른 width와 height의 상관 관계
[여기서 잠깐] 웹에서 사용하는 색상을 정의할 때의 방법 다섯 가지
[저자 인터뷰] 저자에게 묻는다!

2장 CSS를 이용한 다양한 예제 학습
2.1 다양한 메뉴 디자인
2.2 웹 표준 방식으로 텍스트 메뉴를 이미지로 변환 그리고 효과 적용하기
2.3 CSS를 이용한 사이트 레이아웃 디자인
[여기서 잠깐] CSS Reset이란?

3장 예제 사이트 개발하기
3.1 사이트 디자인과 프론트 페이지 레이아웃 작업
3.2 서브 페이지 ? 회사 소개 페이지 작업하기
3.3. 서브 페이지 ? 제품 소개 페이지 작업하기
3.4 서브 페이지 ? 뉴스 및 블로그 페이지 작업하기
3.5 웹사이트에 jQuery 적용하기
[여기서 잠깐] 폼 양식의 수직 정렬
[여기서 잠깐] CSS 코드 압축

4장 워드프레스 설치 및 기타 사항 알아보기
4.1 워드프레스 다운로드 및 설치하기
4.2 워드프레스 폴더 구조 및 테마 설치
4.3 글(post)과 페이지(page) 그리고 고유주소(permalink) 알아보기
4.4. 워드프레스 테마 파일 알아보기
[여기서 잠깐] localhost/wordpress를 localhost/식으로 변경하기
[여기서 잠깐] 모더나이즈란
[여기서 잠깐] the_excerpt()의 글자 길이 조정
[여기서 잠깐] 탯글에 아바타를 넣자
[여기서 잠깐] 태그 클라우드란

5장 워드프레스를 이용하여 기업 사이트 만들기
5.1 워드프레스를 이용한 사이트 만들기 전 준비 작업
5.2 index, header, footer, sidebar 파일 분석
5.3 header, footer 파일 수정하여 index.php 변경하기
5.4 회사 소개 페이지 만들기
5.5 제품 소개 페이지 만들기
5.6 뉴스 페이지 만들기
5.7 블로그 페이지 만들기
5.8 프론트 페이지 만들기
5.9 기타 페이지 작업하기

부록A 워드프레스 설정이 잘못된 경우의 해결책
부록B 로컬에서 작업한 사이트를 서버로 이전하기
부록C 워드프레스 사용자를 위한 유용한 플러그인 모음
부록D 개인 웹 서버 설치하기