1. WordPress 3.2 の 新 機 能
＆新デフォルトテーマ
Twenty Eleven 大解剖！
松下寛子 @hokori
1/47

2. 話す人
名前：
松下寛子 @hokori
勤め先：
株式会社東海共同印刷
仕事：
Web と DTP とその他いろいろいったりきたりしてる
社内 SE という名の何でも屋さん。
好物：
猫・豆本・カメラ・自転車
2/47

3. こんな配分で話します
その他
WordPress3.2 の
新機能について
新テーマ
TwentyEleven に
ついて
3/47

4. WordPress 3.2 で
新しくなったこと
4/47

5. 主な新しくなったこと
• 管理画面 UI リフレッシュ
• フルスクリーン編集画面
• 新デフォルトテーマ「TwentyEleven」
• 管理バーの拡張
• 要件変更
• ブラウザー互換性の向上
5/47

6. 管理画面 UI リフレッシュ
6/47

7. フルスクリーン編集画面
7/47

8. 新デフォルトテーマ「TwentyEleven」
8/47

9. 管理バーの拡張
9/47

10. 要件変更
動作環境の変化
3.1 以前
• PHP バージョン 4.3 以降
• MySQL バージョン 4.1.2 以降
3.2 以降
• PHP バージョン 5.2 以降
• MySQL バージョン 5.0.15 以降
10/47

11. ブラウザ互換性の向上
IE6 対応終了！
IE7 ももうしばらくしたら…
11/47

12. 最新バージョンでないブラウザは警告
12/47

13. 最新のブラウザを使おう！
…ってお客さんに言えるきっかけになることを祈ります。
13/47

14. その他新しくなったこと知りたい方は ...
Codex ご参照ください
http://wpdocs.sourceforge.jp/Version_3.2
14/47

15. 新デフォルトテーマ
Twenty Eleven
15/47

16. Twenty Eleven はこんなテーマ
• かっこいい！
• 7 つの投稿フォーマット
• 管理画面でいろいろカスタマイズ
•色とレイアウト変更
•ウィジェット対応
•メニュー対応
•背景変更
•ヘッダー変更
• 短冊ウィジェット
• ショーケース
• ブラウザの幅によって表示変化 16/47

17. かっこいい！
17/47

18. 7 つの投稿フォーマット
18/47

19. 管理画面でいろいろカスタマイズ
19/47

20. 短冊ウィジェット
20/47

21. ショーケース
21/47

22. ブラウザの幅によって表示変化
22/47

23. Twenty Eleven テーマの
中身を見る！
23/47

24. TwentyEleven の構成
index.php header.php functions.php
single.php footer.php
archive.php searchform.php screenshot.png
category.php sidebar.php
tag.php sidebar-footer.php
license.txt
author.php comments.php
readme.txt
search.php content.php
image.php content-aside.php js
page.php content-link.php
sidebar-page.php content-gallery.php images
showcase.php content-status.php
404.php content-quote.php inc
content-image.php
style.css content-single.php colors
rtl.css content-page.php
editor-style-rtl.css content-intro.php languages
editor-style.css content-featured.php
24/47

25. index.php
single.php
archive.php
category.php
tag.php
テンプレートファイル
author.php リクエストされたページを生成する
search.php のに使う
image.php
page.php
sidebar-page.php
showcase.php
404.php
25/47

26. header.php
footer.php
searchform.php
sidebar.php
sidebar-footer.php
comments.php モジュール
content.php
content-aside.php
content-link.php
テンプレートファイル
content-gallery.php テンプレートファイルから呼び出し
content-status.php て使う
content-quote.php
content-image.php
content-single.php
content-page.php
content-intro.php
content-featured.php
26/47

27. style.css スタイルシート
rtl.css
普通のスタイルシートファイル
editor-style-rtl.css
editor-style.css style.css はテーマ必須
先頭にテーマの概要が記載されている
functions.php テーマ関数ファイル
テーマ内で使う関数を記載する
screenshot.png
スクリーンショット画像
管理画面のテーマ選択のプレビュー
画像に使われる
27/47

28. license.txt
ライセンスと Readme
readme.txt
js JavaScript ファイルが入っている
images 部品画像や背景画像が入っている
管理画面のテーマ設定で使うファイ
inc
ルが入っている
管理画面のテーマ設定で選択できる
colors
色の設定で使う css が入っている
languages 言語ファイルが入っている
28/47

29. テンプレートファイルの
中身を見る！
29/47

30. index.php index.php
header.php
content.php メインテンプレート
or
content- ○○ .php
※○○は投稿フォーマット
seachform.php
sidebar.php
footer.php
sidebar-footer.php
30/47

31. single.php single.php
header.php
個別投稿テンプレート
content-single.php
comments.php
footer.php
sidebar-footer.php
31/47

32. archive.php archive.php
header.php
content.php アーカイブテンプレート
or
content- ○○ .php
※○○は投稿フォーマット
seachform.php
sidebar.php
footer.php
sidebar-footer.php
32/47

33. category.php category.php
header.php
content.php カテゴリーテンプレート
or
content- ○○ .php
※○○は投稿フォーマット
seachform.php
sidebar.php
footer.php
sidebar-footer.php
33/47

34. tag.php tag.php
header.php
content.php タグテンプレート
or
content- ○○ .php
※○○は投稿フォーマット
seachform.php
sidebar.php
footer.php
sidebar-footer.php
34/47

35. author.php author.php
header.php
content.php 著者テンプレート
or
content- ○○ .php
※○○は投稿フォーマット
seachform.php
sidebar.php
footer.php
sidebar-footer.php
35/47

36. search.php search.php
header.php
content.php 検索結果テンプレート
or
content- ○○ .php
※○○は投稿フォーマット
seachform.php
sidebar.php
footer.php
sidebar-footer.php
36/47

37. image.php image.php
header.php
添付画像テンプレート
comments.php
footer.php
sidebar-footer.php
37/47

38. page.php page.php
header.php
固定ページ
デフォルトテンプレート
content-page.php
comments.php
footer.php
sidebar-footer.php
38/47

39. sidebar-page.php sidebar-page.php
header.php
固定ページ
content-page.php サイドバー付テンプレート
comments.php
sidebar.php
footer.php
sidebar-footer.php
39/47

40. showcase.php showcase.php
header.php
content-intro.php 固定ページ
ショーケーステンプレート
content-featured.php
content.php
or
content- ○○ .php
※○○は投稿フォーマット
footer.php
sidebar-footer.php
40/47

41. 404.php 404.php
header.php
404 Not Found テンプレート
search-form.php
footer.php
sidebar-footer.php
41/47

42. 投稿表示部分の切り分け
投稿表示部分を切り分けたモジュールテンプレートを用意
get_template_part( 'content', ○○○ ) で呼び出し
投稿フォーマットで切り分け （get_post_format() で投稿フォーマット取得）
content.php ����� 標準
content-aside.php ��� アサイド
content-link.php ��� リンク
content-gallery.php �� ギャラリー
content-status.php �� ステータス
content-quote.php �� 引用
content-image.php �� 画像
ページ・用途で切り分け
content-single.php �� 単独ページ
content-page.php ��� 固定ページ
content-intro.php ��� 固定ページのショーケースの投稿
content-featured.php � 固定ページのショーケースの特集記事 42/47

43. テンプレートのソースを
ちょこっとだけ見てみます
…時間が許す限り
43/47

44. TwentyEleven
• 管理画面でお手軽カスタマイズ
• 子テーマでばりばりカスタマイズ
どっちもやりやすくてステキです！
どしどしカスタマイズしましょう！
44/47

45. 参考リンク集 ~ WordPress3.2 編
：Version 3.2 - WordPress Codex 日本語版
http://wpdocs.sourceforge.jp/Version_3.2
：噂の「WordPress 3.2 の新機能」を体験せよ！ | Odysseygate.com
http://www.odysseygate.com/archives/2134
：WordPress 3.2 レビュー（管理画面編） | Technolog.jp - ICT ウェブマガジン
http://technolog.jp/website/cms/5691
：WordPress 3.2 が出るまでに確認すること | understandard.net
http://www.understandard.net/wordpress/wp022.html
：WordBench 東京勉強会プレゼン資料をアップしました | Odysseygate.com
http://www.odysseygate.com/archives/2278
45/47

46. 参考リンク集 ~ TwentyEleven 編
：Twenty Eleven — WordPress.com
http://theme.wordpress.com/themes/twentyeleven/
：新テーマ : Twenty Eleven — ブログ — WordPress.com
http://ja.blog.wordpress.com/2011/06/08/new-theme-twenty-eleven/
：Twenty Eleven テーマ内の説明を日本語訳しました | Odysseygate.com
http://www.odysseygate.com/archives/2275
：WordPress 3.2 レビュー（テーマ編） | Technolog.jp - ICT ウェブマガジン
http://technolog.jp/website/cms/5695
：WordPress | 日本語 » Ephemera 「短冊」ウィジェット
http://ja.wordpress.org/2011/07/11/ephemera
46/47

47. ご静聴ありがとうございました！
松下寛子 @hokori
47/47