워드프레스 테마 만들기 | 준비하기

콘텐츠 만들기

사이트에 들어갈 콘텐츠가 정해진 상황에서 테마를 만드는 것이라면, 콘텐츠를 입력해 두고 만드는 것이 편합니다.

콘텐츠가 정해지지 않거나 작성 중인 상황이라면 의미 없는 내용이라도 콘텐츠를 어느 정도 입력한 후 테마를 만드는 것이 편합니다.

가상의 콘텐츠를 만드는 방법 중 가장 쉬운 것은 Theme Unit Test 콘텐츠를 가져오는 것입니다.

예약글, 임시글, 발행된 글과 페이지, 카테고리, 태그, 사용자, 메뉴, 미디어 등 테마를 만들기에 충분한 종류와 양의 콘텐츠를 제공합니다.

Theme Unit Test에서 XML 파일을 다운로드 받습니다.

워드프레스의 가져오기 기능으로 가져옵니다.

[첨부 파일 내려받기와 가져오기]에 체크를 하는 게 좋습니다.

[제출하기]를 클릭 후 잠시 기다리면 다음처럼 콘텐츠가 생성됩니다.

 

테마 등록하기

wp-content/themes 폴더에 적당한 이름의 폴더를 만듭니다. 그리고 그 폴더 안에 index.php, style.css, functions.php 파일을 만듭니다.

style.css 파일 제일 위에는 테마에 관한 정보가 들어갑니다. 예를 들어 다음과 같이 만들면

/*
  Theme Name: CMS FACTORY
  Author: JB
  Version: 1.0
*/

테마 이름은 CMS FACTORY, 만든이는 JB, 버전은 1.0이라는 뜻입니다.

이외에도 다양한 정보를 넣을 수 있습니다.

만약 cmsfactory라는 폴더를 만들었다면 다음과 같은 구조가 될 것입니다.

wp-content
  themes
    cmsfactory
      functions.php
      index.php
      style.css

이제 [외모 - 테마]로 가면 CMS FACTOY 테마가 있고, 활성화를 할 수 있습니다.

내용이 없는 빈 테마이므로, 사이트에는 아무 것도 나오지 않습니다.

테마 파일 편집하는 방법

테마 편집기 이용하기

[외모]에 테마 편집기에서 테마 파일을 편집할 수 있습니다. 코드 하이라이트, 코드 힌트 기능을 포함하고 있습니다.

FTP(SFTP)를 지원하는 텍스트 에디터로 편집하기

EditPlus, Brackets 등 원격으로 접속하여 편집할 수 있는 기능을 갖춘 텍스트 에디터를 이용하는 방법이 있습니다.

참고

  • index.php와 style.css는 필수입니다. 둘 중에 하나라도 없으면 테마를 활성화할 수 없습니다.
  • functions.php 파일이 없어도 테마를 등록할 수 있으나, 사용할 수밖에 없는 파일이기에 포함시켰습니다.
  • Advanced Code Editor처럼 찾기/바꾸기 등의 기능을 추가해주는 플러그인이 있습니다. 구글에서 wordpress theme editor로 검색해보세요.

Created on 2017-10-15 18:06 | Updated on 2017-11-20 13:13

이 글을 공유하기

Kakao

워드프레스 프리미엄 테마 사이트