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

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

松下寛子 @hokori
1/47

話す人
名前：
勤め先：
株式会社東海共同印刷
仕事：
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.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

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

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

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

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

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

license.txt
ライセンスと Readme
readme.txt

js JavaScript ファイルが入っている

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

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

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

languages 言語ファイルが入っている
28/47

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

29/47

index.php index.php
header.php

content.php メインテンプレート
or
content- ○○ .php
※○○は投稿フォーマット

seachform.php

sidebar.php
footer.php
sidebar-footer.php
30/47

single.php single.php
header.php
個別投稿テンプレート

content-single.php

comments.php

footer.php
sidebar-footer.php
31/47

archive.php archive.php
header.php

content.php アーカイブテンプレート
or

seachform.php

sidebar.php
footer.php
sidebar-footer.php
32/47

category.php category.php
header.php

content.php カテゴリーテンプレート
or

seachform.php

sidebar.php
footer.php
sidebar-footer.php
33/47

tag.php tag.php
header.php

content.php タグテンプレート
or

seachform.php

sidebar.php
footer.php
sidebar-footer.php
34/47

author.php author.php
header.php

content.php 著者テンプレート
or

seachform.php

sidebar.php
footer.php
sidebar-footer.php
35/47

search.php search.php
header.php

content.php 検索結果テンプレート
or

seachform.php

sidebar.php
footer.php
sidebar-footer.php
36/47

image.php image.php
header.php
添付画像テンプレート

comments.php

footer.php
sidebar-footer.php
37/47

page.php page.php
header.php
固定ページ
デフォルトテンプレート
content-page.php

comments.php

footer.php
sidebar-footer.php
38/47

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

comments.php

sidebar.php

footer.php
sidebar-footer.php
39/47

showcase.php showcase.php
header.php

content-intro.php 固定ページ
ショーケーステンプレート
content-featured.php

content.php
or

footer.php
sidebar-footer.php
40/47

404.php 404.php
header.php
404 Not Found テンプレート

search-form.php

footer.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.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

45/47

参考リンク集 ~ 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

：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/47

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

More Related Content

What's hot

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