0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

WordPressで自作テーマを作る(最低限のテーマ)

Posted at

テーマファイル保存先

./wp-content/themes/MyTheme
MyThemeというテーマディレクトリを作る場合、このようなディレクトリ構成にします。

必要最低限のテーマ

index.phpと、style.cssがあればテーマとして認識されます。
以下のように書いてアップロードすれば、ただのペライチページが作られます。

./wp-content/themes/MyTheme/index.php
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MyPage</title>
</head>
<body>
    <h1>MyPage</h1>
    <p>This is my page.</p>
</body>
</html>

Theme Nameを指定してあげることで、管理者ページの外観>テーマに表示されるテーマ名を変更できます。
下記の場合、My Themeというテーマ名で認識されます。

./wp-content/themes/MyTheme/style.css
/* Theme Name: My Theme */

テーマを適用させるには、外観>テーマでテーマを有効化する必要があるのでお忘れなく。

404エラーページを作る

存在しないページにアクセスしたときに表示されるエラーページを作成します。
テーマディレクトリ直下に、404.phpを作成します。

./wp-content/themes/MyTheme/404.php
<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>MyPage</title>
</head>
<body>
    <h1>Error</h1>
    <p>404 Not Found.</p>
</body>
</html>
0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?