DIY 워드프레스(위키북스 오픈소스 웹 시리즈 55)

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



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



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



국내에서는 서울시청 등 일부 관공서의 홈페이지가 워드프레스로 제작됐고, 대기업 중에서는 삼성전자, LG 전자, 현대종합상사 GS칼텍스 등의 블로그가 워드프레스로 제작됐습니다.



사용하기가 편리하고 디자인을 자유롭게 변경할 수 있어 국내에서 워드프레스를 사용하는 인구는 늘어나고 있지만, 초보자가 워드프레스로 홈페이지 등을 구축하기에는 여전히 어려움이 많습니다. 이 책은 프로그래밍에 대한 지식이 없는 사람도 쉽게 워드프레스로 홈페이지나 블로그를 구축할 수 있게 구성돼 있습니다. 그동안 망설였던 모든 분들에게 좋은 길잡이가 될 것입니다.



[소스코드 다운로드 & 블로그]



이 책에서 진행한 모든 실습 파일은 아래 URL에서 내려받을 수 있습니다. 또 이 책의 내용에 오류가 있거나 질문사항이 있으면 아래 블로그의 방명록이나 관련 글에 댓글을 남겨주시면 답변드리겠습니다.

▣ 블로그 주소: http://martian36.tistory.com/1196

▣ 1장: 워드프레스 시작하기

01 _ 워드프레스란

오픈 소스 프로그램과 GPL

콘텐츠 매니지먼트 시스템

블로그의 형태

02 _ 워드프레스 소개

워드프레스 탄생과 발전 과정

워드프레스의 특징

워드프레스 통계

03 _ 워드프레스의 새 버전

워드프레스 37 버전의 새 기능

워드프레스 38 버전의 새 기능

워드프레스 38의 기본 테마

04 _ 이 책을 진행하면서 필요한 것들

HTML과 CSS에 관한 지식

텍스트 편집기

구글 크롬 브라우저

웹 서버 환경 만들기와 데모 사이트 만들기

05 _ 내 컴퓨터에 워드프레스 설치

Autoset 설치

워드프레스 설치

06 _ 웹 호스팅에 워드프레스 설치

회원 가입 및 계정 생성

관리자 화면

데이터베이스 만들기

wp-configphp 파일 만들기

파일질라로 파일 업로드

빠르게 업로드

파일질라에서 편집기 사용하기

워드프레스 로그인

07 _ 유료 테마 구매

워드프레스 테마의 중요성

워드프레스 테마란?

테마 선택의 중요성

테마 선택 시 고려할 사항

유료 테마 구매

08 _ 테마 설치하기

테마 검색

워드프레스에서 직접 검색해서 설치하기



▣ 2장: 포스팅하기 전에 알아야 할 사항

01 _ 관리자 화면

로그인 주소

툴바

그라바타

주 메뉴(Main Navigation Menu)

알림판

02 _ 설정

일반 설정

쓰기 설정

읽기 설정

토론 설정

그라바타 등록

미디어 설정

고유주소 설정

03 _ 관리자 프로필 만들기, 회원 등록, 회원 관리

관리자 프로필 등록

회원 등록

사용자 레벨과 권한

새 사용자 추가

회원 정보 관리

04 _ 댓글 관리

알림판과 댓글 관리 화면에서 댓글 관리하기

댓글 관리 키보드 단축키

스팸 관리 플러그인 설치하기

05 _ 고유주소(Permalink) 설정

고유주소와 검색엔진 최적화

글 제목 슬러그 만들기

06 _ 포스트와 페이지의 차이점과 페이지 만들기

포스트와 페이지의 차이

페이지 만들기

메뉴의 상하 관계

07 _ 위젯 사용하기

위젯 설정하기

위젯 편집하기

텍스트 위젯 사용하기

Twenty Fourteen의 위젯 영역

접근 모드 활성화

위젯 글자 스타일링하기

08 _ 한글 웹 폰트 사용하기

로그인 주소

관리자 화면을 나눔 고딕 체로 변경하기

09 _ 플러그인

워드프레스 기본 플러그인

유료 플러그인과 무료 플러그인

플러그인 사용하기

AddThis 플러그인 사용하기

가져오기 플러그인 사용하기



▣ 3장: 포스팅하기

01 _ 무엇을 쓸 것인가?

블로거는 인터넷 콘텐츠의 주 생산자

콘텐츠의 생산

02 _ 새 글쓰기 화면의 개요

03 _ 공개하기 메타 박스

상태

가시성

즉시

04 _ 편집기

비주얼 편집기

텍스트 편집기

05 _ 미디어 파일 업로드

미디어 설정

내 컴퓨터에서 업로드하기

URL에서 업로드하기

이미지 갤러리 만들기

라이트박스 플러그인 사용하기

미디어 라이브러리

이미지 편집

비디오, 오디오 파일 올리기

유튜브 동영상 사용하기

라이트박스에 유튜브 동영상 사용하기

06 _ 카테고리와 태그

카테고리

새 카테고리 만들기

카테고리 이름 변경하기

글을 다른 카테고리로 이동

태그

태그 만들기

07 _ 요약 메타 박스와 특성 이미지

요약

특성 이미지

요약과 특성이미지 활용

08 _ 글 형식과 기타 메타 박스

글 형식의 종류

토론

트랙백 보내기

댓글

슬러그

글쓴이

사용자 정의 필드

리비전

09 _ 사용자 정의 메뉴

메뉴 만들기

좌측 사이드바에 부메뉴 사용하기

푸터에 메뉴 사용하기

10 _ 테마

테마 관리

사용자 정의 헤더

사용자 정의 배경

Twenty Fourteen 테마의 템플릿 파일

콘텐츠의 중앙 배치



▣ 4장: 웹사이트 만들기

01 _ 자식 테마 만들기

자식 테마 폴더 만들기

함수 파일과 스타일 시트 수정하기

02 _ 사용자 정의하기

스킨의 선택 및 구글 웹 폰트 수정

로고와 파비콘

사이트 제목과 태그라인

메뉴 수정하기

전면 페이지 설정하기

슬라이더 옵션

슬라이더 이미지 편집하기

슬라이더 옵션 선택

슬라이더 이미지 수정

두 번째 슬라이더 이미지 추가

사용자 정의 화면에서 확인하기

글 화면에서 확인하기

유튜브 동영상 수정하기

특성 이미지 재생성하기

특성 페이지 설정하기

특성 페이지 추가

푸터 메뉴 만들기

페이지 & 글 레이아웃

댓글 옵션 설정

소셜 링크

이미지

사용자 정의 CSS, 개발자 박스, 개발자 툴팁

03 _ 위젯 사용하기

레이아웃 수정

정적인 홈페이지 사용하기

최신 글 위젯

폰트 아이콘

카테고리 위젯

뉴스 스크롤러 위젯

Woosidebars 플러그인

04 _ 전면 페이지 만들기

Page Builder by SiteOrigin 플러그인

메타 슬라이더 사용하기

페이지 만들기

행 추가

위젯 추가

05 _ 컨택트 페이지 만들기

Contact Form 7

컨택트 폼 추가

기본 폼의 수정

전화번호 입력 상자 추가

생년월일 입력 상자, 상담 분류 라디오버튼 추가

파일 업로드 옵션 추가

캡챠 플러그인 사용

답장 이메일 설정

구글 맵 사용하기

컨택트 페이지 만들기

리캡챠 플러그인

06 _ 아쿠아 페이지 빌더

페이지 위젯 만들기

사이드바 위젯 교체

위젯 배치하기

템플릿 블록 만들기

페이지 만들기

두 개의 페이지 빌더 병합

07 _ 테마 추가 수정

검색 상자 수정

테마 사이트 문서 이용

08 _ 로컬호스트에서 웹 호스트로 워드프레스 이전

데이터베이스 파일 백업

Search Replace DB 프로그램 내려받기

압축파일 업로드 및 파일 편집하기

데이터베이스 파일 수정

내 컴퓨터에서 실험하기

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



저서로 《워드프레스 쇼핑몰 만들기》(2013), 《워드프레스 완벽 입문》(2012), 《트위터 부트스트랩》(2013)이 있다.