나만의 독창적인 웹사이트를 만들고 싶다면, 기본 제공 테마에 만족하지 않고 직접 테마를 제작해보는 것도 좋은 방법입니다. 이 글에서는 초보자도 쉽게 따라 할 수 있는 워드프레스 테마 생성 방법을 단계별로 설명드리겠습니다.
1. 테마 폴더 및 파일 생성
워드프레스 테마를 만들려면 테마 폴더를 생성하고 필수 파일을 추가해야 합니다.
테마 폴더 생성
wp-content/themes/ 경로 아래에 원하는 테마 폴더를 만듭니다.
필수 파일 생성
테마가 인식되려면 반드시 style.css와 index.php 파일이 필요합니다.
2. style.css 기본 설정
워드프레스가 테마를 인식하려면 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: 테마의 특성을 설명하는 태그를 나열
상세 정보를 작성했으면 새로고침하고 테마를 클릭하면 수정이 된 것을 확인할 수 있습니다.
3. index.php 파일 작성
index.php는 워드프레스 테마의 기본 템플릿 파일로, 테마가 활성화되었을 때 화면에 표시되는 내용을 결정합니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title><?php bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>">
</head>
<body>
<header>
<h1><?php bloginfo('name'); ?></h1>
<p><?php bloginfo('description'); ?></p>
</header>
<main>
<h2>Welcome to My Custom Theme!</h2>
<p>이 테마는 기본적인 워드프레스 테마 구조를 가지고 있습니다.</p>
</main>
</body>
</html>4. 테마 미리보기 이미지 추가하기
워드프레스 테마 목록에서 미리보기 이미지를 표시하려면, 테마 폴더에 screenshot.png 파일을 추가해야 합니다.
- 크기: 1200×900px (권장)
- 형식: PNG (JPG도 가능하지만 PNG 권장)
