Twenty Eleven 詳説 WordBench Osaka #02

Twenty Eleven 詳説～WordPressテーマの基礎～

WordBench Osaka #02

Takuro Hishikawa(@HissyNC)

自己紹介

菱川拓郎／ノットニル・クリエイティブ

神戸・大阪を拠点に活動するフリーランスのWebエンジニア。

お仕事は主にオープンソースCMSを使ったウェブサイト構築。

Twitter: @HissyNC

WordPressコミュニティでの活動

❏フォーラム最近のフォーラムでの協力者として公式ブログでアカウントが紹介されました！（結構うれしかったです）http://ja.wordpress.org/2012/01/18/wordpress-forum-documentation-contributor/http://ja.forums.wordpress.org/profile/7391685

❏WordCamp KOBE 2011実行委員・スピーカー

❏WordBench KOBE普段はこっちにいます。

Twenty Eleven

Twenty ElevenとはWordPressに同梱されるデフォルトテーマレスポンシブ・レイアウトライト・ダークの2色のバリエーション1カラム＆2カラム（左右サイドバー）のレイアウトショーケース固定ページテンプレートアイキャッチ画像に対応6つの投稿フォーマットに対応背景画像・ヘッダー画像に対応

Twenty ElevenとはWordPressに同梱されるデフォルトテーマレスポンシブ・レイアウトライト・ダークの2色のバリエーション1カラム＆2カラム（左右サイドバー）のレイアウトショーケース固定ページテンプレートアイキャッチ画像に対応6つの投稿フォーマットに対応背景画像・ヘッダー画像に対応

WordPressのテーマでできることの見本！

テーマファイルの位置

/wp-content/themes/twentyeleven

スタイルシートstyle.css - Eric MeyerのリセットCSSを含むメインのCSS

editor-style.css - TinyMCEエディタ用rtl.css / editor-style-rtl.css - 右から左に書く言語用color/dark.css - カラーバリエーション

画像・JS

screenshot.png - 管理画面用テーマのスクリーンショットjs/html5.js - HTML5に対応するjs/showcase.js - ショーケースレイアウト用

テキスト・言語readme.txt - リードミー

license.txt - GNUライセンス条項

languages/twentyeleven.potlanguages/ja.polanguages/ja.mo　- 変更するにはpoeditなど

PHPは4種類初期設定・機能拡張テンプレート→テンプレート階層ルールに従うパーツ（共通）→ヘッダー・サイドバー etc.

パーツ（条件付き）→テーマごとのルールに従う

初期設定・機能拡張functions.php（標準機能）inc/theme-options.php（テーマ独自拡張）→テーマ独自のオプション関連inc/widgets.php（テーマ独自拡張）　→テーマ独自のウィジェット（短冊）

テンプレートWordPressがURLから何のページを表示しようとしているのかを判断し、自動的に適切なテンプレートを読み込むCodexのテンプレート階層ページを見ようhttp://wpdocs.sourceforge.jp/テンプレート階層

テンプレートWordPressがURLから何のページを表示しようとしているのかを判断し、自動的に適切なテンプレートを読み込むCodexのテンプレート階層ページを見ようhttp://wpdocs.sourceforge.jp/テンプレート階層

テンプレートWordPressがURLから何のページを表示しようとしているのかを判断し、自動的に適切なテンプレートを読み込むCodexのテンプレート階層ページを見ようhttp://wpdocs.sourceforge.jp/テンプレート階層

アーカイブ系404.phparchive.phpauthor.phpcategory.phpindex.phpsearch.phptag.php

個別ページ系page.phpsingle.php

ページテンプレートshowcase.php　→トップページ用ショーケース表示sidebar-page.php　→サイドバーありの固定ページ先頭のコメントに「Template Name:」が入ってるのがポイント

パーツ（共通）header.php - HTML5！footer.php - なぜかアクションフック…

sidebar.php - サイドバーなしだと出ないsidebar-footer.php - フッターのウィジェット× sidebar-page.php - 紛らわしい

パーツ（共通）searchform.php　→検索フォームcomments.php　→コメントフォーム

パーツ（条件付き）content.php / content-xxx.php　get_template_part() で呼び出される呼び出す条件はテーマによるTwentyElevenでは、投稿フォーマットごとに呼び出される

パーツ（条件付き）content.php / content-xxx.php　get_template_part() で呼び出される呼び出す条件はテーマによるTwentyElevenでは、投稿フォーマットごとに呼び出される

get_template_part( 'content', get_post_format() );

独自テンプレートタグに注意twentyeleven_content_nav()　→functions.phpに書いてあります→子テーマで変更可能

多言語対応に注意__() , _e() 関数は表示言語によって文字列を切り替えるどうやってこの部分の文字を変えたらいいのかわからないというフォーラム投稿が時々…

poeditを使うか、諦めて書き換えよう

今日のまとめ

今日のまとめテーマが定義したルールとWordPressのルールが混じってるので注意

今日のまとめテーマが定義したルールとWordPressのルールが混じってるので注意テーマが定義した関数とWordPressが定義した関数、PHPに元からある関数が混じってるので注意

今日のまとめテーマが定義したルールとWordPressのルールが混じってるので注意テーマが定義した関数とWordPressが定義した関数、PHPに元からある関数が混じってるので注意ソース嫁日本語ドキュメントの充実にも貢献しよう

今日のまとめテーマが定義したルールとWordPressのルールが混じってるので注意テーマが定義した関数とWordPressが定義した関数、PHPに元からある関数が混じってるので注意ソース嫁日本語ドキュメントの充実にも貢献しよう

Twenty Twelveに期待しよう！

ご清聴ありがとうございました。

Twenty Eleven 詳説～WordPressテーマの基礎～

WordBench Osaka #02

Takuro Hishikawa(@HissyNC)