DIY Coding Further - 워드프레스(WordPress) 전문가 되기
4.8 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
38 students enrolled

DIY Coding Further - 워드프레스(WordPress) 전문가 되기

워드프레스 테마 코딩의 기초에서 웹사이트 런칭까지 웹사이트의 멋진 전문 개발자가 되어 보세요. 부트스트랩의 이해는 덤입니다.
4.8 (8 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
38 students enrolled
Created by Hwang Tae-hyun
Last updated 12/2019
Korean
Current price: $118.99 Original price: $169.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 17.5 hours on-demand video
  • 1 article
  • 98 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • 스태틱 웹사이트(Static Website)를 php 기반의 워드프레스로 다이내믹한 웹사이트(Dynamic Website)로 변경할 수 있습니다.
  • 워드프레스의 전반적인 함수와 기능 그리고 이를 커스터마이징하는 방법을 심도있게 배우게 됩니다.
  • 워드프레스의 기본 포스트 타입인 포스트, 페이지 뿐만 아니라 커스텀 포스트 타입을 만들 수 있습니다.
  • 메가메뉴, 퀵메뉴(Floating Menu), 카카오톡 공유, 라이브 서치(Live Search) 등을 코딩하게 됩니다.
  • 또 테마의 번역, poedit, Open Graph Tag 및 SSL 등 설정 과정도 익히게 됩니다.
  • 또 자바스크립트의 asynchronous, promise, fetch 등도 공부합니다.
  • 내 컴퓨터의 dev server에서 git을 통해 Live server에 deploy하여 유지 관리를 쉽게 할 수 있습니다.
Course content
Expand all 100 lectures 17:24:54
+ 강좌 소개 및 준비
7 lectures 45:16
내 컴퓨터에 호스팅 서버 만들기
05:49
워드프레스 스타터 테마
06:09
구텐베르크 에디터 -1 기능과 요소
07:42
구텐베르크 에디터 -2 포스트 작성하기
10:43
Static 파일 다운받고 설치
06:12
+ 워드프레스 셋업
4 lectures 34:54
php 기본 syntax
13:11
테마 스크립트 설정
13:09
레퍼런스 강좌 - 워드프레스 경로 함수 정리
05:35
+ 블로그 페이지
13 lectures 02:07:01
포스트 썸네일
12:11
포스트 메타
08:09
좋아요 하트 버튼
07:35
포스팅 시간 함수 코딩
08:50
블로그 Pagination
08:25
탑배너
15:46
옵트인 섹션 (Escaping, Localization 함수)
08:56
블로그 슬라이드-1
10:40
블로그 슬라이드-2
12:15
블로그 공지 포스트
05:56
블로그 사이드바 - 인기 포스트 탭
13:02
블로그페이지 코드 클린업
05:25
+ 포스트 페이지
13 lectures 01:51:39
포스트 breadcrumb
05:55
포스트 링크
04:54
특성 이미지와 요약, 포스트 메타
11:00
저자 소개
05:57
Disqus 댓글 플러그인
05:30
댓글 1 - 워드프레스 댓글 코딩
05:54
댓글 2 - 댓글 리스트
12:55
댓글 3 - 댓글 패지네이션
07:36
댓글 4 - 댓글 인풋 폼
20:28
연관 포스트 섹션
13:37
archive.php
06:31
포스트페이지 코드 클린업
05:15
+ 디폴트 페이지 및 커스텀 페이지
14 lectures 01:52:28
페이지 리스트
10:04
위젯 - 페이지 사이드바
06:45
페이지 커뮤니케이션 섹션
12:50
예약 페이지 1 - 점보트론 및 Contact Form 7 Plugin
06:36
예약 페이지 2 - Flamingo Plugin
10:25
예약 페이지 3 - get_sidebar
02:35
예약 페이지 4 - Google Map asnyc & defer attribute
16:26
소개 페이지 1 - 탑배너와 본문
05:54
소개 페이지 2 - 계속
06:20
소개 페이지 3 - 계속
05:34
소개 페이지 4 - 이미지 라이트박스 효과
08:18
소개 페이지 5 - 지도 인포메이션
05:37
페이지 템플릿 코드 클린업
09:50
+ 프런트 페이지
7 lectures 01:11:41
프런트 페이지 2 - 슬라이드 코딩
12:14
프런트 페이지 3 - 피쳐드 섹션
11:23
프런트 페이지 4 - 카드 섹션
10:31
프런트 페이지 5 - 이미지 오버레이 섹션
05:36
프런트 페이지 6 - 최신 포스트 디스플레이
09:51
프런트 페이지 코드 클린업
03:41
+ 헤더와 풋터
8 lectures 01:32:40
메뉴 2 - 드롭다운 메뉴
07:07
메뉴 3 - 메가메뉴
15:33
콘택트 모달
08:50
퀵메뉴(Floating Menu)
09:42
카카오톡 공유 자바스크립트
15:30
풋터
15:29
코드 클린업
03:40
+ 커스텀 포스트 타입
11 lectures 02:32:34
이벤트 포스트타입 등록
10:15
이벤트 페이지 템플릿
20:07
이벤트 날짜 변환
09:07
이벤트 포스트
11:31
이벤트 연관 포스트
07:38
과거 이벤트 및 블로그 이벤트 탭
21:00
리뷰 페이지 템플릿
18:00
리뷰 포스트
19:15
블로그 리뷰 탭
11:30
FAQ 템플릿
17:40
메뉴와 퀵메뉴 추가
06:31
+ 로그인과 회원 관리
4 lectures 44:35
로그인 로그아웃 회원가입 메뉴
12:33
로그인 페이지 스타일
13:30
어드민바 스타일
10:18
회원관리 - Members Plugin
08:14
+ 검색 기능
8 lectures 01:51:42
검색 모달 UI
15:14
자바스크립트 1- Fetch promise
19:35
자바스크립트 2 - Async & Await
11:46
자바스크립트 3 - Register Rest Field
19:05
자바스크립트 4 - 마무리
16:33
고전적 워드프레스 검색 1 - searchform.php
12:19
고전적 워드프레스 검색 2 - search.php
13:18
Requirements
  • 인터넷이 연결되는 컴퓨터가 필요합니다.맥, PC, 노트북 등 어떤 종류라도 상관없습니다.
  • 웹브라우저는 크롬(Chrome)이나 파이어폭스(Firefox)을 이용하시면 좋습니다.
  • html, css, javascript 등 컴퓨터 언어의 기본 문법을 이해하고 있는 정도라면 더욱 좋습합니다.
Description

## 강좌를 저렴하게 수강할 수 있는 방법은 저희 웹사이트(하단 저의 프로필 클릭 후 웹사이트 주소) 다음에 /archives/1688를 입력하시면 매달 새로이 생성되는 쿠폰 링크가 있으니 이를 이용하시면 됩니다!


워드프레스(WordPress)는 SEO 친화적이며, 모바일 반응형, 정기적인 업데이트, 보안이 우수하다는 장점 뿐만 아니라 오픈 소스로 개발자나 관리자가 쉽게 커스터마이징할 수 있습니다. 그 결과 현재 전세계 웹사이트의 1/3, 약 35%가 워드프레스로 제작되고 있습니다.

한편 부트스트랩(Bootstrap)은 PC 뿐만 아니라 모바일에 반응적인 프런트 엔드 콤포넌트 라이브러리이며, 기존의 CSS와 Javascript를 통합한 클래스를 제공해 주고 있습니다. 부트스트랩에서 제공해주는 클래스와 콤포넌트를 이해하고 사용하면 매우 효율적이고 빠르게 웹사이트 디자인을 만들 수 있고 여기서 조금 더 나아가 조금만 응용하면 매우 멋진 웹사이트를 제작할 수 있습니다.

DIY Coding Further, 워드프레스 전문가 되기 코스는 워드프레스의 모든 기본적인 개념을 이해하고 이를 통해 더 심화된 커스터마이징된 웹사이트 코딩 방법을 배워, 단순한 웹사이트 혹은 블로그의 플랫폼 이상의 홈페이지를 만들 수 있는 길을 소개하고 있습니다.

이 강좌는 2018년 2월 경 유데미에 업로드한 DIY 워드프레스 테마 강좌(기초편) 코스의 후속 심화편 강좌에 해당합니다. 또  DIY 부트스트랩4 마스터하기 강좌(2018. 10) 코스의 결과물인 Static Website code를 이 강좌의 Resource로 사용하고 있습니다.

하지만 앞의 2개의 강좌는 본 강좌를 시청하는데 반드시 필수적인 것은 아니며, 모든 파일들은 다운로드할 수 있게 제공할 것이고 또한 중복되는 부분이라도 다시 설명하여 비록 워드프레스 초보 개발자라 하더라도 충분히 공부할 수 있습니다.

강사는 2014년부터 WordPress, PHP와 JavaScript를 셀프로 공부하면서 프리랜서로 홈페이지들을 제작해 왔습니다. 그리고 제가 아는 모든 것들을 알려 드리고 좋은 플러그인 등 방법과 팁을 소개해드리려고 합니다.

이 강좌를 통해 멋진 WordPress 개발자가 되어 보세요.


이번 강좌에서는 Best Medical이라는 가상의 병원 홈페이지를 만들어보게 될 것입니다.
이 강좌에서,

  • 내 컴퓨터에 개발 서버를 설치하고 워드프레스 설치 과정

  • 간단한 PHP 문법과 loop, if 구문 이해

  • 프런트 페이지 뿐만 아니라, 병원과 의료진 소개 페이지, 일반 페이지, 블로그와 포스트 페이지, 그리고 병원 이벤트나 치료 후기 페이지 등을 코딩

  • 로그인 및 회원가입 페이지 및 회원관리

  • 자바스크립트를 이용한 카카오톡 공유 및 타이핑할 때마다 검색결과가 수정되는 Live Search

  • 내 컴퓨터 dev Server에서 Live Web hosting Server로 데이터베이스의 이전(플러그인 및 Git Deploy를 이용)

  • 부수적으로 부트스트랩(Bootstrap)의 클래스에 대한 이해와 응용

  • 그리고 최근 구텐베르크 에디터의 사용법도 배우게 됩니다. 다만 강좌에서는 대부분 고전 편집기를 이용해서 콘텐츠를 입력합니다.

마지막으로 이 강좌는 부트스트랩 마스터 강좌처럼 전문 방송인의 나레이션으로 제작되었습니다. 덕분에 수강자들에겐 내용의 전달 및 이해가 훨씬 더 좋을 것으로 생각합니다.

Who this course is for:
  • 워드프레스를 이용하여 웹사이트를 구축하고 싶은 분
  • 워드프레스의 기본 개념은 알고 있고, 더 나아가 워드프레스 커스터마이징을 해 보고 싶은 분
  • 한국어 기반의 테마를 만들어보고자 하는 분
  • 궁극적으로 스스로 자신의 홈페이지를 만들고 관리해 보고자 하는 분