77
1

ysu(영산대학교) wordpress

Embed Size (px)

DESCRIPTION

영산대학교 워드프레스 교육 요약본

Citation preview

Page 1: ysu(영산대학교) wordpress

1

Page 2: ysu(영산대학교) wordpress

(현) 온라인활용전략연구소대표(현) DreamJ Communication 대표(현) 비즈니스 코디네이터 및 컨설턴트(현) 조선일보 - 커리어스쿨의 칼럼리스트 '올댓소셜‘

(현) 후이즈, 고도몰 강사(현) 한국 직무 교육 센터 온라인 전략 담당 교수

[ 컨설팅 ]

4.11 국회의원선거 후보, 방송국, 은행, 병원,뷰티샵,미용 용품, 잡지사, 프랜차이즈, 모바일 서비스4.11 국회의원선거 후보, 방송국, 은행, 병원,뷰티샵,미용 용품, 잡지사, 프랜차이즈, 모바일 서비스온라인 교육 플랫폼 서비스 업체, 6.2지방선거 후보 온라인홍보 컨설팅온라인 쇼핑몰, 은행, 고기프랜차이즈, 휘트니스센터, 한의원, 1인기업가, 안흥찐빵, 보험사꽃배달, 유기농농산물, 성형외과, 유학원,

[ 강의 ]

SBS,SBSCNBC,경기도여성능력센터,삼성에스원,여성경제인협회,SK엔크린, 한국바이오협회,

중소기업청,소호진흥협회,부천대학교,서울벤처정보대학원대학교,동국대학교,계명대학교,경북안동대학,

한국직무능력향상센터,르호봇1인창조기업, 블로그피알, 유통과학연구회,기획연구회,브이코아,마제모,

영유경, 2Jobs, 비즈노, 자기경영플러스,창업길라잡이,TOZ, 인터넷마케팅클럽,온누리교회한국영업인협의회, 한국창업아카데미, 한국여성벤처협회

2

Page 3: ysu(영산대학교) wordpress

3

Page 4: ysu(영산대학교) wordpress

Contents

1. 워드프레스 설치 준비

2. 워드프레스 설치하기

3. 워드프레스 관리자 설정하기

4

4. 워드프레스 위젯 다루기

5. 워드프레스 필수 플러그인 활성화 하기

6. 워드프레스 통계 및 연동하기

Page 5: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-1. About 워드프레스

1-2. 호스팅 계정 만들기

1-3. FTP 프로그램 설치하기

5

1-4. 워드프레스 사이트 메뉴 설정하기

1-5. 디자인 스튜디오 활용하기

Page 6: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

6

Page 7: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

7

Page 8: ysu(영산대학교) wordpress

http://en.wordpress.com/stats/

1.워드프레스 설치 준비

8

Page 9: ysu(영산대학교) wordpress

http://en.wordpress.com/stats/

1.워드프레스 설치 준비

9

Page 10: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

10

Page 11: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

11

- 포스트 페이지에서 작성 시간의 역순으로 리스트 됩니다.- Sticky Posts로 지정한 포스트는 다른 포스트보다 먼저 표시됩니다.- Archives, Categories, Recent Posts와 위젯을 통해 접근할 수 있고,블로그의 RSS Feed를 통해서도 보여질 수 있습니다.- Reading Setting에서 한번에 표시되는 포스트의 수를 조정할 수 있습니다.- 포스트는 날짜가 포함된 Permalink를 가질 수 있습니다.

Page 12: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

12

- About나 Contact와 같은 정적인 컨텐츠 작성에 주로 사용됩니다.- 작성시간에 따라 리스트되지 않습니다.- 태그나 카테고리를 사용할 수 없습니다.- 사이드바에 표시하기 위해서는 페이지 위젯을 사용해야 합니다.- 날짜가 포함된 Permalink를 가질 수 없습니다.

Page 13: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

13

Page 14: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

워드프레스를 해야 하는 5가지 이유

1. 웹에 대한 지식이 없어도 활용할 수 있다.

2. 테마를 활용한 홈페이지를 능가하는 디자인

3. 포털에서 독립이 가능하다.

14

3. 포털에서 독립이 가능하다.

4. SEO 최적화된 사이트 구축

5. 플러그인을 활용한 많은 기능을 쉽게 추가할 수 있다.

Page 15: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-1. About 워드프레스

1-2. 호스팅 계정 만들기

1-3. FTP 프로그램 설치하기

15

1-4. 워드프레스 사이트 메뉴 설정하기

1-5. 디자인 스튜디오 활용하기

Page 16: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-2. 유용한 프로그램 설치하기 : 크롬

16

Page 17: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-2. 유용한 프로그램 설치하기 : 크롬파이어버그, IETab

17

Page 18: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-2. 호스팅 계정 만들기

http://dothome.co.kr/

18

http://bizfree.paran.com/

http://www.woobi.co.kr/

http://dothome.co.kr/

Page 19: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-2. 호스팅 계정 만들기

19

Page 20: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-1. About 워드프레스

1-2. 호스팅 계정 만들기

1-3. FTP 프로그램 설치하기

20

1-4. 워드프레스 사이트 메뉴 설정하기

1-5. 디자인 스튜디오 활용하기

Page 21: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-3. FTP프로그램 설치하기

21

Page 22: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-1. About 워드프레스

1-2. 호스팅 계정 만들기

1-3. FTP 프로그램 설치하기

22

1-4. 워드프레스 사이트 메뉴 설정하기

1-5. 디자인 스튜디오 활용하기

Page 23: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-4. 워드프레스 사이트 메뉴 설정하기

23

Page 24: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-1. About 워드프레스

1-2. 호스팅 계정 만들기

1-3. FTP 프로그램 설치하기

24

1-4. 워드프레스 사이트 메뉴 설정하기

1-5. 디자인 스튜디오 활용하기

Page 25: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-5. 디자인스튜디오 설치하기

25

디자인 스튜디오

http://dev.naver.com/projects/dstudio

Page 26: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-5. 디자인스튜디오 설치하기

26

Page 27: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

디자인스튜디오를 활용하여 메뉴 구성도의화면을 만들어 보세요.

27

Page 28: ysu(영산대학교) wordpress

28

Page 29: ysu(영산대학교) wordpress

1.워드프레스 설치 준비

1-1. About 워드프레스

1-2. 호스팅 계정 만들기

1-3. FTP 프로그램 설치하기

29

1-4. 워드프레스 사이트 메뉴 설정하기

1-5. 디자인 스튜디오 활용하기

Page 30: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

2-2. 메뉴 설정하기

2-3. 위젯 활용하기

30

2-4. 테마 설치하기

Page 31: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

http://wpmasterbook.dothome.co.kr/

http://wpmasterbook.dothome.co.kr/ wp-login.php

31

Page 32: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

32

Page 33: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

33

Page 34: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

34

Page 35: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

35

Page 36: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

36

Page 37: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

37

Page 38: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

38

Page 39: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

39

Page 40: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

40

Page 41: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

41

Page 42: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

42

Page 43: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

1. 머리글머리글머리글머리글(header.php)

2. 처음처음처음처음 10줄까지줄까지줄까지줄까지 있는있는있는있는 ‘<? php’, ‘/**’와와와와 ‘*’ , ‘*/’ 그리그리그리그리고고고고 ‘?>’의의의의 표시표시표시표시 삭제삭제삭제삭제

43

고고고고 ‘?>’의의의의 표시표시표시표시 삭제삭제삭제삭제

3.

Page 44: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

44

Page 45: ysu(영산대학교) wordpress

45

Page 46: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

46

Page 47: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

47

Page 48: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

48

Page 49: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

49

Page 50: ysu(영산대학교) wordpress

2. 워드프레스 설치 준비

2-1. 대쉬보드 이해하기

50

Page 51: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-1. 플러그인 이란?

워드프레스에 기능을 추가할 수 있는 작은 프로그램

51

검색 적용 (설정) 활성화

Page 52: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기

52

http://www.wordpress.org

Page 53: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기

All-in-one-SEO Pack

53

사이트를 검색엔진최적화(SEO)에 반드시 필요한 플러그인.

Page 54: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기

All-in-one-SEO Pack

54

Page 55: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기

Google XML Sitemaps

검색 엔진이 사이트를 제대로 인덱싱한다.

55

Page 56: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기

WP Touch 아이폰에서 사이트와 사이트에 활성화플러그인을 볼 수 있다.

56

Page 57: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기

Better WP Security 사이트 보안에 취약한 부분을 확인하고, 보완할 수 있다.

57

Page 58: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기

붉은 색으로 표시된 부분의 설정을 변경하여 취약한 부분을 보완한다.

58

Page 59: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기Digg Digg

트위터, 페이스북, 링크드인등 SNS로 공유할 수 있도록 설정한다.

59

Page 60: ysu(영산대학교) wordpress

3. 필수 플러그인 설치하기

3-2. 플러그인 설치하기Digg Digg

60

Page 61: ysu(영산대학교) wordpress

61

Page 62: ysu(영산대학교) wordpress

4-1. 포털과 검색 엔진에 홍보하기

4-2. sitemap과 Robots 파일 활용하기

4-3. SEO 적용하기

4. 워드프레스 홍보하기

62

5. Q&A

Page 63: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-1. 포털과 검색 엔진에 홍보하기

http://searchad.naver.com/

WP Touch

63

https://register.search.daum.net

Page 64: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-1. 포털과 검색 엔진에 홍보하기http://blogsearch.google.co.kr/ping

64

https://www.google.com/webmasters/tools/submit-url

Page 65: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-2. sitemap과 Robots 파일 활용하기

65

Sitemap.xml ? Robots.txt ?

Page 66: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-2. sitemap과 Robots 파일 활용하기

Sitemap.xml

http://www.sitemapdoc.com/- sitemap.xml- sitemap.xml.gz

66

Page 67: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-2. sitemap과 Robots 파일 활용하기

Robots.txt

67

http://www.mcanerin.com/EN/search-engine/robots-txt.asp

Page 68: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-2. sitemap과 Robots 파일 활용하기

Robots.txt

Roots Folder에 올린다.

68

Page 69: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-2. sitemap과 Robots 파일 활용하기

http://wordpress.org/extend/plugins/robots-meta/

69

Page 70: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-3. SEO 적용하기In-page optimization

Meta Tag 설정

- <title> ~ </title> -<Meta ~ > Tag

70

- <title> ~ </title> -<Meta ~ > Tag: Keywors: Description

Page 71: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-3. SEO 적용하기In-page optimization

Meta Tag 설정

71

Page 72: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-3. SEO 적용하기In-page optimization

Link 설정

- <img src=“이미지 경로” alt=“이미지 설명”>

72

- <img src=“이미지 경로” alt=“이미지 설명”>

- 정확한 링크

- 내부 링크를 만들어라.

Page 73: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-3. SEO 적용하기Out-page optimization

Build Link - 깨진 링크를 확인하라.

73

http://www.iwebtool.com/broken_link_checker

Page 74: ysu(영산대학교) wordpress

4. 워드프레스 홍보하기

4-3. SEO 적용하기Out-page optimization

Build Link - 외부 링크를 만들어라

���� 지인들과 링크를 상호 교환하라.

74

���� 지인들과 링크를 상호 교환하라.

���� 다른 사이트나 SNS를 통해서 링크를 만들어라.

Page 75: ysu(영산대학교) wordpress

5. Q&A

워드프레스 운영

워드프레스 설치

75

워드프레스 홍보하기

워드프레스 플러그인, 위젯

Page 76: ysu(영산대학교) wordpress

http://cafe.daum.net/biz4biz

76

���� 후기 남겨주세요.

Page 77: ysu(영산대학교) wordpress

77