코딩 DIY 워드프레스 심화편 21

워드프레스(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)의 클래스에 대한 이해와 응용
• 그리고 최근 구텐베르크 에디터의 사용법도 배우게 됩니다. 다만 강좌에서는 대부분 고전 편집기를 이용해서 콘텐츠를 입력합니다.

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