Your SlideShare is downloading. ×
リリース直前WordPress3.5をみてみよう
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

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

2,203
views

Published on

WordPressを本格的に勉強し始めて1年未満の初心者がWordPress3.5について調べてみました。 …

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


0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

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

×