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

55,030 views
54,823 views

Published on

Published in: Automotive

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

  1. 1. WordPress 3.2 の 新 機 能&新デフォルトテーマTwenty Eleven 大解剖! 松下寛子 @hokori 1/47
  2. 2. 話す人名前: 松下寛子 @hokori勤め先: 株式会社東海共同印刷 仕事: Web と DTP とその他いろいろいったりきたりしてる 社内 SE という名の何でも屋さん。好物: 猫・豆本・カメラ・自転車 2/47
  3. 3. こんな配分で話します その他 WordPress3.2 の 新機能について 新テーマ TwentyEleven に ついて 3/47
  4. 4. WordPress 3.2 で新しくなったこと 4/47
  5. 5. 主な新しくなったこと• 管理画面 UI リフレッシュ• フルスクリーン編集画面• 新デフォルトテーマ「TwentyEleven」• 管理バーの拡張• 要件変更• ブラウザー互換性の向上 5/47
  6. 6. 管理画面 UI リフレッシュ 6/47
  7. 7. フルスクリーン編集画面 7/47
  8. 8. 新デフォルトテーマ「TwentyEleven」 8/47
  9. 9. 管理バーの拡張 9/47
  10. 10. 要件変更動作環境の変化3.1 以前• PHP バージョン 4.3 以降• MySQL バージョン 4.1.2 以降3.2 以降• PHP バージョン 5.2 以降• MySQL バージョン 5.0.15 以降 10/47
  11. 11. ブラウザ互換性の向上 IE6 対応終了! IE7 ももうしばらくしたら… 11/47
  12. 12. 最新バージョンでないブラウザは警告 12/47
  13. 13. 最新のブラウザを使おう!…ってお客さんに言えるきっかけになることを祈ります。 13/47
  14. 14. その他新しくなったこと知りたい方は ...Codex ご参照くださいhttp://wpdocs.sourceforge.jp/Version_3.2 14/47
  15. 15. 新デフォルトテーマTwenty Eleven 15/47
  16. 16. Twenty Eleven はこんなテーマ• かっこいい!• 7 つの投稿フォーマット• 管理画面でいろいろカスタマイズ •色とレイアウト変更 •ウィジェット対応 •メニュー対応 •背景変更 •ヘッダー変更• 短冊ウィジェット• ショーケース• ブラウザの幅によって表示変化 16/47
  17. 17. かっこいい! 17/47
  18. 18. 7 つの投稿フォーマット 18/47
  19. 19. 管理画面でいろいろカスタマイズ 19/47
  20. 20. 短冊ウィジェット 20/47
  21. 21. ショーケース 21/47
  22. 22. ブラウザの幅によって表示変化 22/47
  23. 23. Twenty Eleven テーマの中身を見る! 23/47
  24. 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. 25. index.phpsingle.phparchive.phpcategory.phptag.php テンプレートファイルauthor.php リクエストされたページを生成するsearch.php のに使うimage.phppage.phpsidebar-page.phpshowcase.php404.php 25/47
  26. 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. 27. style.css スタイルシートrtl.css 普通のスタイルシートファイルeditor-style-rtl.csseditor-style.css style.css はテーマ必須 先頭にテーマの概要が記載されているfunctions.php テーマ関数ファイル テーマ内で使う関数を記載するscreenshot.png スクリーンショット画像 管理画面のテーマ選択のプレビュー 画像に使われる 27/47
  28. 28. license.txt ライセンスと Readmereadme.txt js JavaScript ファイルが入っている images 部品画像や背景画像が入っている 管理画面のテーマ設定で使うファイ inc ルが入っている 管理画面のテーマ設定で選択できる colors 色の設定で使う css が入っている languages 言語ファイルが入っている 28/47
  29. 29. テンプレートファイルの中身を見る! 29/47
  30. 30. index.php index.phpheader.phpcontent.php メインテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 30/47
  31. 31. single.php single.phpheader.php 個別投稿テンプレートcontent-single.phpcomments.phpfooter.php sidebar-footer.php 31/47
  32. 32. archive.php archive.phpheader.phpcontent.php アーカイブテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 32/47
  33. 33. category.php category.phpheader.phpcontent.php カテゴリーテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 33/47
  34. 34. tag.php tag.phpheader.phpcontent.php タグテンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 34/47
  35. 35. author.php author.phpheader.phpcontent.php 著者テンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 35/47
  36. 36. search.php search.phpheader.phpcontent.php 検索結果テンプレートorcontent- ○○ .php※○○は投稿フォーマットseachform.phpsidebar.phpfooter.php sidebar-footer.php 36/47
  37. 37. image.php image.phpheader.php 添付画像テンプレートcomments.phpfooter.php sidebar-footer.php 37/47
  38. 38. page.php page.phpheader.php 固定ページ デフォルトテンプレートcontent-page.phpcomments.phpfooter.php sidebar-footer.php 38/47
  39. 39. sidebar-page.php sidebar-page.phpheader.php 固定ページcontent-page.php サイドバー付テンプレートcomments.phpsidebar.phpfooter.php sidebar-footer.php 39/47
  40. 40. showcase.php showcase.phpheader.phpcontent-intro.php 固定ページ ショーケーステンプレートcontent-featured.phpcontent.phporcontent- ○○ .php※○○は投稿フォーマットfooter.php sidebar-footer.php 40/47
  41. 41. 404.php 404.phpheader.php 404 Not Found テンプレートsearch-form.phpfooter.php sidebar-footer.php 41/47
  42. 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. テンプレートのソースをちょこっとだけ見てみます…時間が許す限り 43/47
  44. 44. TwentyEleven • 管理画面でお手軽カスタマイズ • 子テーマでばりばりカスタマイズどっちもやりやすくてステキです!どしどしカスタマイズしましょう! 44/47
  45. 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. 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. 47. ご静聴ありがとうございました! 松下寛子 @hokori 47/47

×