워드프레스 [입문+고급]
해외에서 활발하게 활용되는 설치형 블로그 타입의 보드플랫폼이며 전문 지식없이도 DB 및 소스 파악이 가능하기때문에 홈페이지를 제작하는분에게 권장합니다. 디자인 스킬이나 소스를 수정하는 프로그래밍 능력이 없이도 각종 테마나 플러그인을 통해 홈페이지를 구축할수 있습니다. 하지만 소스를 분석하는 웹개발을 원한다면 웹표준을 학습하여 보다 개성있는 웹페이지를 구현할수 있습니다.
- [입문]
-
01.24분 워드프레스 설치부터 기본배우기
ftp와 로컬, 직접설치, 카테고리, 미디어, 페이지 상세
책갈피 : [00:00] 워드프레스 ftp 업로드/[02:14] 파일 위치 찾기/[04:15] 워드프레스 설치/[06:00] 필요한 정보 입력/[08:40] 관리자 화면, 사용자 화면/[09:40] 알림판/[10:28] 글/[11:12] 글 편집/[11:25] 카테고리 추가/[12:16] 태그/[12:58] 미디어 라이브러리/[13:49] 업로드 된 위치 확인/[14:54] 이미지 편집/[16:32] 페이지, 새 페이지 추가/[17:21] 비주얼, 텍스트/[18:11] 화면 옵션/[19:04] 공개하기, 페이지 속성/[19:55] 페이지 수정/[22:35] 페이지 출력 방법
-
02.33분 메뉴와 페이지, 테마, 플러그인
메뉴, MY SQL, 레이블 과필드, 카테고리 드래그, 테마 플러그 설치 및 반영
책갈피 : [00:00] 메뉴 추가/[00:24] 메뉴 구조에 페이지 추가/[00:51] 메뉴 설정/[01:17] 페이지 편집/[01:58] 사용자 정의 필드/[02:13] phpmyadmin 설치/[04:41] 업로드하지 않고 접속하는 방법/[05:40] phpmyadmin 접속/[06:20] 에러 발생 시 해결 방법/[08:46] 데이터베이스 확인/[11:15] 사용자 정의 필드/[12:01] 페이지 속성-상위 설정/[13:17] 메뉴에 추가/[13:59] 새 페이지 추가/[14:32] 메뉴 구조 설정/[16:14] 테마/[17:17] 테마 새로 추가, 설치/[19:24] 설치된 테마 미리보기/[20:10] 설치된 테마 확인/[21:24] 테마 삭제/[22:21] 테마 편집기/[23:48] 플러그인/[25:12] Akismet Anti-Spam/[26:39] 플러그인 추가/[28:16] 사용자 추가하기/[29:02] 새 글 쓰기/[30:33] 최근 글 목록/[30:52] 글 편집
-
03.33분 업데이트 유무료 테마및 플러그인, API 키
알림판 업데이트, 업데이트, 테마수동설치, 아키스밋 API
책갈피 : [00:00] 새 글 쓰기-미디어 추가/[01:17] 새 갤러리 생성하기/[01:43] 갤러기 설정/[02:33] 카테고리 설정/[02:51] 알림판/[03:13] 홈페이지 확인/[03:34] 특성 이미지/[05:13] 홈페이지 확인/[06:06] url에서 삽입하기/[07:34] 이미지 상세 편집/[08:52] 링크 삽입, 편집/[09:40] 링크 삭제/[11:06] 홈페이지 확인/[11:37] 워드프레스, 플러그인 업데이트/[15:08] 복사한 글 소스 확인, 수정/[18:24] 테마 살펴보기/[20:55] 인기테마거래소/[23:08] 테마 다운로드/[23:47] 테마 업로드/[24:53] 테마 활성화/[25:42] 권장 플러그인 설치/[26:43] 홈페이지 확인/[27:07] 플러그인 설치, 활성화/[28:39] Akismet Anti-Spam API KEY 받기
-
04.26분 구글 웹마스터, 유튜브 플러그인, 프로필사진 등록및 수정
웹사이트 등록, Jetpack to, 유튜브 아날로그 및 자동화, Gravatar 등록하고 연동하기
책갈피 : [00:00] 구글 웹마스터 도구/[00:30] search console/[00:58] 속성 추가/[03:45] jetpack by wordpress 플러그인 추가하기/[04:49] 워드프레스 연결하기/[07:27] 플러그인 활성화/[08:35] 플러그인 반영하기/[09:09] 아날로그 방식으로 유튜브 동영상 삽입하기/[11:04] 디지털 방식으로 유튜브 동영상 삽입하기/[12:54] youtube 플러그인 추가하기/[14:04] 플러그인 편집/[16:30] Gravatar 플러그인/[18:10] Gravatar 등록/[20:57] 새 이미지 추가/[23:57] 내 프로필 편집, 연동
-
05.31분 구글 에널리틱스, 테마세팅 및 메뉴관리
에널리틱스 등록 및 로그분석 관리, 테마의 한글글꼴과, 메뉴 카테고리 완벽히 이해
책갈피 : [00:00] 새 글 작성/[00:47] 플러그인 추가/[01:38] Google Analytics/[03:03] Google Analytics settings/[05:35] 통계 확인/[06:54] 웹로그 분석 통계 확인/[08:15] 관리-새 속성 추가/[11:00] 연동시키기/[12:46] Google Analytics 장점/[14:34] 테마 편집기/[16:03] 글꼴 편집/[19:12] 테마 변경사항 확인하기/[20:46] 새로운 카테고리 생성/[21:56] 메뉴 구조, 카테고리 설정/[23:57] 메뉴 이름/[24:37] 메뉴 설정/[25:08] 메뉴 구조 변경/[26:56] 새로운 메뉴 생성/[27:38] 카테고리 생성/[28:31] 카테고리 삭제/[29:00] 메뉴가 삭제될 경우
-
06.25분 메뉴별 페이지, 나만의 테마 제작, 위젯
상하단 메뉴 설정, 각각의 페이지, 내가 테마 만들기, 홈페이지에 모든 위젯들
책갈피 : [00:00] 카테고리 생성/[00:38] 메뉴에 추가/[01:34] 내비게이션 라벨/[02:39] 테마 변경/[03:55] 새롭게 메뉴를 생성/[04:28] 푸터 메뉴/[05:04] 새 카테고리 추가/[05:41] 푸터 메뉴 셋팅/[06:34] 새 글 작성/[07:43] 글 수정/[08:24] 자식 테마 생성/[10:08] 소셜 링크 메뉴/[10:59] 자식 테마 생성 이유/[12:21] 자식 테마 생성 방법/[16:45] 홈페이지 확인/[18:09] 테마 편집기/[19:36] css 파일 수정/[21:04] header 변경/[23:00] 위젯/[23:45] 위젯 추가, 위치 변경
-
07.28분 이미지 갤러리, 위젯배너, 테마css추가
갤러리 플러그 로 적용하기, 모든페이지 에 같은 배너, 하단에 탑버튼 과 css코딩
책갈피 : [00:00] 이미지 갤러리 플러그인/[01:22] 경로 설정/[02:23] gallery settings/[03:23] 이미지 업로드/[03:51] 이미지 갤러리 폴더 생성/[05:19] 갤러리 삭제/[07:43] 이미지 업로드/[09:01] 이미지 타이틀/[10:48] 새 글 쓰기/[11:05] 갤러리 업로드/[14:13] 이미지 옵션/[15:15] 미디어-파일 올리기/[16:47] 텍스트/[19:26] 테마 편집기/[20:28] 테마 푸터 설정/[21:31] 맨 위로 버튼 추가/[23:10] 맨 위로 버튼을 원하는 위치로 이동하기/[25:02] 맨 위로 버튼을 떠있는 버튼으로 만들기
-
08.25분 메뉴아이콘, 1:1문의메일, SNS, 헤더1
GitHub 플러그인, 입력폼 과 전송페이지 메세지, 기존공유 제거 신규 공유, 홈페이지 우측 튜닝
책갈피 : [00:00] 메뉴 수정/[00:11] Font-Awesome-WordPress-Plugin (메뉴 아이콘)/[01:46] 메뉴에 아이콘 적용오기/[03:35] fa-fw/[04:42] 서브 메뉴에 아이콘 적용하기/[05:38] fa-spin/[06:08] contact form 7 Plugin (1:1문의)/[07:31] 새 글 쓰기/[10:28] 메세지 설정/[11:55] Mail 설정/[14:35] Korea sns Plugin/[16:24] 이 글 공유하기/[17:18] 외모-헤더/[18:06] 메인 사이드바 설정/[20:28] 결과 확인/[20:46] 메인 사이드바 위치 변경/[21:25] 위젯 추가/[21:50] 파비콘 설정/[23:22] 헤더 이미지 수정
-
09.30분 헤더2
상단에서 하단, 위젯, 메뉴설정까지 OK!
책갈피 : [00:00] 헤더-색상 수정/[00:55] 헤더-배경 이미지/[02:29] 헤더-메뉴/[03:15] 젯팩 설정 (Carousel)/[04:47] 새 글 쓰기-갤러리 생성하기/[06:46] 카테고리 설정/[07:35] 미디어 삽입/[08:28] bbPress/[10:12] 게시판 설정/[11:25] 새 게시판 생성/[13:56] 결과 확인/[14:43] 게시판 속성/[16:36] 서브 게시판 생성/[17:16] 메뉴 아이콘 적용하기/[17:46] 게시글 속성-상태/[19:57] 공지사항에 새 게시글 작성하기/[21:25] 게시글 속성-형식/[23:02] 카테고리 설정/[25:10] 게시판 카테고리 생성/[27:34] 카테고리와 카테고리가 아닌 경우 차이점
-
10.29분 멀티사이트 설정, 팝업 확실한 설명
wp-config.php, .htaccess 수정, 페이지접근 불가, Popup Maker 설정별 테스트 알림
책갈피 : [00:00] 멀티사이트/[00:21] 원격파일 열기/[01:40] 도구-네트워크 설치/[02:17] 서브 디렉토리/[02:59] 네트워크 활성화 1단계/[04:38] 네트워크 활성화 2단계/[06:29] 네트워크 관리자-사이트/[06:47] 사이트 추가/[08:24] 사이트 확인/[10:07] 멀티사이트 확인 방법/[11:19] 접근권한이 없을 경우/[12:17] 해결방법 1/[13:25] 해결방법 2/[14:40] 플러그인 업데이트/[15:37] Popup Maker Plugin/[17:18] Popup Themes/[17:59] 테마 편집/[18:40] padding 설정 /[20:29] border 설정/[21:55] drop shadow 설정/[22:37] title 설정/[24:17] text shadow 설정/[26:14] 본문 텍스트 설정/[27:51] position 설정/[28:33] background 색상
- [고급]
-
11.33분 팝업2, 댓글, 쇼핑몰
실제 팝업 삽입과 한달간 나오지 않게 하는것 과 출력, 뎃글 기본및 전체, 기능및 카테고리와 페이지
책갈피 : [00:00] Popup Themes/[00:48] 새 팝업 추가/[02:24] 팝업 노출 위치 설정/[05:26] animation 설정/[05:56] z index, close 설정/[06:47] 결과 학인/[09:16] 댓글 관리/[10:03] 토론 설정/[11:35] WooCommerce Plugin/[13:56] 일반 옵션 설정/[16:46] 제품 옵션 설정/[20:03] 세금 옵션 설정/[20:44] 체크 아웃 설정/[22:41] 배송 설정/[23:15] 새 상품 추가/[25:45] 새 카테고리 추가/[27:33] 메뉴 설정/[28:37] 메뉴 아이콘 적용하기/[29:45] 상품 설정 변경/[31:43] 재고 관리
-
12.24분 쇼핑몰 2
페이지 및 기능옵션, 상업적사용시 문제점
책갈피 : [00:00] 사용자 정의 제품 속성에 추가/[01:26] 제품 태그 추가/[02:20] 제품 이미지/[03:14] 제품 갤러리/[04:59] 제품 페이지 복사/[07:21] 제품 데이터/[08:37] 가상, 다운로드/[09:47] 시스템 셋팅 확인/[15:44] 새 페이지 추가/[17:02] 제품 이미지 설정/[18:32] 배송 지역, 배송 옵션 설정/[19:29] 체크 아웃 페이지/[20:32] 지불 게이트웨이/[21:48] 확장 모듈
-
13.26분 최적화, 레이블, 도메인 호스팅 변경, 테마오류, 페이지 빠르게
cleanfix, Paginate, 사이트 맵 생성기, 도메인 과 db정보수정, WP Super Cache, wp cleanfix, CDN
책갈피 : [00:00] wp cleanfix Plugin/[01:41] WP-Paginate Plugin/[03:33] Google XML Sitemaps Plugin/[06:28] wp-config.php/[08:06] php MyAdmin-wp_site/[08:52] theme check Plugin/[10:57] WP Super Cache Plugin/[14:21] 에러가 발생할 경우 권한 설정 방법/[15:31] CDN/[19:02] GD bbPress Attachments Plugin/[21:39] 로그인 위젯/[25:03] 웹사이트가 느려질 경우
-
14.23분 검색노출, 글작성 에디트, 보안, 페이지, 클리어
Yoast SEO, tinymce advanced, iThemes Security, WP-PageNavi, WP-Optimize
책갈피 : [00:00] Yoast SEO Plugin/[02:50] API 키 연동/[05:13] 웹 사이트 이름 설정/[06:08] 웹 마스터 도구 확인/[11:38] tinymce advanced Plugin/[12:05] 편집기 설정/[13:59] iThemes Security Plugin/[16:04] 보안 검색, 전역 설정, SSL/[17:24] WP-PageNavi Plugin/[19:36] WP-Optimize Plugin/[21:24] 표 정보/[22:02] 일반 설정, 자동 청소 설정
-
15.30분 나만의 홈페이지 만들기 - CSS + 테마수정
반응형웹 확인, 404.php
책갈피 : [00:00] 플러그인 제거 후 테마 설정/[01:15] 테마 편집기/[02:42] 원격 파일 열기/[05:29] 배경 이미지 제거/[07:07] 타이틀 수정/[08:00] 주석 처리/[10:09] background-color/[10:57] width 변경/[13:16] 별도의 튜닝/[15:04] padding/[16:19] width/[18:58] 반응형웹 확인/[20:57] 테마 편집기 소스 수정/[22:28] line-height/[24:13] 불필요한 메뉴 삭제/[26:02] 소스 수정할때 알아야 할 사항/[26:34] 가운데 정렬/[27:53] 문서화 작업/[28:41] 404.php
-
16.35분 CSS + 테마수정 2
category.php 댓글, 본문, 태그 및 편집 텍스트
책갈피 : [00:00] 카테고리 템플릿 수정/[00:16] 제목글/[01:56] css 수정/[03:02] css명 변경/[03:52] border-bottom/[04:47] 제목글 하단 라인 추가/[05:07] margin, padding/[06:16] 제목글 글꼴 수정/[07:34] font-weight: normal/[08:31] padding 수정/[10:16] 댓글/[11:23] content.php 수정/[14:19] tltlesub/[16:34] 작성일 내용 제거/[17:59] 댓글 남기기 제거/[18:36] 댓글 상세 수정/[22:31] 본문 내용 수정/[25:50] p 태그 수정/[28:14] text-align: justify/[30:46] 스타일시트를 지우지 않고 수정하는 방법/[33:12] a 링크/[33:42] text-decoretion: none
-
17.29분 CSS + 테마수정 3
기본글꼴, 하단메뉴 제작, 반응형웹 로고변경
책갈피 : [00:00] 구분선 수정/[01:10] font-family/[03:03] body 수정/[03:28] footer 수정/[04:57] 하단 트리가 없을때 작업 방법/[06:02] 기존 메뉴 스타일 복사하기/[07:32] 페이지 소스 보기/[08:59] 메뉴 수정하기/[10:36] 메뉴 아이콘 변경/[11:07] 메뉴 링크 연결/[14:23] 반응형웹 수정/[18:29] 하단 트리가 있는 테마로 변경/[19:02] header.php 수정/[20:28] 로고 이미지 삽입/[22:38] position: relative/[23:10] display: block/[24:50] 반응형웹에 반영하기/[28:16] 결과 확인
-
18.35분 CSS + 테마수정 4
기본테마에 없던 반응형웹 항목추가, 사이드바
책갈피 : [00:00] 메뉴 배경색 수정/[02:05] 메뉴 여백 수정/[04:26] 서브 메뉴 수정/[07:22] 서브 메뉴 여백 수정/[08:54] 메뉴에 반응형웹 반영/[11:30] 반응형웹 페이지 버튼에 대한 css 수정/[13:16] 반응형웹 페이지 메뉴에 대한 css 수정/[16:37] text-transform: uppercase/[17:48] 사이드바 수정/[19:15] width 수정/[21:48] widget 수정/[24:02] BBpress 수정/[26:41] widget color 수정/[28:29] 로그아웃 수정/[29:35] 로그인 정보 수정/[30:39] select 수정/[32:21] option 수정/[32:50] 로그인창 텍스트 수정/[34:20] text-decoration: none
-
19.31분 인기 테마수정 Twenty Seventeen
변경후 틀려진 부분들 세팅, 메뉴속도 변경, 상단추가메뉴 반응형웹
책갈피 : [00:00] 인기있는 테마 수정/[01:07] 헤더 이미지 숨기기/[02:03] 상단 메뉴 표시/[02:40] 소셜 링크 메뉴 표시/[03:49] 사이드바, 푸터 위젯 추가/[05:40] 메뉴 구조 추가/[07:00] 사용자 정의 링크/[08:06] 테마 편집기/[08:33] 기본적인 레이아웃 수정 (index 수정)/[10:04] margin, wight, padding/[11:28] wrap/[13:45] header 수정/[14:31] word-wrap: break-word/[15:15] header 배경색 변경/[15:44] header 여백 수정/[16:25] site-branding/[18:46] 사이드바 이동 속도 수정/[19:29] 로고 이미지 등록/[20:53] 상단 메뉴 반응형웹 반영/[23:48] 상단 메뉴 추가/[25:24] position: absolute/[26:45] 메뉴 위치 수정/[28:45] 반응형웹 반영
-
20.36분 인기 테마수정 Twenty Seventeen 2
네비게이션, 좌본문, 반응형웹 수정방법
책갈피 : [00:00] 네비게이션 수정/[01:59] display: none/[03:18] main-navigation ul/[04:14] main-navigation li/[06:09] 버튼 css 수정 /[07:43] site-content 수정/[10:25] 반응형웹 반영/[11:45] page.php 수정/[13:24] Front page 수정/[14:21] Layout 수정/[15:53] 서브 페이지에 로고 이미지 노출 설정/[16:45] 본문 레이아웃/[17:56] page-header/[19:16] content-area/[20:06] 인코딩 방식/[21:44] 서브 페이지에 출력되게 설정/[22:24] 게시판 페이지에 출력되게 설정 /[23:30] float: left, width/[24:26] 반응형웹 반영/[26:10] entry-header 수정/[27:40] entry-meta 수정/[29:44] entry-title 수정/[32:13] comments/[33:10] 반응형웹 반영
-
21.34분 인기 테마수정 Twenty Seventeen 3
모든요소별 튜닝및 수정방법
책갈피 : [00:00] 카테고리 수정/[00:33] 카테고리 숨기기/[01:25] entry-footer 수정/[03:20] 반응형웹 반영/[04:10] comments 수정/[06:05] clear both/[06:53] comments-title 수정/[09:51] comment-list 수정/[11:19] comment-body 수정/[13:47] comment-meta 수정/[14:34] comment-author 수정/[15:12] comment-metadata 수정/[16:41] comment-reply-link .icon 수정/[18:03] comment-reply-link 수정/[21:28] 댓글 달기 버튼 수정/[22:59] #secondary 수정/[24:57] widget 수정/[25:47] widget-title 수정/[26:41] widget ul 수정/[28:08] wrap 수정/[30:24] social-navigation li 수정
![웹표준 [입문 + 고급]](/img_file/builder/Date/201510136495bestcss_a.jpg "웹표준 [입문 + 고급]")
웹표준 [입문 + 고급]13시간 28분
![jquery [입문 + 고급]](/img_file/builder/Date/201507022679jquery_new.jpg "jquery [입문 + 고급]")
jquery [입문 + 고급]21시간 35분
