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

Category

콘텐츠 만들기

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

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

가상의 콘텐츠를 만드는 방법 중 가장 쉬운 것은 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 2018-05-14 10:50