位置

WordPress がテーマテンプレートファイルのセットを有効なテーマとして認識するためには、style.css ファイルがテーマのルートディレクトリに配置されている必要があります。サブディレクトリではありません。

style.css ファイルをテーマに含める方法についての詳細な説明は、スクリプトとスタイルのエンキューの「スタイルシート」セクションを参照してください。

基本構造

WordPress は、style.css のヘッダーコメントセクションを使用して、外観 (テーマ) ダッシュボードパネルにテーマに関する情報を表示します。

例

以下は style.css のヘッダー部分の例です。 

  1. /*
  2. Theme Name: Twenty Twenty
  3. Theme URI: https://wordpress.org/themes/twentytwenty/
  4. Author: the WordPress team
  5. Author URI: https://wordpress.org/
  6. Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
  7. Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks, accessibility-ready
  8. Version: 1.3
  9. Requires at least: 5.0
  10. Tested up to: 5.4
  11. Requires PHP: 7.0
  12. License: GNU General Public License v2 or later
  13. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  14. Text Domain: twentytwenty
  15. This theme, like WordPress, is licensed under the GPL.
  16. Use it to make something cool, have fun, and share what you've learned with others.
  17. */

WordPress テーマリポジトリは、このファイルの「Version」の後の番号を使用して、テーマに新しいバージョンが利用可能かどうかを判断します。

説明

（*）で示された項目は、WordPress テーマリポジトリにおいてテーマに必要です。

  • テーマ名 (*): テーマの名前。
  • テーマ URI: ユーザーがテーマに関する詳細情報を見つけることができる公開ウェブページの URL。
  • 著者 (*): テーマを開発した個人または組織の名前。テーマ著者の wordpress.org ユーザー名を使用することを推奨します。
  • 著者 URI: 著者の個人または組織の URL。
  • 説明 (*): テーマの簡単な説明。
  • バージョン (*): テーマのバージョン、X.X または X.X.X 形式で記述。
  • 少なくとも必要 (*): テーマが動作する最も古い主要な WordPress バージョン、X.X 形式で記述。テーマは最新の 3 バージョンをサポートする必要があります。
  • テスト済み (*): テーマがテストされた最後の主要な WordPress バージョン、つまり 5.4。数字のみを記述、X.X 形式で。
  • PHP 必要 (*): サポートされている最も古い PHP バージョン、X.X 形式で、数字のみ。
  • ライセンス (*): テーマのライセンス。
  • ライセンス URI (*): テーマライセンスの URL。
  • テキストドメイン (*): 翻訳用のテキストドメインとして使用される文字列。
  • タグ: ユーザーがタグフィルターを使用してテーマを見つけることを可能にする単語やフレーズ。タグの完全なリストは テーマレビュー ハンドブック にあります。
  • ドメインパス: テーマが無効になっているときに WordPress が翻訳を見つける場所を知るために使用されます。デフォルトは /languages です。

必須のヘッダーセクションの後、style.css には通常の CSS ファイルに含まれるものが何でも含めることができます。

子テーマのための Style.css

テーマが子テーマである場合、style.css ヘッダーに Template 行が必要です。 

  1. /*
  2. Theme Name: My Child Theme
  3. Template: twentytwenty
  4. */

子テーマの作成に関する詳細情報は、子テーマ ページを訪れてください。