1/47

WordPress 3.2 の 新 機 能＆ 新 デ フ ォ ル ト テ ー マTwenty Eleven 大解剖！

松下寛子@hokori

2/47

話す人名前： 松下寛子@hokori勤め先： 株式会社東海共同印刷仕事：WebとDTPとその他いろいろいったりきたりしてる社内SEという名の何でも屋さん。

好物： 猫・豆本・カメラ・自転車

3/47

WordPress3.2 の新機能について

新テーマTwentyEleven について

こんな配分で話します

その他

4/47

WordPress 3.2 で新しくなったこと

5/47

主な新しくなったこと

• 管理画面 UI リフレッシュ• フルスクリーン編集画面• 新デフォルトテーマ「TwentyEleven」 • 管理バーの拡張• 要件変更• ブラウザー互換性の向上

6/47

管理画面 UI リフレッシュ

7/47

フルスクリーン編集画面

8/47

新デフォルトテーマ「TwentyEleven」

9/47

管理バーの拡張

10/47

要件変更動作環境の変化

3.1 以前• PHP バージョン 4.3 以降• MySQL バージョン 4.1.2 以降

3.2 以降• PHP バージョン 5.2 以降• MySQL バージョン 5.0.15 以降

11/47

ブラウザ互換性の向上

IE6 対応終了！

IE7 ももうしばらくしたら…

12/47

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

13/47

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

14/47

その他新しくなったこと知りたい方は ...

Codex ご参照くださいhttp://wpdocs.sourceforge.jp/Version_3.2

15/47

新デフォルトテーマTwenty Eleven

16/47

Twenty Eleven はこんなテーマ• かっこいい！• 7 つの投稿フォーマット• 管理画面でいろいろカスタマイズ

• 色とレイアウト変更• ウィジェット対応• メニュー対応• 背景変更• ヘッダー変更

• 短冊ウィジェット• ショーケース• ブラウザの幅によって表示変化

17/47

かっこいい！

18/47

7 つの投稿フォーマット

19/47

管理画面でいろいろカスタマイズ

20/47

短冊ウィジェット

21/47

ショーケース

22/47

ブラウザの幅によって表示変化

23/47

Twenty Eleven テーマの中身を見る！

24/47

TwentyEleven の構成index.phpsingle.phparchive.phpcategory.phptag.phpauthor.phpsearch.phpimage.phppage.phpsidebar-page.phpshowcase.php404.php

style.cssrtl.csseditor-style-rtl.csseditor-style.css

functions.php

colors

screenshot.png

license.txtreadme.txt

images

inc

js

languages

header.phpfooter.phpsearchform.phpsidebar.phpsidebar-footer.phpcomments.phpcontent.phpcontent-aside.phpcontent-link.phpcontent-gallery.phpcontent-status.phpcontent-quote.phpcontent-image.phpcontent-single.phpcontent-page.phpcontent-intro.phpcontent-featured.php

25/47

テンプレートファイルリクエストされたページを生成するのに使う

index.phpsingle.phparchive.phpcategory.phptag.phpauthor.phpsearch.phpimage.phppage.phpsidebar-page.phpshowcase.php404.php

26/47

モジュールテンプレートファイルテンプレートファイルから呼び出して使う

header.phpfooter.phpsearchform.phpsidebar.phpsidebar-footer.phpcomments.phpcontent.phpcontent-aside.phpcontent-link.phpcontent-gallery.phpcontent-status.phpcontent-quote.phpcontent-image.phpcontent-single.phpcontent-page.phpcontent-intro.phpcontent-featured.php

27/47

style.cssrtl.csseditor-style-rtl.csseditor-style.css

スタイルシート普通のスタイルシートファイルstyle.css はテーマ必須先頭にテーマの概要が記載されている

functions.php

screenshot.png

テーマ関数ファイルテーマ内で使う関数を記載する

スクリーンショット画像管理画面のテーマ選択のプレビュー画像に使われる

28/47

colors

license.txtreadme.txt

images

inc

js

languages

ライセンスと Readme

JavaScript ファイルが入っている

部品画像や背景画像が入っている

管理画面のテーマ設定で使うファイルが入っている

管理画面のテーマ設定で選択できる色の設定で使う css が入っている

言語ファイルが入っている

29/47

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

30/47

index.php

header.php

footer.php

sidebar.php

sidebar-footer.php

content.phporcontent- ○○ .php※○○は投稿フォーマット

seachform.php

index.php

メインテンプレート

31/47

single.php

content-single.php

single.php

個別投稿テンプレート

header.php

footer.phpsidebar-footer.php

comments.php

32/47

archive.php

header.php

footer.php

sidebar.php

sidebar-footer.php

content.phporcontent- ○○ .php※○○は投稿フォーマット

seachform.php

archive.php

アーカイブテンプレート

33/47

category.php

header.php

footer.php

sidebar.php

sidebar-footer.php

content.phporcontent- ○○ .php※○○は投稿フォーマット

seachform.php

category.php

カテゴリーテンプレート

34/47

tag.php

header.php

footer.php

sidebar.php

sidebar-footer.php

content.phporcontent- ○○ .php※○○は投稿フォーマット

seachform.php

tag.php

タグテンプレート

35/47

author.php

header.php

footer.php

sidebar.php

sidebar-footer.php

content.phporcontent- ○○ .php※○○は投稿フォーマット

seachform.php

author.php

著者テンプレート

36/47

search.php

header.php

footer.php

sidebar.php

sidebar-footer.php

content.phporcontent- ○○ .php※○○は投稿フォーマット

seachform.php

search.php

検索結果テンプレート

37/47

image.php

header.php

footer.phpsidebar-footer.php

comments.php

image.php

添付画像テンプレート

38/47

page.php

content-page.php

page.php

固定ページデフォルトテンプレート

header.php

footer.phpsidebar-footer.php

comments.php

39/47

sidebar-page.php

content-page.php

sidebar-page.php

固定ページサイドバー付テンプレート

header.php

footer.phpsidebar-footer.php

comments.php

sidebar.php

40/47

showcase.php

content-intro.php

showcase.php

固定ページショーケーステンプレート

header.php

footer.phpsidebar-footer.php

content-featured.php

content.phporcontent- ○○ .php※○○は投稿フォーマット

41/47

404.php

header.php

footer.phpsidebar-footer.php

search-form.php

404.php

404NotFoundテンプレート

42/47

投稿表示部分の切り分け投稿表示部分を切り分けたモジュールテンプレートを用意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 � 固定ページのショーケースの特集記事

43/47

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

44/47

TwentyEleven• 管理画面でお手軽カスタマイズ• 子テーマでばりばりカスタマイズ

どっちもやりやすくてステキです！どしどしカスタマイズしましょう！

45/47

参考リンク集~WordPress3.2 編

：Version3.2-WordPressCodex日本語版http://wpdocs.sourceforge.jp/Version_3.2

：噂の「WordPress3.2の新機能」を体験せよ！|Odysseygate.comhttp://www.odysseygate.com/archives/2134

：WordPress3.2レビュー（管理画面編）|Technolog.jp-ICT ウェブマガジンhttp://technolog.jp/website/cms/5691

：WordPress3.2 が出るまでに確認すること|understandard.nethttp://www.understandard.net/wordpress/wp022.html

：WordBench東京勉強会プレゼン資料をアップしました|Odysseygate.comhttp://www.odysseygate.com/archives/2278

46/47

参考リンク集~TwentyEleven 編

：TwentyEleven—WordPress.comhttp://theme.wordpress.com/themes/twentyeleven/

：新テーマ :TwentyEleven—ブログ—WordPress.comhttp://ja.blog.wordpress.com/2011/06/08/new-theme-twenty-eleven/

：TwentyElevenテーマ内の説明を日本語訳しました|Odysseygate.comhttp://www.odysseygate.com/archives/2275

：WordPress3.2レビュー（テーマ編）|Technolog.jp-ICT ウェブマガジンhttp://technolog.jp/website/cms/5695

：WordPress|日本語»Ephemera「短冊」ウィジェットhttp://ja.wordpress.org/2011/07/11/ephemera

47/47

ご静聴ありがとうございました！

松下寛子@hokori