워드프레스 [입문+고급]

21회차 속성과정
전체 : 10시간 20분|회차당 평균 : 29분31초

이용기간 2개월

전문강사 : 알지오 R&D [IT]

워드프레스 인강 평생교육원 교육 안내
워드프레스 빌더는 해외에서 활발하게 활용되는 설치형 블로그 타입의 보드플랫폼이며 전문 지식없이도 DB 및 소스 파악이 가능하기때문에 워드프레스 를 이용한 홈페이지제작 하는분에게 권장합니다. 디자인 스킬이나 소스를 수정하는 프로그래밍 능력이 없이도 각종 워드프레스의 테마나 플러그인을 통해 홈페이지를 구축할수 있습니다. 하지만 소스를 분석하는 웹개발을 원한다면 웹표준을 학습하여 보다 개성있는 웹페이지를 구현할수 있습니다.

[입문]
01.24분 워드프레스 설치부터 기본배우기
ftp와 로컬, 직접설치, 카테고리, 미디어, 페이지 상세

책갈피[00:00] 워드프레스 ftp 업로드/[06:00] 필요한 정보 입력/[12:58] 미디어 라이브러리/[17:21] 비주얼, 텍스트/[22:35] 페이지 출력 방법
02.33분 메뉴와 페이지, 테마, 플러그인
메뉴, MY SQL, 레이블 과필드, 카테고리 드래그, 테마 플러그 설치 및 반영

책갈피[00:00] 메뉴 추가/[02:13] phpmyadmin 설치/[05:40] phpmyadmin 접속/[12:01] 페이지 속성-상위 설정/[13:59] 새 페이지 추가/[16:14] 테마/[22:21] 테마 편집기/[26:39] 플러그인 추가/[29:02] 새 글 쓰기/[30:52] 글 편집
03.33분 업데이트 유무료 테마및 플러그인, API 키
알림판 업데이트, 업데이트, 테마수동설치, 아키스밋 API

책갈피[00:00] 새 글 쓰기-미디어 추가/[02:51] 알림판/[06:06] url에서 삽입하기/[09:40] 링크 삭제/[15:08] 복사한 글 소스 확인, 수정/[20:55] 인기테마거래소/[25:42] 권장 플러그인 설치/[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] 이미지 갤러리 플러그인/[03:23] 이미지 업로드/[05:19] 갤러리 삭제/[07:43] 이미지 업로드/[09:01] 이미지 타이틀/[11:05] 갤러리 업로드/[14:13] 이미지 옵션/[15:15] 미디어-파일 올리기/[16:47] 텍스트/[19:26] 테마 편집기/[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] 멀티사이트/[04:38] 네트워크 활성화 2단계/[08:24] 사이트 확인/[11:19] 접근권한이 없을 경우/[14:40] 플러그인 업데이트/[17:59] 테마 편집/[22:37] title 설정/[26:14] 본문 텍스트 설정/[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] 헤더 이미지 숨기기/[03:49] 사이드바, 푸터 위젯 추가/[05:40] 메뉴 구조 추가/[08:33] 기본적인 레이아웃 수정 (index 수정)/[14:31] word-wrap: break-word/[15:44] header 여백 수정/[19:29] 로고 이미지 등록/[25:24] position: absolute/[28:45] 반응형웹 반영
20.36분 인기 테마수정 Twenty Seventeen 2
네비게이션, 좌본문, 반응형웹 수정방법

책갈피[00:00] 네비게이션 수정/[03:18] main-navigation ul/[06:09] 버튼 css 수정 /[10:25] 반응형웹 반영//[13:24] Front page 수정/[15:53] 서브 페이지에 로고 이미지 노출 설정/[17:56] page-header/[20:06] 인코딩 방식/[23:30] float: left, width/[26:10] entry-header 수정/[29:44] entry-title 수정/[32:13] comments
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 수정