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

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

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

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

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

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

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

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

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

管理バーの拡張 9/47

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

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

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

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

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

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

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

かっこいい！ 17/47

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

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

短冊ウィジェット 20/47

ショーケース 21/47

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

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

TwentyEleven の構成index.php header.php functions.phpsingle.php footer.phparchive.php searchform.php screenshot.pngcategory.php sidebar.phptag.php sidebar-footer.php license.txtauthor.php comments.php readme.txtsearch.php content.phpimage.php content-aside.php jspage.php content-link.phpsidebar-page.php content-gallery.php imagesshowcase.php content-status.php404.php content-quote.php inc content-image.php style.css content-single.php colorsrtl.css content-page.phpeditor-style-rtl.css content-intro.php languages editor-style.css content-featured.php 24/47

index.phpsingle.phparchive.phpcategory.phptag.php テンプレートファイルauthor.php リクエストされたページを生成するsearch.php のに使うimage.phppage.phpsidebar-page.phpshowcase.php404.php 25/47

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

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

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

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

index.php index.phpheader.phpcontent.php メインテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 30/47

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

archive.php archive.phpheader.phpcontent.php アーカイブテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 32/47

category.php category.phpheader.phpcontent.php カテゴリーテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 33/47

tag.php tag.phpheader.phpcontent.php タグテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 34/47

author.php author.phpheader.phpcontent.php 著者テンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 35/47

search.php search.phpheader.phpcontent.php 検索結果テンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 36/47

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

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

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

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

404.php 404.phpheader.php 404 Not Found テンプレートsearch-form.phpfooter.php sidebar-footer.php 41/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 � 固定ページのショーケースの特集記事 42/47

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

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

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

参考リンク集 ~ TwentyEleven 編：Twenty Eleven — WordPress.comhttp://theme.wordpress.com/themes/twentyeleven/：新テーマ : Twenty Eleven — ブログ — WordPress.comhttp://ja.blog.wordpress.com/2011/06/08/new-theme-twenty-eleven/：Twenty Eleven テーマ内の説明を日本語訳しました | Odysseygate.comhttp://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

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

http://d.hatena.ne.jp	143
http://noteroll.com.local	32
http://paper.li	9
https://cybozulive.com	8
http://s.deeeki.com	2
http://twitter.com	1

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

by hokori matu on Aug 28, 2011

Accessibility

Categories

Tags

Upload Details

Usage Rights

6 Embeds 195

Statistics