--- title: "WordPressテーマを自作する際のstyle.cssに記述するテーマ情報のテンプレート（子テーマ制作にも対応）" canonical_url: "https://olein-design.com/blog/template-style-css-file" language: "ja" date_published: "2017-05-29T09:00:24+09:00" date_modified: "2017-05-29T09:00:24+09:00" content_type: "post" author: "久野晃司" taxonomies: category: - "WordPress" post_tag: - "style.css" - "WordPress" --- # WordPressテーマを自作する際のstyle.cssに記述するテーマ情報のテンプレート（子テーマ制作にも対応） WordPressのテーマを自作する際、もしくは子テーマを制作する際には独自のスタイルシートを作ることがほとんどです。 そして、そこには冒頭に作っているWordPressテーマの情報をしっかりと記載することが求められます。公式サイトにアップロードすることを目標としている際には当然ながらも、一般的なクライアントワークでもしっかりと明記していくことで、ちょっとしたことですが他の制作者と差別化することもできるでしょう。 そんな時に使ってもらえるようにテンプレートを用意しておきました。 ## WordPressテーマを制作する際に冒頭に記載するテーマ情報入力用テンプレート：基本形 ``` /* Theme Name: テーマの名前（必須） Theme URL: テーマのサイトのURI Description: テーマの説明 Author: 作者の名前 Version: テーマのバージョン Tags: テーマの特徴を表すタグ（カンマ区切り/オプション） License: テーマのライセンス License URI: テーマのライセンスのURI */ ``` 実際にこのテンプレートをそのまま記載すると、管理画面ではこのように表示されます。 [caption id="attachment_1396" align="alignnone" width="752"]![](https://olein-design.com/wp-content/uploads/2017/05/WordPress01.png) 管理画面＞外観より[/caption] ![詳細を表示した際](https://olein-design.com/wp-content/uploads/2017/05/WordPress02.png) 定期的にメンテナンスを行なっているテーマであれば、バージョンを記載することによって明確にアップデートしているかどうかを利用者に示すこともできます。 そして、制作者側からしたらあまり理解できないかもしれませんが、WordPressの管理画面に「〇〇（自社名・自社サービス名）専用のWordPressテーマです」というような形で説明が記載されているだけでも、喜んでくださるクライアントさんも多くみえます。こういったケアも大切ですよね。 ## Tagsについて こちらはクライアントワークではほぼ必要ないかと思いますが、公式に掲載を目標としているテーマであれば、記載はいずれ必要となってきます。 こちらのタグを何に使うか、なのですが**「テーマを絞る混む時に利用するタグ」**となります。 [caption id="attachment_1399" align="alignnone" width="1127"]![](https://olein-design.com/wp-content/uploads/2017/05/WordPress03.png) 管理画面より新規テーマを探すページ[/caption] ですので、搭載している機能やレイアウトなどによって記載できるタグが決まってきます。 利用可能なタグについては、WordPressのTheme Review Teamからこのように掲載がありますので、リンクを載せておきますね。 [Theme Tags](https://make.wordpress.org/themes/handbook/review/required/theme-tags/) ## Licenseについて 上のテンプレートでは自由に入力できる、もしくは記載しないという形も想定しておりますが、実際にはGNUライセンスとすることが一般的かと思います。その際の掲載例を載せておきます。 ``` License: GNU General Public License v2 or later License URI: LICENSE ``` License URIに**LICENSE**と記載してある理由ですが、テーマ内にLICENSEという名前のテキストファイルを同封してそちらに必要なライセンスの記載をまとめておきますという意味になります。ですので、このように記載する場合にはちゃんとLICENSEファイルを作りましょう。 _sなどのスターターテーマにもこの方法が利用されていますので参考にしてみてください。 [https://github.com/Automattic/_s](https://github.com/Automattic/_s) ## 子テーマ制作の際に必要な記載 子テーマを制作する際には必ず**親テーマの指定**を行わなければなりません。その方法は以下の通りです。 ``` Template: twentyseventeen //親テーマのディレクトリ名（こちらではTwenty Sixteenを例とする ``` **テーマ名ではなくディレクトリ名**であることに気をつけてください。最初の頃、僕も何度か間違えました。 ディレクトリ名を確認するための方法としては、FTPでアクセスし、wp-content内のthemesフォルダ内で各テーマのディレクトリ名を確認するのが一番手っ取り早いでしょう。 ## まとめ：テンプレート最終形 上記をまとめた内容のテンプレートを下に置いておきます。参考にしてください。 ``` /* Theme Name: テーマの名前（必須） Theme URL: テーマのサイトのURI Description: テーマの説明 Author: 作者の名前 Version: テーマのバージョン Tags: テーマの特徴を表すタグ（カンマ区切り/オプション） License: GNU General Public License v2 or later License URI: LICENSE Template: twentyseventeen // 子テーマ制作時限定 //親テーマの「ディレクトリ名」を入力（Twenty Sixteenを例とする */ ``` ## 付録：信頼できるWordPress本 個人的に確実に信頼できるWordPressに関する本を紹介します。 ### 初心者には鉄板な本 https://www.amazon.co.jp/gp/product/4295006661/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=oleindesign-22&creative=1211&linkCode=as2&creativeASIN=4295006661&linkId=d75700a8f3a8bf6b6d18305a7120bd43 ### ざっくり一通り網羅できる本 https://www.amazon.co.jp/gp/product/4844368664/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=oleindesign-22&creative=1211&linkCode=as2&creativeASIN=4844368664&linkId=8071da4b6b1e8a7bc2bc67dda0f4407c ### エンジニアな方向け https://www.amazon.co.jp/gp/product/4774187062/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=oleindesign-22&creative=1211&linkCode=as2&creativeASIN=4774187062&linkId=5421568b2a77aa4ffa938c479b566d7c https://www.amazon.co.jp/gp/product/B00M939Y0I/ref=as_li_qf_asin_il_tl?ie=UTF8&tag=oleindesign-22&creative=1211&linkCode=as2&creativeASIN=B00M939Y0I&linkId=80629d403dc8d0a3ea8b0bb7d29c9055