워드프레스 기초 (abcd) #3
TRANSCRIPT
내집����������� ������������������ 마련����������� ������������������ 프로젝트����������� ������������������ #3워드프레스����������� ������������������ 기초����������� ������������������ 과정
스노우키위,����������� ������������������ 한성일
1. 오늘
TODO
• 젯팩
• 커스텀 CSS
• PAGE BUILDER
• GOOGLE ANALYTICS
• 만들어보기
2. 젯팩
젯팩
• 다양한 기능 (엄청난?)
• 워드프레스 공식
• 페이지 UI 컨트롤
기능
기능
젯팩댓글과 소셜 공유를 젯팩의 기능을 사용하려고 합니다.
댓글
Disqus 비활성화 (or 삭제)1
소셜 공유
설정 > 공유 Drag
SHAREAHOLIC 비활성화1
커스텀 CSS 에서 수정 해볼께요.
문제발생!!
!!
타일갤러리
설정 > 미디어
타일갤러리
타일갤러리1 글쓰기
2
3
4
타일갤러리
캐러젤
캐러젤디카로 찍은 이미지일경우 카메라 정보 (EXIF 정보가 표시됩니다.)
3. 커스텀 CSS
문제확인
컨텐츠에서만 적용되야할 CSS 가 다른곳에 적용
크롬 > 마우스 오른쪽 버튼 > 요소검사
문제확인
돋보기 버튼 누른 후 원하는 곳 선택
문제확인1
2
문제부분 CSS 찾기
체크 해제
3 문제 영역 복사
.entry-content ul li:before 로 검색
4 외모 > 테마편집기
Cont + F or Command + F5
테마편집기
테마편집기
.comment-content ul { padding: 0; } .entry-content > ul li:before, .comment-content > ul li:before { content: "\f00c"; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; }
특정 부분에서만 적용되도록 수정6
결과 확인 7
테마편집기
문제확인 2 (CSS 편집)
.sd-sharing > .sd-content {padding: 15px;
}
컨텐츠와 너무 붙어있음1
2 외모 > CSS 편집3 코드 추가
CSS 편집
결과 확인 4
5. PAGE BUILDER
PAGE BUILDER 내장형유료테마는 내장된 경우가 많다. (보통 없기에 개인적으로..)
PAGE BUILDERPage Builder by SiteOrigin 플러그인 추가1
2 글쓰기 Page Builder 선택
PAGE BUILDER3 Add Row
PAGE BUILDERAdd Widget 선택 4
위젯 선택5
PAGE BUILDER위젯 선택6
5. GOOGLE ANALYTICS
특징
• 엄청난 통계 기능
• 정말 엄청남
• 쉬운 설치 ?
쉬운 통계 확인
기능
http://www.google.com/analytics/
Analytics 계정이 없는 경우 “계정 만들기” 로 계정 생성해 주세요.
다음 프로세스가 저와 다릅니다.(저는 이미 생성) 요소는 같기에 그냥 진행하시면 됩니다.
계정이 없는 경우
1
2
기능
이미 계정이 있는 경우2
기능
계정 식별용이름
사이트 이름
도메인
3
4
기능
추적 코드 생성 복사해 놓음
5
기능추적 코드를 넣는 기능이 있는 테마의 경우Doctype 경우 기능이 있기에 소스를 붙여 넣습니다.
추적 코드 기능이 없는 테마의 경우 플러그인 설치설정 > Google Analytics
6
6
기능
7 추가 완료
기능8 바로확인은 안되고 하루정도 시간이 걸림
MOBILE APP ANALYTICS FUNDAMENTALShttps://analyticsacademy.withgoogle.com/
• 한발 나아갔습니다. (Lv.1)
• 자신감
• 웹프로덕트의 이해
• 개발 환경 (FTP, SSH)
• 코딩 토대
끝으로
• 2015년 목표를 향해
• 파이썬(플라스크) or PHP 등의 웹
• IoT (아두이노, 라즈베리파이)
• 단기 프로젝트
• 가장 쉽게 재미있게 배우기
끝으로
끝으로
• 스피커를 찾습니다.
• (실무를 하는 내가 전문가)
• 종목은 IT 분야라면 OK
‘정말’ 수고하셨습니다.. :)ABCD
https://www.facebook.com/groups/562787713823026/
한성일 https://www.facebook.com/[email protected]