Upload
hokori-matu
View
54.040
Download
2
Embed Size (px)
DESCRIPTION
Citation preview
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