Thumbnail
개발 · 프로그래밍 웹 개발

워드프레스 제대로 개발하기 - 클라이언트 편 대시보드

(5)
7개의 수강평 ∙  245명의 수강생

66,000원

지식공유자: 안형우
총 57개 수업 (9시간 30분)
수강기한: 
무제한
수료증: 발급
난이도: 
입문
-
초급
-
중급이상
지식공유자 답변이 제공되는 강의입니다
폴더에 추가 공유

중급자를 위해 준비한
[웹 개발] 강의입니다.

“플러그인도 테마도 많은데 나한테 딱 맞는 건 없네” 🧐 “간단한 기능 딱 하나가 필요한데 그게 없네” 🤔 플러그인 설치하고 기능 살피고 지우고 다시 찾고 👩‍💻 그 시간에 개발을 했다면 이미 필요한 기능을 만들었을 겁니다 🙈 이런 문제를 한 번이라도 겪으셨다면 이제 한 걸음 더 나갈 때입니다 🙉 워드프레스 사용법이 아니라 개발을 배워 보세요 🤝

✍️
이런 걸
배워요!
워드프레스로 웹사이트 만들기
워드프레스 사이트 유지보수
워드프레스 플러그인 늪에서 벗어나기

워드프레스 개발의 세계 💾
클라이언트 커스터마이징까지 도전해보세요!

수강 전 확인해주세요!

  • “워드프레스 제대로 개발하기” 시리즈는 “어드민편”과 “클라이언트편”으로 구성됩니다.
  • 어드민 편이 파트1에 해당하고 클라이언트 편이 파트2에 해당하지만, 개별 강의로 들어도 학습하시는 데 큰 문제는 없습니다.
  • 어드민 편을 듣지 않고 클라이언트 편을 바로 들으시는 분들을 위해서 “클라이언트 편 Only” 영상들을 추가하고, 연관된 내용이 나오는 어드민 편 강의들을 들을 수 있도록 안내해 두었습니다. 필요한 어드민 편 강의들은 무료로 들으실 수 있습니다.
  • 혹시 개별 강의 수강 중 궁금하신 내용이나 부족한 부분이 있다면 질문/답변 게시판에 남겨주세요.


이 강의는 가상의 서점 사이트를 만드는 과정을 함께 합니다.

📗 시리즈로 이어지는 이 강의는 온라인 서점 테마를 바닥부터 새로 만듭니다. 남의 테마 고치기? 이제 그만 하세요. 직접 한땀한땀 만듭니다. 쉬워요.
📙 제대로 배웁니다. 워드프레스 공식 개발 문서가 가르쳐 주는 정석 그대로.

워드프레스, 제대로 사용하려면
“워드프레스 개발”을 알아야 합니다.

워드프레스 클라이언트단 개발을 배웁니다

사이드
아이덴티티 및
메뉴 구성

노드 교과서

상세 페이지 및
목록 페이지
구성

인덱스 페이지
구성 및
글 처리 클래스

사이트 아이덴티티, 메뉴 구성

워드프레스는 강력한 클라이언트단 표현 기능을 갖추고 있습니다. 대표적으로 사이트 아이덴티티 표현 기능과 메뉴 구성 기능이 있습니다.

상세 페이지와 목록 구성

커스텀 포스트 타입을 만들고 커스텀 분류를 만들었다면, 주소 표시줄에 해당 글이나 분류를 호출하는 URL을 적어주는 것만으로도 우리가 입력한 데이터를 불러올 수 있습니다. 원하는 대로 표현하려면 어떤 템플릿 파일을 어떤 식으로 준비해야 하는지, 정석대로 배웁니다. 물론 상세 페이지, 목록 페이지 커스터마이징도 얼마든지 가능합니다.

인덱스 페이지 구성

워드프레스는 기본으로는 블로그 툴이지만, 우리는 개발자니까 못할 게 없습니다. 워드프레스의 기본 구성을 따르면서 보통 웹사이트처럼 얼마든지 인덱스 페이지를 꾸밀 수 있습니다.

이를 위해 WP_Query라는 워드프레스의 가장 기본이 되는 글 처리 클래스에 대해서 배웁니다. 수박 겉핥기 식이 아니라 정석대로, 깊이 배웁니다.

기본 사용법만 배우는 게 아닙니다. 우리가 책 정보를 커스텀 필드(post meta)를 이용해서 만들었으니 커스텀 필드를 조건으로 해서 글을 정렬할 수도 있어야겠죠. 커스텀 분류(Taxonomy)도 사용했으니 커스텀 분류(Taxonomy)에 따라 글을 가져오는 방법도 알아야 합니다. 모두 알려드립니다. 마지막으로, SwiperJS와 결합해서 메인 슬라이더를 만드는 방법까지 배웁니다.

관리자 단 개발이 궁금하다면?

워드프레스 제대로 개발하기 - 어드민 편
직접 배우는 워드프레스 어드민 개발


워드프레스 개발에 적응할 수 있게 해드립니다.

📙 시리즈로 이어지는 이 강의는 온라인 서점 테마를 바닥부터 새로 만드는 과정입니다.
😉 남의 테마는 이제 그만 고치세요. 우리는 직접 한 땀 한 땀 만듭니다.
🤝 기본적인 PHP와 프론트엔드 개발 지식만 있다면 누구든지 따라올 수 있습니다.

👍 제대로 배웁니다. 워드프레스 공식 개발 문서가 가르쳐 주는 정석 그대로.


학습 내용 살펴보기

관리자단에서 로고를 교체할 수 있도록 코딩합니다.

로고를 SVG로 쓰려면 SVG 업로드를 허용해야겠죠? 굳이 플러그인을 사용하지 않고 코딩으로 해결합니다.

워드프레스의 메뉴 기능을 활용해 메인 내비게이션을 만듭니다. 강력한 기능입니다.

상세 화면을 구성하는 방법을 배웁니다.

워드프레스의 템플릿 구조를 익히고 활용법을 배웁니다.

PHP의 기본적 디버깅 방법을 배웁니다.

목록 화면을 구성합니다

첫 화면을 만들며 워드프레스의 기본적인 내부 작동(WP_Query, Loop)을 배웁니다.

첫 화면에 메인 슬라이드를 붙여 봅니다.


저는 이런 개발자입니다

그래서 워드프레스로 사이트를 만들 때 딱 필요한 실전 지식을 알려 드릴 수 있습니다.

고맙게도 많은 분들이 제 워드프레스 강의를 보고 좋게 평가해 주셨습니다.

 

이런 작업물을 만들어 왔습니다

이 강의가 플러그인 강의는 아니지만,
강의를 듣고 나면 여러분도 이런 작업이 가능하게 될 겁니다 🐱

  • Mytory Markdown: github 등 URL로 접근 가능한 곳에 있는 마크다운 파일을 불러와 워드프레스 본문에 넣어 주는 플러그인
  • Mytory Markdown for Dropbox: Dropbox에 있는 마크다운 파일을 불러와 워드프레스 본문에 넣어 주는 플러그인
  • non-latin attachments: 파일명이 한글인 파일을 서버에 업로드했을 때 파일명이 깨지는 경우 그 문제를 해결해 주는 플러그인


제가 플러그인을 처음 만든 것은 9년 전 초보 시절입니다.
여러분도 이렇게 발전할 수 있습니다.

워드프레스가 제공하는 공식 개발 문서을 기반으로,
실전 경험이 어우러진 강의를 들어 보세요.

제가 겪은 어려움을 여러분은 겪지 않아도 됩니다.
같이 워드프레스 개발의 세계로 가 봅시다! 😀

누구에게 도움이 되나요?

선수 지식을 확인해주세요!

  • 기본적인 PHP 개발을 할 수 있고, Javascript, MySQL 관련 지식이 있다면 강의를 이해할 수 있습니다.

워드프레스 개발을
제대로 배우고
싶은 분

학습 시간을 아껴
실무에 바로
워드프레스를 쓰고픈 분 

워드프레스 테마를
커스터마이징해서
사이트를 운영하고픈 분

워드프레스로
웹사이트를 만들어야
하는 분

워드프레스 사이트를
유지보수해야
하는 분

워드프레스
클라이언트 개발을
제대로 배우고픈 분

워드프레스로 개발하기, 은근 편하고 좋습니다!

워드프레스는 개발자에게도 좋습니다.

  • 관리자단을 바닥부터 개발하지 않아도 됩니다.
  • 보편적 기능은 가벼운 플러그인을 이용해 해결할 수 있습니다.
  • 개발자는 딱 맞게 필요한 기능만 개발하면 됩니다.
  • 전세계 웹사이트의 30%가 워드프레스입니다.
  • 가장 많은 사용자를 보유한 CMS로서 오랜 지원을 기대할 수 있습니다.


강의 자료를
확인하세요.

예제 소스코드 - Git Repository

👉 https://github.com/mytory/bookstore

실습하면서 참고할 수 있도록 작업한 모든 코드는 Github에 올려 뒀습니다. 단, 테마 부분만 있는 것이니 워드프레스 코드는 따로 다운로드를 하셔야 합니다. 선호하는 Git 툴을 이용해서 소스를 받아 두고 참고하시면 됩니다.

각 강의별 소스코드 다운로드

각 강의별로 태그를 붙여 두었습니다. 45강이 끝난 직후 소스코드의 Git Tag는 45입니다. 따라서 Git 사용이 익숙하시면 태그로 이동해서 강의가 끝난 시점의 소스코드를 살펴 보시면 됩니다.

익숙하지 않으시면 아래 링크로 들어가서 각 태그의 소스코드 압축 파일을 다운로드하셔도 됩니다.
👉 https://github.com/mytory/bookstore/tags


연관 강의 함께 보기

워드프레스 제대로 개발하기 - 어드민 편
직접 배우는 워드프레스 어드민 개발

이런 분들께 추천드려요!

🎓
학습 대상은
누구일까요?
워드프레스 개발을 제대로 배우고 싶은 사람
워드프레스 학습 시간을 아껴 바로 실무에 쓰고 싶은 사람
워드프레스 테마를 커스터마이징해서 자신의 사이트를 운영하고 싶은 분
워드프레스로 웹사이트를 만들어야 하는 사람
워드프레스 사이트를 유지보수해야 하는 사람
📚
선수 지식,
필요할까요?
기본적인 PHP 개발
기본적인 javascript 지식
기본적인 MySQL 사용

안녕하세요
안형우 입니다.
안형우의 썸네일

16년차 풀스택 웹개발자입니다. PHP를 주로 다루고, 그 중에서도 라라벨과 워드프레스로 가장 많이 일합니다. 개인 용도로 워드프레스 플러그인도 몇 개 만들었습니다.

더 자세한 소개는 블로그의 소개를 참고하세요. https://mytory.net/about

커리큘럼 총 57 개 ˙ 9시간 30분의 수업
이 강의는 영상, 수업 노트, 첨부 파일이 제공됩니다. 미리보기를 통해 콘텐츠를 확인해보세요.
섹션 0. 들어가며
워드프레스 제대로 개발하기 - 클라이언트편 소개 미리보기 06:55 어드민 편 복습 미리보기 05:08
워드프레스 문서 05:07
사용하는 툴 (클라이언트 편 Only)
워드프레스 설치하고 살펴 보기 (클라이언트 편 Only) 01:49
예제 소스 코드 설치하고 살펴 보기 (클라이언트 편 Only) 06:48
예제 소스 코드 살펴 보기 (클라이언트 편 Only) 08:20
액션과 필터의 개념 (클라이언트 편 Only) 01:29
섹션 1. 사이트 아이덴티티 기능 활용
출판사 분류 추가 안내 (클라이언트 편 Only) 02:48
출판사 분류 추가 04:05
커스텀 로고 기능 09:05
svg, hwp 파일 타입 허용하기 1 10:58
svg, hwp 파일 타입 허용하기 2 10:00
섹션 2. 내비게이션 기능 활용
메뉴 기능 활용해 내비게이션 만들기 1 07:40
메뉴 기능 활용해 내비게이션 만들기 2 07:08
메뉴 기능 활용해 내비게이션 만들기 3 10:45
메뉴 기능 활용해 내비게이션 만들기 4 10:22
섹션 3. 상세 화면 구성
상세화면용 표지 불러 오기 1 10:57
상세화면용 표지 불러 오기 2 09:29
post meta 정보에 대한 간단한 설명 (클라이언트 Only) 03:41
post meta 정보 표시하기 1 12:39
post meta 정보 표시하기 2 09:39
taxonomy 정보 표시하기 1 12:33
taxonomy 정보 표시하기 2 14:34
taxonomy 정보 표시하기 3 07:39
섹션 4. 워드프레스 템플릿
대표적인 템플릿 태그들 14:59
템플릿 우선순위(Template Hierarchy) 17:15
이미지 파일 상세 화면 1 10:19
이미지 파일 상세 화면 2 16:06
섹션 5. [팁] PHP 디버깅
디버깅 1 미리보기 09:35
디버깅 2 08:40
디버깅 3 - xdebug 14:25
섹션 6. 책 주제/필자/역자/출판사 목록 화면 구성
목록 화면 기본 구성 13:17
목록에 제목 붙이기 09:36
페이지네이션 13:34
주제, 필자 목록 만들고 설명 붙이기 12:41
섹션 7. 글 목록과 상세 화면 구성
글에 들어간 이미지 스타일 1 07:29
글에 들어간 이미지 스타일 2 11:07
목록에서 특성 이미지 활용 1 08:12
목록에서 특성 이미지 활용 2 09:24
목록에서 특성 이미지 활용 3 16:11
섹션 8. 인덱스 화면 기본
WP_Query란 무엇인가 11:34
WP_Query로 글 가져오기 07:47
Loop 10:33
공지사항과 신간 가져오기 12:37
Loop 내 주요 함수 뜯어 보기 23:56
발행일 기준으로 신간을 가져와 보자 10:20
출판사 분류로 책을 가져와 보자 1 09:04
출판사 분류로 책을 가져와 보자 2 08:21
섹션 9. 메인 슬라이더
메인 슬라이더 만들기 - 기획 04:46
메인 슬라이더 적용하기 - 적용 1 14:32
메인 슬라이더 적용하기 - 적용 2 11:27
메인 슬라이더 적용하기 - 적용 3 13:33
메인 슬라이더 적용하기 - 적용 4 04:38
메인 슬라이더 적용하기 - 적용 5 12:56
메인 슬라이더 적용하기 - 적용 6 11:21
메인 슬라이더 적용하기 - 적용 7 20:24
강의 게시일 : 2021년 08월 03일 (마지막 업데이트일 : 2023년 01월 10일)
수강평 총 7개
수강생분들이 직접 작성하신 수강평입니다.
5
7개의 수강평
5점
4점
3점
2점
1점
VIEW 추천 순 최신 순 높은 평점 순 낮은 평점 순 평점 순 높은 평점 순 낮은 평점 순
meyou1218 thumbnail
5
예전 강의인데도 워드프레스 자체 함수이름은 바뀌지 않아서 괜찮네용~! 글 메뉴, 슬라이더 내용도 있어서 알차고 쉽게 가르쳐주셔서 따라가기 편해요 ^^ 어드민 편도 들어야겠어요~ 다 듣고나면 테마 변경하는 거는 쉬워질꺼같아요.
2023-11-09
park heejae thumbnail
5
워드프레스로 웹을 만들때 큰 도움!
2023-03-24
느린 바다코끼리 thumbnail
5
추천합니다. 도움이 많이 되었어요
2022-09-17
mydreams thumbnail
5
베스트 오브 베스트 강의
2022-06-01
지식공유자 안형우
감사합니다 :)
2022-06-10
foenemy thumbnail
5
좀 빠르게 진행되어서 따라가기 버거울 때도 있었지만... css와 에디터 사용법, git 사용법도 함께 알 수 있어서 도움이 많이 됐습니다!
2022-07-27