Mekolab

WordPressのThemeを作成する方法

目次
  • WordPressのフォルダ構成
  • 必要なファイルを作成する

WordPressのフォルダ構成

wordpressフォルダの中の構造は大まかに以下のようになっています。

public_html
  |--index.php
  |-- ...
  |--wp-admin
  |--wp-content
  |--wp_includes

今回使用するのはwp-contentフォルダです。

wp-content
  |--index.php
  |--mu-plugin
  |--plugins
  |--themes <--このフォルダ
  |--upgrades
  |--uploads

テーマの作成はこのthemesフォルダの中で行います。

必要なファイルを作成する

最低限作らなければいけないファイルは
index.php
style.css
のみです。

ファイルの中身を設定する

まずindex.phpファイルは

<?php get_header(); ?>
<?php bloginfo("name"); ?>
<?php get_footer(); ?>

次にstyle.cssファイルは以下のように書きます。

/*
Theme Name: <作成するテーマの名前>
Author: <作成者の名前(あなたの名前)>
Version: 1.0.0
*/

作成するテーマの名前をSignpost、作成者をmekoとすると以下のようになります。

/*
Theme Name: Signpost
Author: meko
Version: 1.0.0
*/

これで簡単なThemeが作成できました。

おまけ

screenshot.pngをフォルダに追加するとTheme一覧に画像が表示されるようになります。

themes
|--your-theme
  |--index.php
  |--style.css
  |--screenshot.png

Posted in