워드프레스 & 테마 전체 12시간 39분 강의당평균 50분36초

워드프레스 & 테마

전체 : 12시간 39분 / 강의당평균 : 50분36초

01 Chapter 1

워드프레스 설치, 로그인, 사이트 정의, 워드프레스 업데이트, 사이트 관리, 글, 미디어, 페이지, 댓글, 외모, 플러그인, 사용자, 글 작성, 이미지 삽입, 링크 삽입

45분

책갈피 : [00:09] 보드 시스템 보기 / [00:21] 디지털 설치 / [00:46] 아날로그 설치 / [00:55] 직접 웹 호스팅 받은 이유 / [01:10] 호스팅 폴더 보기 / [01:23] 워드프레스 설치 방법 / [01:52] 워드프레스 다운로드 / [02:46] 경로 지정 / [03:00] 내용 확인 / [03:35] 항목 보기 / [04:00] 환경 설정 / [04:57] 설치 실행하기 / [06:08] 필요 정보 입력 / [06:30] 설치 완료 확인 / [06:46] 로그인 / [07:00] 관리자 창 보기 / [07:25] 사이트 정의 / [08:15] 워드프레스 업데이트 / [09:13] 사이트 관리 / [09:33] 알림판 내용 확인 / [09:48] 글 / [10:43] 카테고리 / [11:33] 새 카테고리 추가 / [11:58] 태그 / [12:26] 미디어 / [12:41] 파일 올리기 / [14:15] 페이지 / [14:35] 새 페이지 추가 / [15:58] 화면 옵션 / [16:33] 사용자 정의 필드 / [17:03] 미리 보기 / [18:07] 페이지 추가 확인 / [18:48] 페이지 편집 / [19:48] 댓글 / [20:10] 외모 / [20:26] 테마 / [21:11] 테마 새로 추가 / [22:44] 테마 설치 / [23:30] 특성 필터 확인 / [24:52] 적용 미리 보기 / [25:22] 테마 삭제 / [26:18] 편집기 / [27:26] 플러그인 / [28:55] 플러그인 추가하기 / [29:59] 플러그인 설치 / [31:07] 사용자 / [32:05] 새 글 쓰기 / [33:14] 갤러리에 직접 작성하기 / [34:00] 갤러리 생성하기 / [35:14] 갤러리 순서 바꾸기 / [36:22] 확인 / [37:21] 특성 이미지 설정 / [38:04] 확인 / [38:35] 외부이미지 끌어오기 / [39:50] 사용자 url 확인 / [40:07] 링크 삽입/편집 / [40:37] 확인 / [42:22] 비주얼 에디터 / [43:37] 링크 테스트 / [44:35] 내용 확인

02 Chapter 2

내용 튜닝, 테마 수동 설치, 사이트 연동, akismet, 구글 웹마스터 도구, 플러그인 설치, jetpack, 유튜브 동영상 내 글에 싣기, youtuber, 워드프레스 프로필 이미지 관리, analytics

47분

책갈피 : [00:05] 내용 튜닝 / [00:35] 테마 추가 / [01:03] 무료와 유료 테마 갯수 확인 / [02:53] 인기 유료 테마 사이트 / [03:38] 카테고리 및 테마 확인 / [04:15] 워드프레스 이외에 워드프레스 이외에 웹사이트에서 수동으로 설치하는 방법 / [05:46] 다운 받은 테마 추가 / [06:30] 설치 / [06:38] 미리보기 / [07:00] 내용 새로고침 / [07:46] 플러그인 내용 살펴보기 / [09:03] 해외, 국내 사이트 연동 부분 활성화 / [09:20] akismet / [09:45] akismet 활성화 / [09:54] api 키 받기 / [11:03] 내용 확인 / [11:13] 키 사용 / [12:24] 구글과 연동하기 / [12:48] 구글 웹마스터 도구 / [13:35] 사이트 추가 / [13:52] 웹마스터 도구 권장방법 / [14:43] 파일 다운 후 업로드 / [14:58] 인증 / [15:18] 변경 내용 확인 / [15:50] 플러그인 설치 / [16:26] jetpack by wordpress / [17:07] 설치된 플러그인 확인 / [17:41] jetpack 활성화 / [18:26] 아이디와 비밀번호 입력 / [19:36] 로그인 / [19:44] jetpack / [21:15] 유튜브 동영상 내 글에 싣기-아날로그 방법 / [21:37] 새 글 쓰기 / [21:45] 유튜브에서 url 복사 후 붙여넣기 / [22:26] 글 보기 / [22:44] 유튜브 동영상 내 글에 싣기-디지털 방법 / [23:22] 유튜브 플러그인 설치 / [24:26] 활성화 확인 / [24:52] youtuber options / [25:14] 새 글쓰기 / [25:26] youtuber 아이콘 선택 후 입력 / [26:26] 아날로그 방식과 디지털 방식의 차이 / [26:48] 주의할 점 / [27:52] gravatar / [29:02] 프로필 설정 / [29:18] 이미지 업로드 / [30:26] 이미지를 불러올 대상 / [30:48] 이미지 편집 / [31:26] 이미지 등급 설정 / [31:45] 적용 확인 / [32:19] 적용되지 않았을 경우 / [33:27] 이미지 확인 / [33:59] 오류가 날 수 있는 사항 / [35:06] 따로 이미지 만들 경우 / [35:36] 워드프레스 확장 기능 / [35:45] 웹사이트 트래픽 관리 / [36:42] 플러그인 추가 / [38:15] 플러그인 활성화 / [38:45] 페이지 셋팅 및 연동 / [39:30] 구글 웹로그 분석 / [39:50] 로그인 / [40:27] 추적 ID 만들기 / [42:37] 관리 설정 / [43:22] 엑세스 허용 / [44:37] 분석된 데이터 확인 / [46:42] 페이스북과 트위터 연동 플러그인

03 Chapter 3

CSS로 글꼴 설정, 카테고리 설정, 메뉴 설정, 부모테마, 자식테마, aboutme 설치 후 셋팅, 갤러리, 갤러리 뷰 설정, 팝업 옵션 설정

60분

책갈피 : [00:06] 워드프레스 외형 쓰기의 문제점 / [00:33] 글꼴 설정 / [01:19] 테마 편집 / [02:38] 폰트 패밀리 적용 보기 / [04:14] 내용 추가 / [06:15] 파일 업데이트 / [06:38] 확인 / [07:27] 테마 변경 / [08:03] css 확인 / [08:33] 내용 추가 / [08:56] 확인 / [09:43] 큰 글꼴 설정 / [10:22] 확인 / [11:48] 새 카테고리 추가 후 종속 시키기 / [12:41] 메뉴 선택 / [14:18] 메뉴 설정 / [14:39] 확인 / [15:05] 메뉴 드래그해서 종속 시키기 / [15:37] 확인 / [16:10] 계층 만들기 / [16:52] 카테고리 추가 / [17:21] 확인 / [18:00] 카테고리 삭제 / [19:37] 하위 메뉴 만들기 / [21:00] 확인 / [21:30] 메뉴 이름 변경 / [22:51] 다른 테마 적용 / [23:21] 데이터 베이스 확인 후 메뉴 적용 / [23:47] 확인 / [24:33] 새로운 메뉴 생성 / [25:07] 카테고리 메뉴에 추가 / [26:37] 카테고리 안에 글 작성하기 / [27:44] 확인 / [28:21] 자식 테마 / [29:45] 테마 변경 / [30:03] ftp 에서 테마 이름으로 된 폴더 찾기 / [31:33] css 파일 열기 / [31:52] 결과값 확인 / [33:34] 적용이 안되어 있을 경우 / [35:15] 확인 / [35:30] 카테고리가 나오지 않을 경우 / [36:27] 차일드 테마 적용 확인 / [37:52] 새로고침 후 확인 / [39:00] 파일 업데이트 후 메시지 보기 / [40:52] 부모테마와 자식테마의 구분 / [41:05] css 확인 / [41:19] 컬러 변경 / [42:06] 부모 테마 활성화 / [42:22] 자식 테마 활성화 / [42:42] 어바웃미 설치후 셋팅하기 / [43:22] 플러그인 활성화 / [44:15] 정보 입력 / [44:45] 배경 이미지 가져오기 / [45:22] biography / [45:52] color / [46:37] font / [48:07] 위젯 / [49:37] 새로고침 / [50:00] 갤러리 플러그인 추가 / [50:37] 플러그인 활성화 / [51:22] 갤러리가 없을 경우 / [52:36] 업로드 이미지 확인 / [53:27] 초기화 후 이미지 업로드 / [55:07] 이미지에 마우스 오버시 출력 되는 내용 설정 / [55:52] 새 글쓰기 / [56:37] 확인 / [57:22] 뷰 확인 / [58:27] 갤러리 팝업 옵션 설정 / [60:15] 갤러리 셋팅

04 Chapter 4

위젯, 테마수정, css 스타일시트 편집기, Font Awesome Icons, Contact Form, BWS 플러그인, social sharing toolkit, tabbed sidebar widget

43분

책갈피 : [00:15] 위젯 이용하기 / [00:33] 새 미디어 업로드 / [01:02] 이미지 업로드 확인 / [02:37] 위젯 이동 / [03:38] 내용 추가 / [03:59] 이미지 위치 확인 / [05:15] 결과 확인 / [06:00] 제목 입력 후 확인 / [06:28] 테마 수정 방법 / [07:15] 푸터 / [07:40] 적용사항 확인 / [09:13] 내용 추가 / [10:00] 적용사항 확인 / [10:39] css 스타일시트 편집기 / [11:20] 적용 사항 확인 / [12:20] css 편집과 편집기 / [14:13] 마우스오버 메뉴 꾸미기 / [14:31] 플러그인 다운로드 / [15:33] 플러그인 추가 / [15:58] Font Awesome Icons / [17:48] 네비게이션 라벨에 코드 넣기 / [19:26] 수정된 코드 입력 / [19:33] 확인 / [20:26] 내용 재수정 / [22:56] 유튜브 플레이어 아이콘 붙여넣기 / [23:07] 확인 / [23:21] 다른 아이콘 입력 / [24:02] 서브카테고리에 아이콘 입력 / [25:41] Contact Form / [26:32] Contact Form settings / [27:22] 폼 작성하기 / [27:52] 새 글 쓰기 / [28:15] 글 보기 / [30:11] 카테고리 메뉴에 추가 / [30:26] 결과 확인 / [30:44] 내용 보기 / [32:21] BWS 플러그인 / [32:43] 추가적인 내용 셋팅 / [34:30] 결과 확인 / [35:07] 다른 메일을 받고 싶을 경우 / [36:58] 퍼가기 아이콘 삽입 플러그인 / [37:22] social sharing toolkit / [37:42] social sharing toolkit 셋팅 / [39:27] 결과 확인 / [40:52] tabbed sidebar widget / [41:37] 플러그인 설치 / [42:07] 설치 확인 / [42:52] 결과 확인

05 Chapter 5

헤더 설정, 갤러리 설정, MH Board, 게시판 추가, All in one Background, 백그라운드 설정

37분

책갈피 : [00:12] 바뀐 테마 보기 / [00:36] 헤더 사항 / [01:38] 헤더 파일 수정 / [02:38] 업로드 전 확인 할 부분 / [03:44] 이미지 선택하는 두가지 방법 / [04:15] 헤더로 설정할 경우 / [05:00] 자르고 공개하기 / [05:46] 변경사항 확인 / [06:43] 테마 랜덤으로 보기 / [07:42] 이미지와 함께 헤더 텍스트 보이기 해제 / [08:35] 갤러리 설정 / [09:54] 결과 확인 / [11:09] 오류가 날 경우 / [12:22] 결과 확인 / [12:48] 다음다음 갤러리 만들기 / [13:13] 결과 확인 / [14:11] 앨범 관리 / [15:11] jetpack 설정 / [15:30] 캐러젤 / [16:10] 새 글 쓰기 / [16:26] 미디어 삽입 / [17:45] 결과 확인 / [18:52] 갤러리 설정-미디어 파일 / [19:18] 결과 확인 / [20:21] 새 글 작성 / [21:26] 삽입된 갤러리 수정하기 / [22:03] 타입 변경 / [22:32] 결과 확인 / [24:17] MH Board / [24:56] 플러그인 설치 / [25:26] 모든 게시판 / [25:47] 게시판 추가 / [26:15] 공개하기 / [26:36] 새 페이지 추가 / [27:03] 코드 입력 / [27:18] 결과 확인 / [27:44] 대소문자 구분해서 입력하기 / [28:37] 결과 확인 / [29:48] 게시판 수정 / [31:00] All in one Background / [31:52] 새 글 쓰기 / [32:21] 백그라운드 설정 / [33:07] 결과 확인 / [33:52] 이미지 업로드 하는 두가지 방법 / [34:52] 결과 확인 / [35:07] 옵션 설정 / [35:27] 결과 확인 / [36:15] 이미지 반복 안하기 / [36:42] 결과 확인 / [37:15] 초기값 확인

06 Chapter 6

에디트플러스를 이용한 멀티사이트 운영, 멀티사이트 셋팅, 사이트 추가 및 편집, PopUps, 백업, 복구

58분

책갈피 : [00:41] 에디트 플러스를 이용한 수정 / [01:19] 워드프레스 접속 화면 보기 / [01:47] 멀티사이트 셋팅, 운영하기 / [02:07] 간단하게 접속해서 사용하는 방법 / [02:38] 웹서버에 있는 내용 불러오기 / [02:51] 텍스트 입력 / [03:21] 저장 / [04:26] 플러그인 보기 / [05:46] 설치 / [06:30] 내용 추가 / [08:18] 저장 / [09:31] 셋팅하기 / [09:46] 새로운 사이트 추가 / [10:26] 사이트 편집 / [11:07] 사이트 보기 / [12:05] 새로운 사이트 추가 후 편집 / [13:18] 멀티사이트 장점 / [14:48] 페이지 접근 권한이 없다고 나올 경우1 / [16:41] 페이지 접근 권한이 없다고 나올 경우2 / [17:41] 페이지 속성 확인 / [19:06] 확실한 해결 방법 / [20:36] 플러그인 보기 / [21:48] 셋팅 내용 보기 / [22:25] 사이트 보기 / [24:02] 알아야 할 점 / [24:41] 워드프레스 팝업 플러그인 / [26:30] 플러그인 추가 / [27:03] 설치된 플러그인 확인 / [27:21] 팝업 설정 / [28:18] 미디어 추가 / [28:56] 사이트 보기 / [29:18] 팝업 수정하기 / [30:07] 팝업 크기 수정 / [30:25] 확인 / [31:22] 백그라운드 설정 / [31:44] 팝업에 이미지가 나오지 않은 이유 / [33:22] 팝업 시간 설정 / [34:27] 로그 조건 보기 / [34:45] 백업 및 복구 / [35:50] 내보내기 / [36:52] 해당 내용 보기 / [37:22] 가져오기 / [38:06] 기 본 백업 방법 / [38:30] 백업 방법 두가지 / [40:58] 플러그인 설치 / [41:15] 내용 확인 / [41:52] 백업 옵션 / [43:42] 예약된 백업 / [44:14] 진행 보기 / [44:43] 내용 확인 / [46:35] 가져오기 / [46:52] 플러그인 설치 / [47:36] 파일 업로드 후 가져오기 / [48:00] 서브밋 처리 / [49:36] 업데이트 / [50:30] 본문 내용 보기 / [50:50] 이 글 편집 / [51:52] 확인 / [52:22] 토론 설정 / [53:13] 설정 목록 보기 / [54:07] 사용자 정의 필드 / [54:37] 사용자 정의 필드-이름 선택 / [55:00] 값 입력 / [56:37] 내용 추가 / [57:43] 확인

07 Chapter 7

WooCommerce-excelling eCommerce, 쇼핑몰 설정, WP CleanFix, 불필요 내용 제거, WP-Paginate, google xml sitemaps, Digg Digg, 호스트 이전 방법

41분

책갈피 : [00:07] 워드프레스 내용에 따른 부작용 / [00:50] 쇼핑몰 추가 플러그인 / [00:59] WooCommerce-excelling eCommerce / [01:33] 플러그인 설치 / [02:15] 해당 페이지 보기 / [02:51] 번역 업데이트 / [03:45] 옵션 설정 / [05:46] 웹페이지 확인 / [06:30] 상품 / [08:43] 세금 / [09:58] 결제 / [11:22] 결제 모듈 보기 / [11:50] 배송 / [12:20] 알아야 할 점 / [14:03] 이메일 / [14:54] 미리보기 / [15:48] 이미지 가져오기 / [16:33] 업로드된 이미지 확인 / [17:02] 저장 후 확인 / [17:45] 상품 / [18:06] 상품 추가하기 / [18:26] 상품 정보 설정 / [20:18] 상품 보기 / [20:56] 상품 이미지 가져오기 / [21:21] 확인 / [21:44] 상품 갤러리 / [23:17] 상품 설명 요약 미디어 추가 / [23:30] 확인 / [23:45] 상품 태그 / [24:22] 확인 / [25:21] 리뷰 추가 / [25:48] 리뷰가 있는 경우 / [27:00] 결제 진행 시 오류가 나는 이유 / [28:22] WP CleanFix / [28:48] 플러그인 설치 / [29:00] 플러그인 메뉴 확인 / [29:07] 내용 보기 / [30:03] 불필요한 내용 제거 / [31:10] WP-Paginate / [31:22] 내용 보기 / [32:37] google xml sitemaps / [32:52] 플러그인 설치 / [33:30] 확인 / [34:28] 기본 옵션 / [35:00] Digg Digg / [35:22] 플러그인 설치 / [35:37] 적용 사항 확인 / [36:45] 플러그인 편집 / [37:58] 호스팅 이전 할 경우 / [39:30] PHP MyAdmin 접속 / [40:43] 웹 호스팅 이전 셋팅 방법

08 Chapter 8

theme check, WP Super Cache, WP Super Cache-Clear all cache, bbpress, bbpress search widget, GD bbPress Tools, GD bbpress Attachments, wordpress seo by yoast, contact form, wordfence security, tinyMCE Advanced, ithemes security, WP-PageNavi, WP-Optimize

56분

책갈피 : [00:12] 업데이트 확인 / [00:59] theme check / [01:03] 플러그인 설치 / [01:53] 테마 체크 / [03:23] WP Super Cache / [03:35] 플러그인 설치 / [03:51] 에러 확인 / [04:00] 고유 주소 설정 / [04:55] 차이점 / [05:46] 테스트 캐시 / [06:42] 캐시 설정 - 고급 / [07:15] 권장 사항 체크 / [07:44] 업데이트 / [07:58] 권한 확인 / [08:37] 자동 삭제 / [09:05] CDN 설정 / [10:18] CDN 확인 / [12:00] WP Super Cache-Clear all cache / [12:11] 플러그인 설치 확인 / [13:28] bbpress / [14:37] 플러그인 설치 확인 / [15:41] 토론 설정 / [16:26] 새 게시판 추가 / [16:56] 확인 / [17:30] 게시글 생성 / [18:18] 게시글 확인 / [18:56] bbpress search widget / [19:03] 플러그인 설치 확인 / [20:03] 내용 확인 / [21:22] GD bbPress Tools / [21:41] 플러그인 설치 확인 / [22:11] 설정사항 보기 / [23:18] GD bbpress Attachments / [25:36] 위젯 추가 / [25:45] 내용 확인 / [26:51] wordpress seo by yoast / [27:17] 플러그인 설치 확인 / [27:59] 읽기 설정 / [28:15] 예제 / [30:14] 제목&메타 태그 내용 확인 / [30:48] 메타 태그 설정 / [31:11] 결과 확인 / [33:07] 포스트 타입 내용 확인 / [33:51] contact form / [34:07] 플러그인 설치 확인 / [34:29] 새 콘택트 폼 추가 / [35:30] 새 글쓰기 / [36:44] wordfence security / [37:37] 플러그인 편집 / [38:37] 업데이트 구성 / [40:13] tinyMCE Advanced / [40:52] 플러그인 설정 / [42:05] 새 글 쓰기 / [42:52] 대비해야 하는 두가지 공격 / [43:35] ithemes security / [44:45] 보안 설정 / [46:07] backups / [48:04] 관리자 주소 숨기기 / [49:22] 변경사항 확인 / [49:52] 적용한 내용으로 로그인 / [51:07] WP-PageNavi / [51:52] 플러그인 편집 / [53:20] CSS 찾기 / [54:00] WP-Optimize / [54:42] 설치 확인 / [55:14] 테이블 / [55:39] 설정

09 Themes [템플릿 + CSS] 수정 part1

Twenty Twelve Theme 수정1

53분

책갈피 : [00:09] 전문적인 테마 코딩 방식 / [00:39] 불필요한 플러그인 중단 시키기 / [01:32] 헤더 삭제 / [01:44] 이미지와 함께 헤더 텍스트 보이기 / [02:13] 불필요한 메뉴 정리 / [02:34] 태그라인 수정 / [02:59] 테마 편집 / [04:09] 스타일 목록 보기 / [05:27] css 수정 알아보기 / [05:46] style.css 불러오기 / [07:15] 사용자 정의 배경에서 색상 선택 / [07:30] 확인 / [08:00] 편집기 보기 / [09:01] 페이지 에러 php 파일 보기 / [10:22] 기본 출력 내용 주석처리 / [11:05] width 값 수정 / [11:31] 타이틀 내용 아래에만 여백이 있는 이유 / [12:01] 마진 수정 / [12:30] 내부 여백 정의 / [13:33] 폰트 사이즈 수정 / [14:05] 수정후 새로고침 / [14:43] 줄 간격 수정 / [15:18] 컬러 정의 / [15:54] 검색 위치 정의 / [16:07] 수정시 문제점 / [16:48] 해결 방법 / [17:11] 따로 설정 하기 / [18:17] 타이틀에 대한 css 수정 / [19:33] 편집기에서 확인하기 / [20:22] 컬러값 변경 / [20:44] 설명 문구에 css 다르게 적용하기 / [21:56] 내용 확인 / [22:33] pc 버전일 경우 / [24:17] 주소 확인 / [24:22] 수정한 내용이 갱신되지 않을 경우 / [25:51] 페이지 변경 / [27:11] category.php 열기 / [28:29] 스타일 시트 내용 확인 / [29:11] 원하는 내용으로 수정하기 / [29:56] 내용 확인 / [30:52] archive-title / [31:30] css 정의 / [33:00] 적용된 내용 확인 / [33:45] 여백에 대한 내용 수정 / [34:37] 제목 윗부분에 내용 추가 / [35:37] 본문 부분 보기 / [37:07] 제목 삽입 / [38:14] 사이즈, 컬러, 여백 변경 / [39:00] 링크, 내용 변경 / [40:12] 푸터 부분 css 정의 / [40:42] 새로고침 후 확인 / [42:28] 컬러 변경 / [42:50] 링크 있을 경우 수정하기 / [44:07] 마우스 오버시 링크 컬러 변경 / [44:37] 내용 제거 후 본문 확인 / [45:44] 푸터 / [47:22] 내용 수정 / [48:45] 예제 보기 / [49:07] 헤더 페이지 보기 / [50:14] css 내용 수정 / [51:07] 텍스트 수정하기 / [52:07] 컬러값 변경 후 확인

10 Themes [템플릿 + CSS] 수정 part2

Twenty Twelve Theme 수정2

60분

책갈피 : [00:10] 탬플릿 수정하고 작성하는 방법 / [01:57] pc 사이즈 일 경우 / [02:46] 테스트 / [02:58] 새로고침 후 확인 / [04:12] box-shadow / [05:28] site-header / [06:55] 파비콘 / [07:30] 파비콘 업로드 방법 / [09:18] 익스플로러에서 파비콘 확인하기 / [10:09] 캡틴 파비 플러그인 / [10:20] 캡틴 파비콘 셋 / [10:26] 파비콘 업로드 / [11:41] 소스 보기 / [11:58] hgroup 내에서 내용 셋팅 / [12:22] 각 내용의 차이 / [13:24] 적용된 css 확인 / [14:50] 테마 플랫폼 수정 / [15:43] survey-div / [16:03] 소스 설명 / [16:45] hgroup에 css 정의 / [17:37] css 튜닝 / [18:22] 순서 정렬 / [19:33] 엡솔루트의 장점과 단점 / [22:37] 메뉴의 위치 정의 / [23:37] 메뉴 여백 조절 / [26:26] li 메뉴 / [26:56] 마진 값 수정 / [28:11] 선택된 부분 컬러값 변경 / [28:48] main-navigation li a / [29:33] 폰트 사이즈 변경 / [30:33] 새로고침 후 확인 / [31:30] 메뉴 스타일 변경 / [32:06] 새로고침 후 확인 / [32:51] 기본 메뉴 배경 처리 / [33:52] 새로고침 후 확인 / [35:07] 메뉴 배경 한줄로 만들기 / [35:37] 메뉴 배경 컬러 변경 / [36:20] main-navigation li ul li a / [37:07] 메뉴 텍스트 컬러 변경 / [38:06] 배경색 변경 후 확인 / [39:37] top 값 제거 / [40:37] 전반적인 레이아웃 수정 / [42:20] 헤더 부분 / [43:34] div id=main class=wrapper / [44:00] site-content / [44:37] 좌우 내용 넓이 수정 / [45:52] widget-area / [47:22] 세부적인 텍스트 수정 / [47:52] entry-header / [48:57] entry-header entry-title / [49:29] 폰트사이즈 수정 / [51:00] 제목 부분 변경 / [51:30] 내부여백 적용 / [52:43] div class=comments-link / [53:00] entry-header comments-link / [54:07] 새로고침 후 확인 / [55:14] 폰트사이즈 변경 / [56:35] 마진값 제거 / [57:00] 링크 밑줄 제거 / [58:35] 링크 제거 / [59:31] 본문

11 Themes [템플릿 + CSS] 수정 part3

Twenty Twelve Theme 수정3

43분

책갈피 : [00:37] 줄 간격 설정 / [01:03] 추가 내용 삽입 / [02:00] 폰트 컬러 자체 변경하기 / [02:30] 확인 / [03:14] 내부 여백 수정 / [04:00] 마진 값 변경 / [04:15] 링크 부분 수정 / [06:08] 카테고리 글 목록에 대한 css 코딩 / [06:59] 내부 여백 제거 후 새로고침 / [07:30] 컬러 변경 / [09:26] site-content article / [10:26] 마진,패딩값 변경 / [12:20] 우측 메뉴 수정하기 / [13:01] 검색창 css 보기 / [14:37] 인풋에 대한 내용 확인 / [16:59] 새로고침 후 확인 / [17:41] 테두리 없앨 경우 / [18:11] 검색 버튼 / [19:17] 여백 수정 / [20:33] 그라디언트 css / [21:41] 글목록, 카테고리 보기 / [21:56] 글목록 css 보기 / [22:45] 백그라운드 컬러 적용 / [24:07] widget-area.widget li / [25:21] li 값 박스로 줬을 경우 / [26:11] margin-bottom 0으로 수정 / [26:45] 글 제목과 li 내용 분리되게 하기 / [28:22] 목록 중첩되지 않게 만들기 / [29:48] 오른쪽 메뉴 작업 / [29:56] 잘못된 점과 올바른 점 / [30:30] 마우스 오버시 백그라운드 삽입 / [30:52] 전체에 배경컬러 적용 / [31:56] 새로고침 후 확인 / [32:07] 텍스트 값이 변경 되지 않은 이유 / [34:07] 업데이트 / [34:45] 테마 업데이트 확인 / [35:29] 그 밖의 기능, 달력 / [35:59] 테마 별 특색 / [36:34] 하부 메뉴 만들기 / [37:49] 웹문서 제거 / [38:21] 내용 추가 / [38:52] 링크 삽입 / [40:15] 테마에 적용된 반응형 웹 보기 / [40:45] 반응형 웹 설정하지 않을 경우 / [41:35] 태블릿 사이즈일 경우 / [42:38] 화면 축소시 우측 내용 확인

12 Themes [템플릿 + CSS] 수정 part4

Twenty Twelve Theme 수정4

49분

책갈피 : [00:20] 카테고리, 페이지, 글, 하단 학습 / [00:30] 내용 보기 / [01:34] 메뉴 셋팅 / [02:29] 종속되는 내용 만들기 / [02:50] 페이지 편집 / [03:38] 메뉴 편집하기 / [04:15] 확인 / [04:45] 네비게이션 라벨 수정 / [05:00] 새로고침 후 확인 / [05:25] 글 작성 / [06:10] 새로고침 후 확인 / [06:46] 템플릿 작업시 알아야 할 점 / [08:01] 푸터 위젯 영역 / [09:48] css에 대해서 튜닝하는 법 / [10:43] 사이즈가 늘어날 경우 / [11:46] 폰트 수정 / [12:24] 넓이에 대한 기준 / [13:11] 헤더 값 확인 / [13:52] 적용된 css 보기 / [14:58] 로고에 대한 값 / [15:22] 텍스트를 로고로 했을 경우 / [16:22] 현재 내용 확인 / [17:41] 마우스 오버 시 텍스트 컬러 설정 / [19:02] 검색 이미지 css 보기 / [20:48] 변경 값 확인 / [21:21] 돋보기 색 변경 / [22:03] search에 선언된 div 코딩 / [24:21] search-box-wrapper / [24:48] 인풋 확인 / [26:26] 보더 값 확인 / [27:15] 공통 적용 값 / [28:17] 네비게이션 메뉴 / [28:52] primary-navigation / [29:41] 블럭 처리 요소 보기 / [30:15] ul 목록 div 보기 / [31:30] 공통 적용 값 / [31:56] ul 정의 부분 / [33:06] li 값 확인 / [34:14] 초이스 값 / [35:34] 평상시 텍스트 컬러 / [36:45] 해당 문서에 a 링크가 있을 경우 / [38:00] 마우스 오버 시 메인 메뉴 컬러 / [38:28] 새로고침 후 확인 / [38:37] 하부 트리 / [39:00] 컬러 변경 / [39:59] site-description / [40:51] 컬러 변경 / [41:57] 높이값 변경 / [42:21] 좌우 여백 설정 / [43:15] 네비게이션 태그 / [44:34] ul 목록 감싸는 사항 / [45:43] li 체크 / [46:45] 새로고침 후 확인 / [47:28] 네비게이션 태그의 세가지 css / [48:20] 새로고침 후 확인

13 Themes [템플릿 + CSS] 수정 part5

Twenty Twelve Theme 수정5

1시간 2분

책갈피 : [00:23] a링크 내부여백 확인 / [01:23] 하부트리 컬러 변경 / [01:40] 새로고침 후 확인 / [02:46] 하단 메뉴 css 확인 / [03:28] 존속된 내용 보기 / [05:00] footer-sidebar / [05:30] 윗부분 높이 설정 / [06:13] footer-sidebar .widget / [06:46] width 값 수정 / [07:46] widget ul / [08:43] li 목록 보기 / [09:56] 패딩 값 변경 / [10:16] 새로 고침 후 확인 / [11:16] 내용 수정 후 확인 / [11:33] f-menu에 라인 주기 / [12:13] 자식값, 이전값, 이후값 보기 / [14:11] widget a / [14:50] widget a:hover / [16:15] ul 목록 수정 / [17:41] 하단 카피라이트 수정 / [18:37] site-info a / [19:07] 텍스트 컬러 변경 / [20:18] 기본값 선언 / [20:36] site-info a 선언 / [20:47] 반영된 부분 확인 / [21:11] 많은 css 요소가 있는 경우 / [21:29] 본문 / [21:52] 소스 보기 / [22:22] content-area / [23:33] site-content / [24:30] site:before / [25:14] 내용 확인 / [25:48] width 값 수정 / [27:36] 고정 메뉴 / [28:11] masthead-fixed.site-header / [29:33] 마진값 제거 / [30:18] 메인 글 / [31:03] hentry / [31:56] 제목 글 / [32:52] 본문 공백 정렬 / [33:37] max-width 값 제거 / [35:21] site-content.entry-meta / [36:04] entry-meta / [37:27] site-content.entry-meta > span / [38:36] cat-links a / [39:15] entry-title / [40:30] div로 전체를 아우르는 사항 / [41:58] 본문에 대한 내용 보기 / [43:22] 위와 아래 내용의 차이 / [44:27] 태그 / [45:12] entry-meta.tag-links a / [47:15] 컬러값 맞추기 / [48:07] 이전 글, 다음 글 / [48:50] post-navigation / [50:00] h1 / [51:07] nav-links / [51:30] 수정 후 확인 / [52:20] post-navigation a / [53:28] post-navigation.meta-nav / [54:27] comment-respond h3 / [55:00] comment-reply-title / [57:07] paging-navigation / [58:07] paging-navigation.loop-pagination / [59:07] span 값 1에 대해 알아보기 / [60:38] paging-navigation.page-numbers / [61:12] paging-navigation a

14 Themes [템플릿 + CSS] 수정 part6

Twenty Thirteen Theme 수정

50분

책갈피 : [00:03] 테마 보기 / [00:29] 메뉴 설정 / [01:22] font-family / [02:43] 외모-헤더 / [03:14] div id=page class=hfeed site / [03:34] site / [05:43] 헤더 / [06:00] 헤더 적용 사항 보기 / [07:15] site-header / [08:43] site-header .home-link / [10:05] site-title / [11:01] 컬러값 변경 / [11:22] 폰트사이즈 정의 / [13:18] site-description / [13:37] 폰트 디자인 변경 / [14:07] 컬러값 정의 / [14:56] 네비게이션 태그 메뉴 / [15:52] mail-navigation / [16:47] div 메뉴 / [17:14] ul.nav-menu / [18:15] .nav-menu .current_page_item > a / [18:41] .nav-menu li a / [19:18] 마우스오버 값 / [20:11] 수정할 부분 / [21:29] 메뉴 높이, 너비 변경 / [21:45] 폼 속성 부분 / [22:36] site-header .search-form / [23:06] 외부여백 정의 부분 / [24:26] screen-reader-text / [25:18] site-header .search-field / [27:06] .search-form .search-submit / [27:37] article / [28:41] entry-header / [29:15] entry-title / [30:40] h1이 있다면 정의 / [31:30] 글꼴 수정 방법 / [32:42] 제목글 / [33:00] 제목글 색상 변경 / [33:37] 제목글 크기 변경 / [34:07] span class=date / [34:30] entry-meta>span / [35:05] entry-meta a 컬러값 변경 / [36:07] div class=entry-content / [36:45] 본문 보기 / [37:43] paging-navigation / [38:14] paging-navigation .nav-links / [39:57] paging-navigation .meta-nav / [40:29] 화살표 / [41:00] 마우스오버 컬러 변경 / [42:12] site-footer / [43:20] 컬러 변경 / [43:45] site-footer .sidebar-container / [45:14] site-footer .widget / [46:00] .widget / [46:45] footer 타이틀 색상 수정 / [47:34] widget.widget-title / [48:15] widget li / [48:59] site-footer .widget a 수정

15 Themes [템플릿 + CSS] 수정 part7

Twenty Eleven Theme 수정

55분

책갈피 : [00:11] 테마 특성 보기 / [00:31] 헤더 보기 / [00:57] twenty eleven 테마 옵션 / [01:29] 수정 후 새로고침 / [01:57] 메뉴 설정 / [02:15] footer / [02:53] 테마 스타일 시트 위치 확인 / [03:23] body, input, textarea / [03:38] 내부여백 / [03:45] 본문 / [04:46] 헤더 실선 부분 / [05:28] 실선 컬러 변경 / [05:42] bottom 값 늘리기 / [06:10] hgroup / [06:30] branding hgroup / [07:13] site title / [07:42] 로고 링크 / [08:37] 폰트 사이즈 변경 / [09:07] 패딩값 확인 / [09:20] site-description / [10:22] 라인 색상과 여백값 변경 / [10:58] 검색창 / [11:28] branding searchform / [12:22] 인풋 설정내용 확인 / [13:37] 돋보기 이미지 / [14:43] 검색창 테두리 색 변경 / [15:18] 네비게이션 / [17:17] assistive-text / [18:00] 마진값 변경 / [18:45] access ul / [19:21] access li / [20:33] 선택된 값 컬러 변경 / [21:18] 블록처리 / [22:00] 좌우 여백 수정 / [22:37] 메뉴에 마우스 오버 했을 경우 / [23:11] 텍스트 컬러 수정 / [23:59] 마우스 오버시 그라디언트 효과 주기 / [24:52] 마우스 오버시 팝업되는 ul / [26:29] 하부 트리 사이즈 / [26:59] 넓이 줄이기 / [27:48] 결과 확인 / [28:11] 하부 트리 그림자 / [28:56] 하단 컨텐츠 여백 / [29:18] div id=main / [30:00] 메인 선언 사항 보기 / [31:33] content / [33:30] hentry / [34:52] entry-title / [35:36] 폰트사이즈 수정 / [35:45] 패딩값 수정 / [36:44] padding-right / [38:15] entry-title a / [38:45] entry-meta / [40:06] entry-meta a / [40:57] entry-content / [41:20] 본문 높이 수정 / [42:42] div class=comments-link / [43:37] 위치수정 / [44:15] 우측 메뉴 / [45:37] widget / [46:34] widget-title / [47:58] widget ul / [48:15] widget ul li / [48:37] 폰트사이즈 변경 / [49:05] widget a / [49:52] list-style / [50:37] 하단 / [51:29] 실선 / [52:22] supplementary.two.widget-area / [54:30] 카피라이트 / [54:50] site-generator

샘플확인 : 알지오 검색후 -> 강의검색란 -> 워드프레스 & 테마