WordPress – 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용

Table of Contents

안녕하세요 이 글에서는 단순히 테마를 생성하는 과정만 작성합니다.


새로운 테마 생성하기

워드프레스의 테마는 wp-content/themes 폴더에 위치하고 있습니다. 새로운 테마는 wp-content/themes 폴더 위치에서 새 폴더를 만들고 index.php과 style.css 파일을 생성하면 워드프레스의 관리자 페이지에서 테마가 생성된 것을 확인할 수 있습니다.


정리

  1. wp-content/themes 폴더에 새로운 테마 폴더를 생성한다.
  2. index.php 파일을 생성한다.
  3. style.css 파일을 생성한다.
  4. 관리자 페이지에서 생성된 테마를 확인한다.


Wordpress - 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용 - 폴더 생성


Wordpress - 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용 - 테마 생성 확인



테마 상세 정보 작성하기

현재는 theme명이 작성되지 않아서 폴더명이 테마명으로 되어 있습니다. style.css 파일에서 테마의 상세 정보를 작성하면 테마의 상세 정보가 보입니다.

/*
    Theme Name: 테마명은 어떻게 설정하는 걸까나?
    Theme URI: https://example-site
    Author: 상민
    Author URI: https://example-site
    Version: 1.0
    Description: 테마 설명 추가
    License: 내 테마 라이센스
    License URI: https://example-site
    Text Domain: my-custom-theme
    Tags: 블로그, 커뮤니티
*/
  • Theme Name: 테마의 이름을 지정합니다.
  • Theme URI: 테마에 대한 공식 웹페이지를 지정합니다.
  • Author: 테마 작성자의 이름을 지정합니다.
  • Author URI: 작성자의 웹페이지를 지정합니다.
  • Description: 테마에 대한 간단한 설명을 작성합니다.
  • Version: 테마의 버전을 지정합니다.
  • License: 테마의 라이선스를 지정합니다.
  • License URI: 라이선스에 대한 상세 정보를 제공하는 URI를 지정합니다.
  • Text Domain: 테마의 번역 파일을 위한 텍스트 도메인을 지정합니다.
  • Tags: 테마의 특성을 설명하는 태그를 나열합니다.


상세 정보를 작성했으면 새로고침하고 테마를 클릭하면 수정이 된 것을 확인할 수 있습니다.

Wordpress - 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용 - 상세 정보 확인



테마 미리보기 이미지 추가하기

미리보기 이미지는 생성한 테마 폴더 내에 screenshot 이름의 이미지를 추가하면 됩니다.

Wordpress - 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용 - 미리 보기 이미지 파일


이상적인 이미지의 크기는 너비가 1200px 세로가 900px이 좋습니다.

Wordpress - 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용 - 미리보기 확인



테마 적용하기

생성한 테마에 마우스를 올리면 활성화 버튼이 보입니다. 활성화 버튼을 클릭하면 생성한 테마가 적용됩니다.

Wordpress - 테마 생성, 테마 상세 정보 작성, 미리보기 이미지 추가, 테마 적용 - 테마 활성화 하기


적용하고 사이트의 방문하면 적용이 되었고 빈 화면을 볼 수 있습니다.


Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x