"내집 마련 프로젝트" 워드프레스 사이트를 구축하는 방법입니다. 기초과정입니다. ABCD : http://www.abcds.kr/ Facebook Group : https://www.facebook.com/groups/562787713823026/ 한성일 : https://www.facebook.com/jamie.han.16 iheart79@gmail.com

1. 내집

2. 마련

3. 프로젝트

4. #2
워드프레스

5. 기초

6. 과정
스노우키위,

7. 한성일

8. 1. 오늘

9. TODO
• 페이지와 포스트
• 플러그인
• 외모
• 유료테마 사용하기

10. 관리자 로그인
http://www.abcds.kr/wp-login.php

11. 구성
포트폴리오 위주로

12. 구성
TwentyThirteen

13. 2. 페이지와 포스트

14. 페이지
네비게이션 역할
글 타이틀
컨텐츠

15. 페이지
1
2

16. 메뉴
??
V
1
2
3
Drag로 순서변경

17. 메뉴

18. 포스트
• 1개의 글
• 가장 기본적인 구성요소

19. 카테고리
1
2
3

20. 글쓰기

21. 글쓰기

22. 글쓰기 (미디어 삽입)

23. 글쓰기 (미디어 삽입)

24. 글쓰기 (옵션)

25. 글쓰기

26. 2. 플러그인

27. 워드프레스 구조
Plugin
지면 (Wordpress Core)
DB, 리소스 관리…
Theme

28. 플러그인
• 기존에 없던 기능을 사용할 수 있다.
• 쉽다.
• 무한 확장

29. 소셜공유
SHAREAHOLIC
플러그인 검색
1
2
3

30. 소셜공유
4
5

31. 소셜공유

32. 소셜공유
Post 상세에서만 출력되도록 변경

33. 댓글(DISQUS)
기본 댓글

34. 댓글(DISQUS)
DISQUS 1
2
3
4

35. 댓글(DISQUS)
5

36. 댓글(DISQUS)
6

37. DISQUS (댓글)
댓글 관리 주소를 설정
v
7
8

38. DISQUS (댓글)

39. 젯팩
jetpack

40. 젯팩 (회원가입)

41. 젯팩 (통계)

42. 젯팩 (통계)

43. 젯팩 (파비콘설정)
1 2

44. 젯팩 (파비콘설정)
3
4

45. GOOGLE FONT
WP Google Fonts
* 구글폰트
웹폰트 설정
1
2

46. GOOGLE FONT
WP Google Fonts
@import url(http://
fonts.googleapis.com/
earlyaccess/nanumgothic.css
) ;
body, h1, h2, h3, h4, h5,
h6, li, p { font-
family:Nanum Gothic !
important ; }
나눔 고딕으로 변경
(복사해서 넣으세요)
3
4
5

47. GOOGLE FONT
WP Google Fonts

48. 3. 외모

49. 테마
• 테마마다 많은 세부적 기능들이 다름
• 테마파일을 업로드한다.
• 테마 파일을 검색한다.

50. 사용자 정의하기

51. 테마 설치 방법
1

52. 테마 설치 방법
2

53. 테마 선택 시간
• 30 Free, Responsive and Stunning WordPress Themes
• 38 Free Portfolio WordPress Themes

54. 위젯
Drag
타이틀

55. 위젯 주 위젯 영역
부 위젯 영역 (푸터)

56. 꾸며보기

57. 4. 유료테마 사용하기

58. THEME FOREST
http://themeforest.net
• 유료 테마 마켓

59. DOCTYPE
2015년 1월에만 무료로 다운받을 수 있습니다.

60. DOCTYPE
http://themeforest.net/item/doctype-a-flat-and-minimal-portfolio-theme/5576976?
WT.ac=free_fileWT.z_author=Codestag
1

61. DOCTYPE
2

62. 메일인증
DOCTYPE회원가입
3
4
5
6

63. DOCTYPE
압축해제
9
8
10

64. DOCTYPE
11
12

65. DOCTYPE (네비게이션 설정)

66. DOCTYPE (네비게이션 설정)

67. DOCTYPE (네비게이션 설정)

68. DOCTYPE (네비게이션 설정)
1
2

69. DOCTYPE (포트폴리오 설정)
1
2
3

70. DOCTYPE (포트폴리오 설정)
1
2
3

71. DOCTYPE (포트폴리오 설정)
1
2
3

72. DOCTYPE

73. DOCTYPE

74. DOCTYPE (THEME OPTIONS)

75. DOCTYPE (THEME OPTIONS)

76. 5. 다음주

77. 다음주
부족한 부분이 있다면 채워서 완성

78. 다음주

79. 수고하셨습니다.. :)
ABCD
https://www.facebook.com/groups/562787713823026/
한성일
https://www.facebook.com/jamie.han.16
iheart79@gmail.com