위치

요일

가능
시간
(날짜)

  • 낮: 월/수 오후3시~6시 / 야간: 월/수 오후7시~10시 (협의)
장소 : 협의 후 결정
추가비용 : 스터디룸비: 1000원/시간 + 호스팅&도메인 비용: 약 2만원
강남역 스터디룸
₩15,000원 / 시간
₩360,000 / 총 8회 24시간
실시간 톡하기 찜하기
HanJoon Peter Kim
김한준
누구나 가능한 워드프레스로 전문적인 웹사이트 또는 쇼핑몰 만들기 (4주완성!!!)
  • 강남
  • 3시간/회
  • 최대인원:3~6
  • ₩15,000/시간

튜터정보

  • 신분 인증 됨
- 브랜드마케팅 교육 및 프리랜서 디지털마케터

- 전문 블로그 또는 매거진 형식의 웹사이트 와 FB page 운영

- 워드프레스기반 일반 비지니스웹사이트, 이슈 매거진 웹사이트 외주제작 및 쇼핑몰 외주제작

- 상표등록 사이트 마크키퍼 웹제작 및 디지털마케팅 진행

- 現 웹제작 및 온라인 마케팅 대행사 "온비" 공동대표

- 現 진짜하고 싶은 꿈을 이루기 위해 달려나가고 있는 열정가 :)

수업소개

컴공을 안나왔어도, 개발지식이 없어도, 혹은 그밖의 기술이라는것 "IT"라는 단어가 생소했었어도 괜찮습니다. 내가 문과이던 이과이던 아무런 상관이 없습니다.

초보자도 쉽게 훌륭한 웹사이트를 구축할 수 있게 도와주는 워드프레스라는 툴을 사용하여 자신만의 아이디어를 실현해볼 사이트를 만들어봅니다.


수업장소: 강남역
수업시간
평일 낮: 월/수 오후3시~6시 (3시간 x 주2회)
평일 야간: 월/수 오후7시~10시 (3시간 x 주2회)
주말 토 오전9시~오후2시 (5시간 x 주1회)

평일수업시간: 4주 - 총8회 = 총수업시간: 24시간
주말수업시간: 5주 - 총5회 = 총수업시간: 25시간

평일 수업 시작일: 1/15일
주말 수업 시작일: 1/13일



수업대상

  • 워드프레스로 아이디어를 실현해볼 사이트를 만들고 싶은사람

    OR

    꿈을 혹은 무언가를 이루고싶은 열정을 갖고 있는 사람.

    OR

    워드프레스로 매거진/뉴스 사이트, 비지니스 사이트, 또는 이커머스(쇼핑몰)을 만들어보고싶은사람



커리큘럼

강의계획

1주차
- HTML & CSS 를 통한 웹개발 기초 이해
: 미리 수업전 생활코딩(opentutorials.org) 또는 영어를 잘 하신다면 Udacity(udacity.com)에서 기본적인
HTML, CSS 아주 질 좋은 무료 강의를 조금 들으시면 아주아주 좋습니다. 하지만, 아예 모르셔도 무방합니다.
웹사이트 기본구조에 대한 설명 및 아주 기초적인 주요개념들을 배웁니다.

- 워드프레스 개발 환경 준비
: 도메인, 호스팅 구매
: 파일질라로 세팅하기
: 워드프레스 개념이해 및 기본세팅 배우기
: SSL 인증서(개인정보를 다루는 웹사이트에서는 필수로 갖춰야합니다!) 설명

- 워드프레스 테마 비교
테마란 워드프레스의 골격이나 배경 같은 것이라 할 수 있습니다.
수업에서는 가장 활용하기 좋고 범용성이 뛰어난 테마를 하나 지정하여 사용할 겁니다.
(*이수업에서는 일반적인 비쥬얼컴포져를 사용하여 개발하지 않고
30만원 상당의 프리미엄테마와 자체페이지빌더로 진행하며 유료테마는 수강생분들에게 무료로 제공됩니다.)
하지만, 주요 테마들의 특성을 배우고 추후 다른 테마도 사용할 수 있는 방법 (Visual builder를 활용하는방법)도
알려드립니다.

- 웹제작과 디지털마케팅을 하면서 활용하게 될 유용한 사이트 및 특수한 실용적인 툴 소개 및 설명

- 페이지를 구성하는 구조 파악 (다양한 모듈or엘레멘트 활용 실습)

- 일러스트레이터 및 로고툴들로 로고툴 만들기
- 이미지 툴 활용하여 멋진 커버 만들기
- 파비콘 생성
- 웹사이트 색조합 보기

2주차

- 웹디자인에 필요한 포토샵 활용하기
: 웹사이트에서는 이미지 사용을 많이 하게됩니다. 디자이너 수준까지는 아니더라도 기본적으로 웹제작에 활용도가 높은 몇가지들만을 빠르게 배웁니다.

- 벤치마킹할 사이트 선정

- URL Tree 구조 구상하기

- 워드프레스 기본 세팅/ 메뉴&푸터 구성/ 페이지생성/ Theme-Customizer 다루기

- 페이지 빌더를 활용하여 Landing / About / Contact 페이지들을 실제로 섹션별로 구성해보기

3주차

- 워드프레스의 꽃인 다양한 플러그인들 활용하기

- 플러그인 설치방법 설명
- 유료플러그인 구매가능한 곳 소개
- SNS 플러그인
- **우커머스 쇼핑몰 플러그인 파헤치기**
: 제품과 서비스를 판매하기위한 우커머스 플러그인
- 상품타입별 세팅하기
- 무료배송 자동선택 (우커머스를 최대한 한국형으로 편집하기: 우커머스는 뛰어난 플러그인지만 실제로 한국에서 서비스하려면 기본적으로는 부족한부분이 많습니다.)
- 상품페이지 커스텀하기
- 우커머스 Add-on 저렴하게 사용하는 방법
- 한국형 우커머스 결제화면 만들기(자동주소찾기 API 설치)
- 배송추적 하기
- 카테고리 메뉴화 : 기본 Primary/ Secondary/ Footer menu 가 아닌 커스텀 위치에 메뉴 생성하기

- Contact Form (신청란 다루기)
- Contact-form7 보다 훨씬 활용도가 높고 UI(유저인터페이스)가 쾌적한 워드프레스의 메인 Form Plugin 3가지들을 각각 다뤄보고 비교 분석하기 + 추가로(Bonus) 디자인하기 매우 용이한 자체 수업에서 제공 되는 테마로 form 구성하기
- 워드프레스는 php mail function으로 신청란 이메일이 보내지는데 호스팅이 이러한 부분을 지원해주지 않으면 메일이 중간에 누락되는 현상이 발생할 수 있습니다. 이를 방지하기위한 산업표준(Industry Standard)인 방법으로 form 보내는 방식 구축하기
- Inline Form 만들기
- 견적서 form 만들기

- Custom CSS로 디자인 편집하기
- Chrome Dev Tool 활용하기

- Mobile Responsive (반응형 웹) 구성하기

- 워드프레스 플러그인 및 빌더 한글화하기

- 고객센터 만들기
- Board plugin 설치
- shortcode로 구성
- 텍스트편집기로 플러그인 편집 및 커스텀하기
- (*플러그인의 코드를 건드려서 커스터마이징을 하는 이유는 “워드프레스 플러그인” 이란 이미 다른 php개발자가 개발하여 특정 기능을 구현해놓은 퍼즐조각과 같은 것입니다. 저희는 그러한 “플러그인”이라 하는 퍼즐조각을 가져다가 쓰는 것이죠. 허나, 이것만으로는 정말 자신의 입맛에 맞는 웹사이트를 구현하기가 쉽지않습니다. 그렇기에 커스텀하는 방법까지 최대한 알려드립니다.)

- Optin 이메일 구독신청 받기
- 메일침프 활용(이메일마케팅)
- SNS 공유 버튼 연동하기
- 스마트폰으로도 응대가능한 실시간 상담 채팅 API 넣기
- 회원가입 관리 기능 구축
- SNS 회원가입 기능 구축
- 결제플러그인 구축하기
- PG사 연동방벙
- 폰트추가하기
- 페이지빌더로 ttf, off, woff 등 폰트파일 직접 넣기
- Web Font 연동하기
- ***워드프레스 수업의 마법같은 Layout Importing 배우기 :)

4주차
- GA (구글 애널리틱스) 배우기
: 디지털마케팅의 핵심중의 하나인 구글애널리틱스를 사이트와 연동하고 “전환(Conversion)”이라는 개념을 토대로 어떠한 지표를 어떻게 해석해야하며, 웹사이트를 개선하고 유저경험(UX)를 개선하고 온라인에서 제공하려는 제품이나 서비스를 어떠한 방향으로 개선할 수 있는지와 같은 의사결정에 필요한 인사이트를 도출하는 법을 배웁니다.

- GTM 으로 Hotjar, GA, 페이스북 Audience pixel 연동하기

- GTM 으로 GA활용하기 (Event, Form, 회원가입란 트래킹)

리뷰

리뷰쓰기

실시간톡

실시간 톡하기

위치

지도가 들어갑니다.