워드프레스(WordPress) 완전 정복!!

프로젝트별로 심화된 내용을 중요한 내용들은 반복하면서 익혀 결국 워드프레스를 정복한다!

워드프레스(WordPress)는 SEO(검색엔진최적화), 모바일 반응형, 우수한 보안 및 정기적인 업데이트 등 뿐만 아니라 무엇보다 오픈 소스로 개발자가 쉽게 커스터마이징할 수 있다는 장점이 있습니다. 2022년 현재 전세계 웹사이트의 약 43%가 워드프레스를 이용하고 있다고 합니다.

전체 강좌는 워드프레스의 특징, 테마를 코딩하기 위한 코드에디터부터 설명해서 워드프레스의 핵심 구조와 기능, 함수를 배우고 여기에서 단계별로 조금씩 더 심화되는 내용으로 구성됩니다. 4개의 프로젝트는 이전 프로젝트의 내용들을 바탕으로 조금씩 더 응용된 사이트(초기 개설될 때 4개의 프로젝트)가 되며, 중요한 기능은 계속 반복 설명합니다.

프로젝트 3, 4, 5는 저의 이전 강좌(타 인강 사이트) "Bootstrap 5 - 기초부터 웹 프로젝트 만들기" 에서 코딩했던 프로젝트의 html 및 css 등의 파일이 이용됩니다(이 강좌의 최초 개설시에는 프로젝트 3, 4까지만). Html 등의 이해를 위해서 저의 부트스트랩 강좌를 수강하시면 좋겠지만, 반드시 필요하지는 않으며, 이 강좌를 위해 코드 파일은 자료 파일로 첨부되어 제공됩니다.

소스코드 구글드라이브 링크

섹션 1 중 10번째 업데이트 강좌에 소스 파일이 정리되어 있는 구글 드라이브 링크를 클릭하시면 각 섹션별로 폴더가 있고, 그 속에 해당 강좌 번호의 소스 코드 압축파일이 있습니다. 거기서 해당 강좌의 소스 파일을 다운로드할 수 있습니다.

강의 주제

워드프레스의 구조와 기능을 배우고, 이를 바탕으로 자신이 원하는 나만의 워드프레스 테마를 직접 A-Z까지 스스로 코딩할 수 있다.

강의 기획 배경

웹사이트를 만들기 위해서는 Front-end와 Back-end 지식이 모두 있어야 합니다. 처음 웹 코딩에 입문하면 html, css를 배우게 되지만, 웹사이트의 서버 같은 백엔드 구현은 꽤 오랜 시간의 학습과 경험이 필요합니다.

하지만 워드프레스라는 CMS를 이용하면 쉽게 서버 DB를 구축할 수 있고 또 관리할 수 있습니다. 그래서 초보자라도 어느 정도의 프런트엔드 지식만 있다면 다이내믹한 컨텐츠의 홈페이지를 제작하고 관리할 수 있습니다.

그래서 이러한 웹개발 위치에 있는 분들을 대상으로 워드프레스 테마 강좌를 기획하게 되었습니다. 여러 개의 프로젝트 강좌에서 테마를 하나씩 그것도 단계별 심화 학습을 통해 반복적으로 배우고 사용하여 어느 순간 워드프레스 전문 개발자가 되어 있는 것을 발견할 수 있습니다!

이 강의의 대상자

• 워드프레스의 기본 개념은 알고 있고, 더 나아가 워드프레스 커스터마이징을 해 보고 싶은 분
• 한국어 기반의 테마를 만들어보고자 하는 분
• 워드프레스를 이용하여 웹사이트를 구축하고 싶은 분
• 또는 워드프레스 개발자가 되어 여러 고객들 홈페이지를 개발, 제작 그리고 관리해야 하는 분

강의 특징

이 강의는 워드프레스를 가장 기초부터 단계적으로 심화된 내용을 그것도 반복적으로 배우게 되어 최종 프로젝트까지 따라 코딩하는 과정을 거치면 자연스럽게 워드프레스의 전문가가 될 수 있습니다.

한 마디로 가장 큰 특징을 말하자면 "반복학습"이라고 할 수 있습니다!

학습 내용

이 강좌 "워드프레스 완전정복(Mastering WordPress)"는 크게 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:
준비 중.