wordpress — テーマ構成について理解しよう

WordPressテーマ構成について理解しよう

2014/3/5

テーマの最小構成• style.css

WordPress ーテーマ構成について理解しよう

http://www.yahss.net Yusuke Hayasaki

@charset "utf-8"; /* Theme Name: test theme */

管理画面上でテーマとして認識されるが・・・





管理画面上でテーマとして認識されるが・・・これだけでは「壊れているテーマ」になってしまう






←追加すると（中身は空）テーマとして認識される

• index.php





フロントは真っ白←追加すると（中身は空）

テーマとして認識される


• index.php




@charset "utf-8"; /* Theme Name: test theme Theme URI: http://www.yahss.net/ Author: YAH! System Service Author URI: http://www.yahss.net/ Description: This is for test. Version: 1.0.0 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html */

• index.php

もう少しテーマ情報をちゃんと記述すると

http://www.gnu.org/licenses/gpl-2.0.html

• 404.php • archive.php • category.php • comments.php • content.php • footer.php • header.php • index.php



• page.php • screenshot.php • search.php • sidebar.php • single.php • style.css • tag.php

標準的な最小構成

最小限必要なファイルは2つ






ヘッダー、サイドバー、フッター共通パーツをinclude






アーカイブ（書庫）個別記事を集めたページ






固定ページ






記事（シングル）






その他のテンプレート

ページが存在しない

コメント

ループ内の記事表示

検索結果






Twenty Fourteenでは content-$slug.phpがたくさん

ループ内の記事表示


• 404.php • archive.php • category.php • comments.php

get_template_part( 'content', get_post_format() );

• content.php




Twenty Fourteenでは content-$slug.phpがたくさん

• footer.php • header.php • index.php

archive.phpで読み込んでいる例

投稿画面の選択に基づいてテンプレートを選択している



テンプレート構成http://wpdocs.sourceforge.jp/

テンプレート構成

http://wpdocs.sourceforge.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E9%9A%8E%E5%B1%A4





特定のページを開く時にどのテンプレートを参照するか調べるのにとても便利







開発する上でこの理解はとても大事






開発する上でこの理解はとても大事便利なプラグイン：Show Current Template

http://wpdocs.sourceforge.jp/テンプレート構成





トップページを表示するのはどれ？






トップページを表示するのはどれ？


• indes.php • front-page.php • home.php


WordPressテーマ構成について理解しよう

ありがとうございました

wordpress — テーマ構成について理解しよう

Education