Your SlideShare is downloading. ×
0
WordPress3.5               2012/11/18               瀬戸 貴弘
瀬戸 貴弘Twitter   : @as_chachamaruFacebook : as.chachamaru職業        : システムエンジニアWordPress歴    ブログ開始     Ver2.6~    本格的な勉強 2012...
WP3.5の概要LinksTheme
2012年12月5日WordPress3.5 リリース予定日
932012/11/18時点進捗率
775WordPress3.5に関するチケット数。チケットみると仕様や修正箇所、コアチーム内でのやりとりがわかります。バグ修正が結構多い。
この画面はβ2ですが既にβ3出ています。当初プロジェクト予定だとRC版が出てるはず・・・ちょっと遅れ気味?
ウェルカムスクリーン          WordPress3.42                             WordPress3.5ウェルカムスクリーンが簡略化!WordPress初心者用に使い方を導いてくれます。
プラグイン                    WordPress3.42                    WordPress3.5お気に入り (Favorites) の追加。WordPress.org のプラグインディレクトリでお気に...
カラーピッカー     WordPress3.42                     WordPress3.5使いやすくなった?
Remote Publishing                        Writing Settings      削除  デフォルト有効設定>投稿設定>リモート投稿(Remote Publishing) ・Atom 削除 Ticke...
Links大きく変わります
WordPress 3.42
Links がないWordPress 3.42       WordPress 3.5
Ticket #21307       Remove Link Manager from coreLinksを削除するかどうか議論がされているチケット
fixedされる直前の内容
コアにはカスタムメニューがあるではないかカスタムメニューでリンクできるよねメニュー使えば古典的なLinksいらないよね
Link【Links を使ってみよう】サイドメニューのLinksクリック
Link【Links を使ってみよう】リンクを登録
Link【Links を使ってみよう】登録リンク一覧
Link【Links を使ってみよう】ウィジェットから「リンク(Links)」を選択し、表示したいエリアに配置
Link【Links を使ってみよう】リンクが表示されます
カスタムメニュー【メニュー を使ってみよう】サイドメニューの外観>メニュー(Menus)をクリック
カスタムメニュー【メニュー を使ってみよう】メニューの名前 を入力し「メニューを作成(Create Menu)」ボタンをクリック
カスタムメニュー【メニュー を使ってみよう】登録したいURLとラベルを入力して項目を追加
カスタムメニュー【メニュー を使ってみよう】登録リンク一覧が表示
カスタムメニュー【メニュー を使ってみよう】表示オプションにより説明(Description)も登録可能
カスタムメニュー【メニュー を使ってみよう】【メニー を使ってみよう】ウィジェットから「カスタムメニュ(Custom Menu)」を選択し、表示したいエリアに配置表示オプションにより説明(Description)も登録可能
カスタムメニュー【メニュー を使ってみよう】カスタムメニューを使ったリンクが表示される
リンクはカスタムメニューでできるからいらないね
それでも、まだLinks使いたい?Linksを使えるプラグイン準備してます
リンク(Links)が復活!機能は削除しているのではなく隠しているだけ
Theme
2012Twenty Twelve
公式からダウンロード既に公式からダウンロードできる
3.5のデフォルトテーマWordPress3.5からデフォルトテーマになる
カスタムヘッダー画像   標準で含まれていない 非常にシンプル
  「レスポンシブ・デザイン」対応
/* Minimum width of 600 pixels. */@media screen and (min-width: 600px) {}                  /* Minimum width of 960 pixels....
@media (max-width: 800px) {                                                               Twenty Eleven } @media (max-widt...
@media screen and (min-width: 600px) {                    (min-width: 600px) {                                           T...
Twenty Twelve @media screen and (min-width: 600px) {                   (min-width: 600px) {                               ...
テンプレート
[Twenty Elevenでテンプレートの種類を復習]
[Twenty Elevenでテンプレートの種類を復習]
[Twenty Elevenでテンプレートの種類を復習]
[Twenty Elevenでテンプレートの種類を復習]
[Twenty Elevenでテンプレートの種類を復習]
[Twenty Elevenでテンプレートの種類を復習]
[Twenty Elevenでテンプレートの種類を復習]
追加[Twenty Eleven と Twenty Twelve の比較]2ファイル追加、8ファイル削除
[Twenty Eleven と Twenty Twelve の比較]削除された showcase.php と sidebar-page.php は何に使われてたのか
Twenty Eleven[Twenty Eleven と Twenty Twelve の比較] 固定ページ用テンプレート   ・Showcase Template(showcase.php)   ・Sidebar Template(sideb...
Twenty Twelve           front-page.php           full-width.php[Twenty Eleven と Twenty Twelve の比較]    Twenty Twelveでは固定ページ...
WordPress3.42[Twenty Eleven と Twenty Twelve の比較]    content-●●●.phpは、投稿フォーマットと関連するテンプレートが多い
WordPress3.42[WordPress3.42での投稿フォーマットとテンプレートの関連]    テンプレート: content-「投稿フォーマット」.php
WP3.42        WordPress3.42          WordPress3.5[Twenty Eleven と Twenty Twelve の比較]  WordPress3.5では、投稿フォーマットからGalleryがない。...
[Twenty Eleven と Twenty Twelve の比較]  <link rel="sylesheet" href="http://xx.xx/xx/style.css" type="text/css" media="screen"...
<head>                                               Twenty Eleven         <link rel="stylesheet" type="text/css" media="a...
【header.php】                                       Twenty Twelve        <head>            <?php wp_head(); ?>        </hea...
http://wordpress.org/[様々なバージョンのWordPressを手に入れてみよう] WordPress.org > Download
[様々なバージョンのWordPressを手に入れてみよう] WordPress.org > Download > Release Archive
[様々なバージョンのWordPressを手に入れてみよう] β版やRCも手に入る。Nightly Builds や Subversion Access で最新の開発状態もGET!
ご静聴ありがとうございました
リリース直前WordPress3.5をみてみよう
Upcoming SlideShare
Loading in...5
×

リリース直前WordPress3.5をみてみよう

2,250

Published on

WordPressを本格的に勉強し始めて1年未満の初心者がWordPress3.5について調べてみました。
間違ってたら教えてください

Transcript of "リリース直前WordPress3.5をみてみよう"

  1. 1. WordPress3.5 2012/11/18 瀬戸 貴弘
  2. 2. 瀬戸 貴弘Twitter : @as_chachamaruFacebook : as.chachamaru職業 : システムエンジニアWordPress歴 ブログ開始 Ver2.6~ 本格的な勉強 2012年2月~
  3. 3. WP3.5の概要LinksTheme
  4. 4. 2012年12月5日WordPress3.5 リリース予定日
  5. 5. 932012/11/18時点進捗率
  6. 6. 775WordPress3.5に関するチケット数。チケットみると仕様や修正箇所、コアチーム内でのやりとりがわかります。バグ修正が結構多い。
  7. 7. この画面はβ2ですが既にβ3出ています。当初プロジェクト予定だとRC版が出てるはず・・・ちょっと遅れ気味?
  8. 8. ウェルカムスクリーン WordPress3.42 WordPress3.5ウェルカムスクリーンが簡略化!WordPress初心者用に使い方を導いてくれます。
  9. 9. プラグイン WordPress3.42 WordPress3.5お気に入り (Favorites) の追加。WordPress.org のプラグインディレクトリでお気に入り登録したプラグインをインストールできる。よく使うプラグインをすぐに登録できるので手間の短縮。
  10. 10. カラーピッカー WordPress3.42 WordPress3.5使いやすくなった?
  11. 11. Remote Publishing Writing Settings 削除 デフォルト有効設定>投稿設定>リモート投稿(Remote Publishing) ・Atom 削除 Ticket #21866 ・XML-RPCはデフォルト有効
  12. 12. Links大きく変わります
  13. 13. WordPress 3.42
  14. 14. Links がないWordPress 3.42 WordPress 3.5
  15. 15. Ticket #21307 Remove Link Manager from coreLinksを削除するかどうか議論がされているチケット
  16. 16. fixedされる直前の内容
  17. 17. コアにはカスタムメニューがあるではないかカスタムメニューでリンクできるよねメニュー使えば古典的なLinksいらないよね
  18. 18. Link【Links を使ってみよう】サイドメニューのLinksクリック
  19. 19. Link【Links を使ってみよう】リンクを登録
  20. 20. Link【Links を使ってみよう】登録リンク一覧
  21. 21. Link【Links を使ってみよう】ウィジェットから「リンク(Links)」を選択し、表示したいエリアに配置
  22. 22. Link【Links を使ってみよう】リンクが表示されます
  23. 23. カスタムメニュー【メニュー を使ってみよう】サイドメニューの外観>メニュー(Menus)をクリック
  24. 24. カスタムメニュー【メニュー を使ってみよう】メニューの名前 を入力し「メニューを作成(Create Menu)」ボタンをクリック
  25. 25. カスタムメニュー【メニュー を使ってみよう】登録したいURLとラベルを入力して項目を追加
  26. 26. カスタムメニュー【メニュー を使ってみよう】登録リンク一覧が表示
  27. 27. カスタムメニュー【メニュー を使ってみよう】表示オプションにより説明(Description)も登録可能
  28. 28. カスタムメニュー【メニュー を使ってみよう】【メニー を使ってみよう】ウィジェットから「カスタムメニュ(Custom Menu)」を選択し、表示したいエリアに配置表示オプションにより説明(Description)も登録可能
  29. 29. カスタムメニュー【メニュー を使ってみよう】カスタムメニューを使ったリンクが表示される
  30. 30. リンクはカスタムメニューでできるからいらないね
  31. 31. それでも、まだLinks使いたい?Linksを使えるプラグイン準備してます
  32. 32. リンク(Links)が復活!機能は削除しているのではなく隠しているだけ
  33. 33. Theme
  34. 34. 2012Twenty Twelve
  35. 35. 公式からダウンロード既に公式からダウンロードできる
  36. 36. 3.5のデフォルトテーマWordPress3.5からデフォルトテーマになる
  37. 37. カスタムヘッダー画像   標準で含まれていない 非常にシンプル
  38. 38.   「レスポンシブ・デザイン」対応
  39. 39. /* Minimum width of 600 pixels. */@media screen and (min-width: 600px) {} /* Minimum width of 960 pixels. */ @media screen and (min-width: 960px) { }
  40. 40. @media (max-width: 800px) { Twenty Eleven } @media (max-width: 650px) { } @media (max-width: 450px) { } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) { } @media print { }Twenty Elevenはサイズの大きい画面(PC)が基準。画面が小さくなる(タブレット→スマホ→・・・)になるにつれてCSSを追加
  41. 41. @media screen and (min-width: 600px) { (min-width: 600px) { Twenty Twelve } @media screen and (min-width: 960px) { (min-width: 960px) { } モバイルファーストTwenty Twelveはサイズの小さい画面(モバイル)が基準。画面が大きくなるにつれてCSSを追加
  42. 42. Twenty Twelve @media screen and (min-width: 600px) { (min-width: 600px) { Twenty Twelve } @media screen and (min-width: 960px) { (min-width: 960px) { }IE7やIE8はメディアクエリがサポートされてない。モバイルファーストだからメディアクエリ効かないとモバイルデザインになってしまう。なのでIEは専用CSSが準備されている。
  43. 43. テンプレート
  44. 44. [Twenty Elevenでテンプレートの種類を復習]
  45. 45. [Twenty Elevenでテンプレートの種類を復習]
  46. 46. [Twenty Elevenでテンプレートの種類を復習]
  47. 47. [Twenty Elevenでテンプレートの種類を復習]
  48. 48. [Twenty Elevenでテンプレートの種類を復習]
  49. 49. [Twenty Elevenでテンプレートの種類を復習]
  50. 50. [Twenty Elevenでテンプレートの種類を復習]
  51. 51. 追加[Twenty Eleven と Twenty Twelve の比較]2ファイル追加、8ファイル削除
  52. 52. [Twenty Eleven と Twenty Twelve の比較]削除された showcase.php と sidebar-page.php は何に使われてたのか
  53. 53. Twenty Eleven[Twenty Eleven と Twenty Twelve の比較] 固定ページ用テンプレート   ・Showcase Template(showcase.php) ・Sidebar Template(sidebar-page.php)
  54. 54. Twenty Twelve front-page.php full-width.php[Twenty Eleven と Twenty Twelve の比較]    Twenty Twelveでは固定ページ用テンプレートは専用ディレクトリ内に
  55. 55. WordPress3.42[Twenty Eleven と Twenty Twelve の比較]    content-●●●.phpは、投稿フォーマットと関連するテンプレートが多い
  56. 56. WordPress3.42[WordPress3.42での投稿フォーマットとテンプレートの関連]    テンプレート: content-「投稿フォーマット」.php
  57. 57. WP3.42 WordPress3.42 WordPress3.5[Twenty Eleven と Twenty Twelve の比較]  WordPress3.5では、投稿フォーマットからGalleryがない。それに伴いcontent-gallery.phpも削除。  
  58. 58. [Twenty Eleven と Twenty Twelve の比較] <link rel="sylesheet" href="http://xx.xx/xx/style.css" type="text/css" media="screen" />  どこで読まれてる?
  59. 59. <head> Twenty Eleven <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( stylesheet_url ); ?>" /> wp_head(); ?> </head> Twenty Twelve <head> <?php wp_head(); ?> </head>[Twenty Eleven と Twenty Twelve の比較] Twenty Twelveは、header.phpにstyle.cssを読み込む記述がない 
  60. 60. 【header.php】 Twenty Twelve <head> <?php wp_head(); ?> </head> 【function.php】 Twenty Twelve wp_enqueue_style( twentytwelve-style, get_stylesheet_uri() );[Twenty Eleven と Twenty Twelve の比較] Twenty Twelveでは、function.phpにstyle.cssを読み込む記述がある 
  61. 61. http://wordpress.org/[様々なバージョンのWordPressを手に入れてみよう] WordPress.org > Download
  62. 62. [様々なバージョンのWordPressを手に入れてみよう] WordPress.org > Download > Release Archive
  63. 63. [様々なバージョンのWordPressを手に入れてみよう] β版やRCも手に入る。Nightly Builds や Subversion Access で最新の開発状態もGET!
  64. 64. ご静聴ありがとうございました
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×