워드프레스(WordPress) 완전정복 대시보드

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

워드프레스(WordPress) 테마 코딩의 기초에서 라이브 서버로 런칭까지, 여러 개의 프로젝트 코딩을 통해 나만의 멋진 웹사이트를 만들고 또 여러 홈페이지를 관리하는 전문 개발자가 될 수 있어요!

워드프레스, 템플릿 제작부터 배포까지 뚝딱!

전세계 웹사이트 43%를 만든 1위 CMS
워드프레스(WordPress) 완전 정복 

워드프레스는 SEO(검색엔진최적화), 모바일 반응형, 우수한 보안 및 정기 업데이트 지원 등 다양한 강점을 가지고 있으면서, 무엇보다 오픈소스로 개발자가 쉽게 커스터마이징할 수 있다는 점이 가장 큰 매력으로 꼽히는 CMS입니다. 2022년 현재 전세계 웹사이트의 약 43%가 워드프레스로 제작되었다고 합니다.

웹사이트를 만들기 위해서는 프론트엔드 및 백엔드 지식이 모두 있어야 하지만, 서버 등 백엔드 영역을 구현하기 위해서는 꽤 오랜 시간 동안의 학습이 필요합니다. 하지만 워드프레스를 이용하면 손쉽게 서버 DB를 구축할 수 있고, 초보자라도 간단한 수준의 프런트엔드 지식만 있다면 다이나믹한 콘텐츠의 홈페이지를 제작하고 관리할 수 있습니다.

워드프레스 테마 제작 & 
웹사이트 구축의 A to Z.

이런 분들께 추천합니다 👀

_{워드프레스 기초에서 나아가 커스터마이징을 해보고 싶은 분} 

_{한국어 기반의 워드프레스 테마를 만들어보고 싶은 분} 

_{워드프레스를 이용해 나만의 웹사이트를 구축하려는 분}

_{워드프레스로 여러 고객의 웹페이지를 개발, 제작, 관리해야 하는 분}

이 강의는 워드프레스의 특징 및 테마 코딩을 위한 코드 에디터 사용법부터 시작해 워드프레스의 핵심 구조와 기능, 함수는 물론 단계별로 조금씩 심화되는 내용으로 구성되어 있습니다. 워드프레스의 구조와 기능을 배우고 이를 바탕으로 나만의 워드프레스 테마를 직접 A~Z까지 스스로 코딩할 수 있게끔 나아가는 게 이번 강의의 목표입니다.

_{기본적인 블로그 만들기}

_{블로그 멀티페이지 웹사이트 만들기}

_{원페이지 웹사이트 만들기}

_{고급 멀티페이지 웹사이트 만들기}

"워드프레스 완전정복" 강의는 크게 4개의 프로젝트로 구성되어 있습니다. 각각의 프로젝트에서는 이전 수업 내용을 바탕으로 조금씩 더 응용된 사이트를 구축하게 됩니다. 이 과정에서 중요한 핵심 기능은 반복하여 설명해드립니다.

아울러 프로젝트 3~5는 강의 "Bootstrap 5 - 기초부터 웹 프로젝트 만들기"에서 코딩했던 프로젝트의 HTML/CSS 파일이 이용됩니다. HTML 등을 이해하기 위해 해당 강의를 수강하시는 것을 추천드리지만, 반드시 필요한 과정은 아닙니다. 이번 워드프레스 강의를 위해 소스 코드 등은 수업 자료로 첨부되어 제공됩니다. 

강의에서 진행되는 프로젝트를 따라 테마를 하나씩, 단계별로 만들어보세요. 반복해서 배우고 사용하다 보면 어느 순간 자연스럽게 워드프레스 전문 개발자가 되어 있는 여러분의 모습을 발견할 수 있을 겁니다!

커리큘럼을 
확인해보세요. 

강의는 총론에 해당하는 섹션 및 4개의 프로젝트까지 총 5개의 섹션으로 구성되어 있으며, 추후 1개의 프로젝트가 추가될 예정입니다. 개별 프로젝트는 워드프레스를 처음 배울 때 꼭 알아야 할 기초적인 내용부터 시작해 조금씩 더 심화된 내용을 학습할 수 있도록 이루어져 있습니다.

프로젝트 1

심플한 블로그 형태의 웹사이트 프로젝트로, 워드프레스의 가장 기초적인 내용으로 테마의 코어 파일 구성, 워드프레스의 가장 가장 핵심적인 기능인 The Loop를 배우게 됩니다. 

프로젝트 2

멀티페이지 웹사이트로 메인페이지와 심플한 페이지 템플릿 그리고 블로그 템플릿 및 포스트를 만들어가는 프로젝트입니다. 프로젝트 1에서 배운 내용을 기반으로 다양한 포스트 포맷(Post formats)을 공부하게 됩니다. 또한 영문으로 된 테마를 한국어로 번역하는 방법들을 배우게 됩니다.

프로젝트 3

원페이지 웹사이트로 주로 커스텀 필드, 그 중에서도 Advanced custom fields라는 플러그인을 이용해서 워드프레스가 제공하는 기본 필드 외에 개발자가 원하는 형식과 양식의 커스텀필드를 만들어 활용하는 프로젝트입니다. 개발자 모드인 Localhost에서 제작한 웹사이트를 카페24라는 Live host server로 손쉽게 이전하는 과정도 학습하게 됩니다.

프로젝트 4

커스텀필드와 WP_Query를 이용해서 커스텀 포스트 타입(Custom post type) 멀티페이지 웹사이트를 만들어봅니다. 또한 카카오맵 API를 이용한 지도 코딩을 JavaScript로 구현해 봅니다. 또한 Localhost에서 제작한 웹사이트를 역시 카페24라는 라이브 서버로 이전하면서, 프로젝트3과는 달리 Git을 이용해서 라이브호스트에 이전하는 방법을 배우게 됩니다. 이 방법은 여러 개의 워드프레스 웹사이트를 개발 및 관리하는 개발자에게 필요한 기능이 될 겁니다. 또한 사용자가 검색어를 타이핑할 때마다 검색결과가 다이내믹하게 변화하는 라이브검색(Live search)을 자바스크립트로 구현해 봅니다.

프로젝트 5 (준비 중)

멀티페이지 웹사이트로 이전 프로젝트에서 배운 것들을 더욱 더 기능적으로 디자인적으로 난이도 높게 워드프레스 테마를 코딩합니다.  뿐만 아니라 댓글, 로그인과 회원가입 그리고 회원 등급 및 그에 따른 게시물 보기/읽기 등의 권한 관리 등을 배우게 됩니다. 아울러 네이버 지도 API를 이용해서 지도 구현까지 해보는 것을 목표로 합니다.

이 강의를 만든
지식공유자를 소개합니다.

Self-coding

• Front-End (WordPress) Developer
• 프리랜서 웹사이트 제작 및 교육
• Inflearn Instructor. 부트스트랩5 - 기초부터 웹프로젝트 만들기 강좌
• Udemy Instructor

Q&A 💬

이런 분들께 추천드려요!