[워드프레스를 이용한 이러닝 사이트] 3회 워드프레스 테마 변경하기

여기서는 테마를 변경하고, 간단한 설정을 해보도록 하자.

먼저, 워드프레스가 설치되면 다음처럼 썰렁한 Twenty Fourteen 테마가 적용된 결과를 볼 수 있다. 

워드프레스 기본 테마 화면 - Twenty Fourteen

워드프레스 대쉬보드에 가면 워드프레스에는 기본적으로 3가지 테마가 설치되어 있다. 이름은 각각 Twenty Twelve, Twenty Thirteen, Twenty Fourteen .... 그냥 2012, 2013, 2014 년에 하나씩 기본으로 만들어 준 듯.

워드프레스 기본테마

위 동영상은 워드프레스에서 기본으로 제공하는 배경이 흰색이라 이러닝 사이트스럽게 보이는 Twenty twelve 테마를 적용하고, 기존 테마를 건드리지 않고 수정하기 위해 theme-child 를 만드는 방법을 설명하고 있다. 

동영상을 따라할 분은 어렵지 않으니 차근차근 해보시기 바라고...

한 가지 주의할 점은 처음에 동영상 따라 연습해보다가 theme-child가 제대로 등록이 안되고 자꾸 template 이 있어야 한다는 에러가 떠서 고생했는데...

Theme-child style.css 만들기

단순히 스펠링이 틀리면 제대로 불러오지 못하니 주의하자. 그리고 import 하는 테마를 삭제하면 당연히 안된다.

하지만, 나는 보다 있어보이게(?) 만드려고 거금을 들여 유료테마  Guru Theme 를 구입했으므로 이것을 적용시켜 보도록 하겠다.

2014/10/23 - [워드프레스를 이용한 이러닝 사이트] 1회 Introduction 

먼저 테마를 변경하기 위해 대쉬보드에서 외모 → 테마 → 새로 추가를 선택하면 무료 테마 중에서 선택을 할 수도 있다. 

워드프레스 테마 추가 - 무료테마

나는 유료테마 파일을 다운로드 받았으므로 업로드를 선택해서 테마 파일을 직접 올렸다. 

Guru Theme - zip 파일

유료로 구입한 Guru 테마는 Zip 파일로 제공되는데, 이 안에는 테마 설정을 위한 매뉴얼과 테마가 포함되어 있다. 이 중에서 guru.zip 파일만 선택해 올리도록 한다. 

이후 테마 설치 과정은 zip 파일 안에 포함된 documentation.zip 파일을 풀고, 폴더 안에 있는 index.html 을 살펴보면 상세하게 설명이 되어 있다. 

Guru Theme - documentation

그리고 위에 보듯이 Help videos 도 있어서 따라해 볼 수(?) 있다.

https://www.youtube.com/playlist?list=PL6kpawNbFm9U5clpQnImxGVZ9IGRD0KcU

그런데, 비디오가 소리는 나지 않는다... 문의해 봤더니 일부러 안 넣었단다... 대체 왜! (내가 영어를 못 알아들을까봐 배려해 주는거냐!)

그리고 포럼에 가면 궁금한 점도 질문할 수 있다. (유료테마 구매시의 아이디와 동일한 정보로 포럼 사이트 등록 가능)

테마를 설치하고 활성화되면 대쉬보드→플러그인 메뉴에 보면 Guru 테마에 포함된 플러그인 들을 추가로 설치할 수 있다. 일단은 플러그인 중에 DesignThemeCoreFeaturesPlugin 만 설치하고 활성화 한다.

Guru Theme - Plugin 추가

여기까지 설치하고 나면 아무것도 없지만 훨씬 깨끗해진 테마를 볼 수 있다.

Guru Theme 적용 화면

어차피 알맹이(강의, 홈페이지 내용 등)를 채우다 보면 이것저것 수정할 것들도 생기고, 이미지는 이쁘게 만들 능력이 안되서 외주나 알바를 고용할 계획이다. OTL.... 능력이 없으면 돈으로 때워야지... 

결론은 일단 샘플 강의를 만들어서 결제 시스템까지 모두 구현한 후에 디자인은 나중에 손보도록 하겠다.