초간단 WordPress Theme만들기

안녕하세요. 오늘은 초간단 WordPress theme을 만들어볼게요. 이 강좌를 따라오시려면 우선적으로 WordPress가 설치되어있는 사이트를 가지고 계셔야합니다.

WordPress를 설치하신 뒤에 File Manager에 들어가보시면, 루트폴더에 wp-admin, wp-content, wp-includes, 세개의 폴더가 생성되어 있을거에요.

그중에 wp-content에 들어가면 themes라는 폴더가 있을거에요.

themes에 들어가서 새로운 폴더를 simplest라는 이름으로 하나 만들어 주세요.

그 안에 아래와 같이 파일을 3개 만들어주세요. index.php는 기본 템플릿 파일이고, style.css는 테마정보와 스타일을 정의할거구요. functions.php는 사실 없어도 되는데 있는게 좋아요. 여기다가 각종 테마의 기능들을 정의할거에요.

우선 style.css를 열어서 해당 테마에 대한 정보를 적어줄거에요.

/*
Theme Name: My First Theme
Theme URI: https://example.com
Author: Your Name
Author URI: https://your-site.com
Description: A simple custom WordPress theme.
Version: 1.0
*/

그리고 index.php를 열어서 화면을 구성합니다. 가장 기본적인 HTML구조를 작성하도록 하겠습니다.

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
  <meta charset="<?php bloginfo('charset'); ?>">
  <title><?php bloginfo('name'); ?></title>
  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>">
</head>
<body>
  <h1><?php bloginfo('name'); ?></h1>
  <p><?php bloginfo('description'); ?></p>

  <?php
    if (have_posts()) :
      while (have_posts()) : the_post();
        the_title('<h2>', '</h2>');
        the_content();
      endwhile;
    else :
      echo '<p>No content found</p>';
    endif;
  ?>
</body>
</html>

마지막으로 funxtions.php를 열어서 아래와 같이 스타일을 등록합니다.

<?php
function mytheme_enqueue_styles() {
  wp_enqueue_style('main-style', get_stylesheet_uri());
}
add_action('wp_enqueue_scripts', 'mytheme_enqueue_styles');
?>

이제 워드프레스 관리자페이지를 열어보면 아래와 같이 My First Theme이 테마로 선택할 수 있게 뜹니다. Activate버튼을 눌러서 활성화를 시켜주세요.

이제 상단에 Visit site링크를 눌러서 결과를 확인해주세요. index.php에 명시한 대로 최상단에 사이트이름, 내사이트를 출력하고, 그 아래 가장 최근에 올라온 게시물을 한개 보여줍니다. Hello World!라는 게시물은 워드프레스를 설치하면 기본적으로 들어가 있는 게시글입니다.

일단 테마를 만드는 기본 개념을 알려드리기 위해서 사이트가 가져야하는 정상적인 기능들은 모두 배제하고 가장 간단하게 설명해드렸는데 다음 시간에는 좀더 사이트 다운 테마를 만들어 보도록 하겠습니다. 이번시간에는 어디에 테마파일을 저장하고 기본적으로 필요한 파일이 뭔지에 대해서 알아보았습니다. 시청해주셔서 감사합니다.