WordPress3.5



               2012/11/18
               瀬戸 貴弘
瀬戸 貴弘

Twitter   : @as_chachamaru

Facebook : as.chachamaru

職業        : システムエンジニア

WordPress歴
    ブログ開始     Ver2.6~
    本格的な勉強 2012年2月~
WP3.5の概要

Links

Theme
2012年12月5日




WordPress3.5 リリース予定日
93




2012/11/18時点進捗率
775




WordPress3.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 削除 Ticket #21866
 ・XML-RPCはデフォルト有効
Links



大きく変わります
WordPress 3.42
Links がない




WordPress 3.42       WordPress 3.5
Ticket #21307

       Remove Link Manager from core




Linksを削除するかどうか議論がされているチケット
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
2012
Twenty Twelve
公式からダウンロード




既に公式からダウンロードできる
3.5のデフォルトテーマ




WordPress3.5からデフォルトテーマになる
カスタムヘッダー画像  
 標準で含まれていない




 非常にシンプル
  「レスポンシブ・デザイン」対応
/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {

}




                  /* Minimum width of 960 pixels. */
                  @media screen and (min-width: 960px) {

                  }
@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を追加
@media screen and (min-width: 600px) {
                    (min-width: 600px) {
                                           Twenty Twelve
  }
  @media screen and (min-width: 960px) {
                    (min-width: 960px) {

  }




                      モバイルファースト


Twenty Twelveはサイズの小さい画面(モバイル)が基準。
画面が大きくなるにつれてCSSを追加
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が準備されている。
テンプレート
[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(sidebar-page.php)
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がない。それに伴いcontent-gallery.phpも削除。
  
[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="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を読み込む記述がない 
【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を読み込む記述がある 
http://wordpress.org/




[様々なバージョンのWordPressを手に入れてみよう]

 WordPress.org > Download
[様々なバージョンのWordPressを手に入れてみよう]

 WordPress.org > Download > Release Archive
[様々なバージョンのWordPressを手に入れてみよう]

 β版やRCも手に入る。Nightly Builds や Subversion Access で最新の開発状態もGET!
ご静聴ありがとうございました

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