Your SlideShare is downloading. ×
  • Like
WordPress 3.2の新機能& 新デフォルトテーマ Twenty Eleven 大解剖!
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Now you can save presentations on your phone or tablet

Available for both IPhone and Android

Text the download link to your phone

Standard text messaging rates apply

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

  • 54,123 views
Published

 

Published in Automotive
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
54,123
On SlideShare
0
From Embeds
0
Number of Embeds
4

Actions

Shares
Downloads
50
Comments
0
Likes
13

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 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.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
  • 25. index.phpsingle.phparchive.phpcategory.phptag.php テンプレートファイルauthor.php リクエストされたページを生成するsearch.php のに使うimage.phppage.phpsidebar-page.phpshowcase.php404.php 25/47
  • 26. 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
  • 27. style.css スタイルシートrtl.css 普通のスタイルシートファイルeditor-style-rtl.csseditor-style.css style.css はテーマ必須 先頭にテーマの概要が記載されているfunctions.php テーマ関数ファイル テーマ内で使う関数を記載するscreenshot.png スクリーンショット画像 管理画面のテーマ選択のプレビュー 画像に使われる 27/47
  • 28. license.txt ライセンスと Readmereadme.txt js JavaScript ファイルが入っている images 部品画像や背景画像が入っている 管理画面のテーマ設定で使うファイ inc ルが入っている 管理画面のテーマ設定で選択できる colors 色の設定で使う css が入っている languages 言語ファイルが入っている 28/47
  • 29. テンプレートファイルの中身を見る! 29/47
  • 30. index.php index.phpheader.phpcontent.php メインテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 30/47
  • 31. single.php single.phpheader.php 個別投稿テンプレートcontent-single.phpcomments.phpfooter.php sidebar-footer.php 31/47
  • 32. archive.php archive.phpheader.phpcontent.php アーカイブテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 32/47
  • 33. category.php category.phpheader.phpcontent.php カテゴリーテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 33/47
  • 34. tag.php tag.phpheader.phpcontent.php タグテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 34/47
  • 35. author.php author.phpheader.phpcontent.php 著者テンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 35/47
  • 36. search.php search.phpheader.phpcontent.php 検索結果テンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 36/47
  • 37. image.php image.phpheader.php 添付画像テンプレートcomments.phpfooter.php sidebar-footer.php 37/47
  • 38. page.php page.phpheader.php 固定ページ デフォルトテンプレートcontent-page.phpcomments.phpfooter.php sidebar-footer.php 38/47
  • 39. sidebar-page.php sidebar-page.phpheader.php 固定ページcontent-page.php サイドバー付テンプレートcomments.phpsidebar.phpfooter.php sidebar-footer.php 39/47
  • 40. showcase.php showcase.phpheader.phpcontent-intro.php 固定ページ ショーケーステンプレートcontent-featured.phpcontent.phporcontent- ○○ .php※○○は投稿フォーマットfooter.php sidebar-footer.php 40/47
  • 41. 404.php 404.phpheader.php 404 Not Found テンプレートsearch-form.phpfooter.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.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
  • 46. 参考リンク集 ~ 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
  • 47. ご静聴ありがとうございました! 松下寛子 @hokori 47/47