크롬에서 워드프레스 CSS 수정하기입니다. 워드프레스에선 html을 수정하거나, 웹사이트 수정에서도 적용할 수 있습니다. 워드프레스 추천 교육

1. 크롬 요소검사 활용하여
CSS 수정하기
크롬 요소검사 활용하여
CSS 수정하기
워드프레스 활용하기워드프레스 활용하기
워드프레스 가이드 북 , 소셜마케팅 ,
SNS 의 모든 것 , 애플과 구글처럼 제휴하라 ,
소셜리더가 되라의 저자
- 김대중 (http://www.youonbiz.com)
- 010-2721-7413
- kdj@youonbiz.com
06/10/13 1

2. 06/10/13 2

3. 06/10/13 3

4. 06/10/13 4

5. 06/10/13 5
신청 : webmaster@devmento.co.kr ,
kdj@youonbiz.com
Tel : 010-2721-7413

6. 크롬 요소검사 활용하여
CSS 수정하기
크롬 요소검사 활용하여
CSS 수정하기
크롬을 실행한 후에 F12 키를 누르면 하단에 페이지 코드가 보입니다 .
06/10/13 6

7. 크롬 요소검사 활용하여
CSS 수정하기
크롬 요소검사 활용하여
CSS 수정하기
코드를 선택하여 , 원하는 요소를 찾는다 .
Matched CSS Rules
에서 CSS 를 수정할
수 있다 .
06/10/13 7

8. 크롬 요소검사 활용하여
CSS 수정하기
크롬 요소검사 활용하여
CSS 수정하기
CSS 요소들을 변경하면 사이트에 반영 된다 .
예를 들어 height 의 체크된 사항을 풀어 보면 슬라이드가 작아진다 .
06/10/13 8

9. 크롬 요소검사 활용하여
CSS 수정하기
크롬 요소검사 활용하여
CSS 수정하기
06/10/13 9

10. 크롬 요소검사 활용하여
CSS 수정하기
크롬 요소검사 활용하여
CSS 수정하기
Resources > Frames > Styleshesets > Style.css 를 선택하면 해당 css 의 경로를
확인할 수 있다 .
소스를 수정할 때 해당 파일을 다운로드해서 수정할 수 있다 .
06/10/13 10

11. 06/10/13 11
신청 : webmaster@devmento.co.kr ,
kdj@youonbiz.com
Tel : 010-2721-7413