워드프레스 기초 (abcd) #2
Post on 19-Jul-2015
908 Views
Preview:
TRANSCRIPT
내집����������� ������������������ 마련����������� ������������������ 프로젝트����������� ������������������ #2워드프레스����������� ������������������ 기초����������� ������������������ 과정
스노우키위,����������� ������������������ 한성일
1. 오늘
TODO
• 페이지와 포스트
• 플러그인
• 외모
• 유료테마 사용하기
관리자 로그인http://www.abcds.kr/wp-login.php
구성포트폴리오 위주로
구성Twenty Thirteen
2. 페이지와 포스트
페이지네비게이션 역할
글 타이틀
컨텐츠
페이지
1
2
메뉴
??
V1
2
3
Drag로 순서변경
메뉴
포스트• 1개의 글• 가장 기본적인 구성요소
카테고리1
2
3
글쓰기
글쓰기
글쓰기 (미디어 삽입)
글쓰기 (미디어 삽입)
글쓰기 (옵션)
글쓰기
2. 플러그인
워드프레스 구조Plugin
지면 (Wordpress Core)DB, 리소스 관리…
Theme
플러그인• 기존에 없던 기능을 사용할 수 있다.• 쉽다.• 무한 확장
소셜공유SHAREAHOLIC
플러그인 검색
1
2
3
소셜공유
4
5
소셜공유
소셜공유
Post 상세에서만 출력되도록 변경
댓글(DISQUS)기본 댓글
댓글(DISQUS)DISQUS 1
2
3
4
댓글(DISQUS)
5
댓글(DISQUS)
6
DISQUS (댓글)댓글 관리 주소를 설정
v7
8
DISQUS (댓글)
젯팩jetpack
젯팩 (회원가입)
젯팩 (통계)
젯팩 (통계)
젯팩 (파비콘설정)
1 2
젯팩 (파비콘설정)
3
4
GOOGLE FONTWP 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
45
GOOGLE FONTWP Google Fonts
3. 외모
테마
• 테마마다 많은 세부적 기능들이 다름
• 테마파일을 업로드한다.
• 테마 파일을 검색한다.
사용자 정의하기
테마 설치 방법1
테마 설치 방법2
테마 선택 시간
• 30 Free, Responsive and Stunning WordPress Themes
• 38 Free Portfolio WordPress Themes
위젯
Drag
타이틀
위젯주 위젯 영역
부 위젯 영역 (푸터)
꾸며보기
4. 유료테마 사용하기
DOCTYPE2015년 1월에만 무료로 다운받을 수 있습니다.
DOCTYPEhttp://themeforest.net/item/doctype-a-flat-and-minimal-portfolio-theme/5576976?WT.ac=free_file&WT.z_author=Codestag
1
DOCTYPE2
메일인증
DOCTYPE회원가입
3
4
5
6
DOCTYPE압축해제
9
8
10
DOCTYPE11
12
DOCTYPE (네비게이션 설정)
DOCTYPE (네비게이션 설정)
DOCTYPE (네비게이션 설정)
DOCTYPE (네비게이션 설정)
1
2
DOCTYPE (포트폴리오 설정)
1
2
3
DOCTYPE (포트폴리오 설정)
12
3
DOCTYPE (포트폴리오 설정)
1
2
3
DOCTYPE
DOCTYPE
DOCTYPE (THEME OPTIONS)
DOCTYPE (THEME OPTIONS)
5. 다음주
다음주
부족한 부분이 있다면 채워서 완성
다음주
수고하셨습니다.. :)ABCD
https://www.facebook.com/groups/562787713823026/
한성일 https://www.facebook.com/jamie.han.16iheart79@gmail.com
top related