WordBench Nagoya 2012.11勉強会 WordPress3.5-RC1 をみんなでさわってみよう!

-- Views

December 19, 12

スライド概要

2012年11月23日(祝)株式会社エスケイワード様会議室にて
公開されたばかりの「WordPress3.5-RC1 をみんなでさわってみよう!」という内容です。

新Verの雰囲気が何となくわかるよう、ブロガーやユーザーの方にも大きく影響しそうな部分に絞って、3.4から変化した部分をまとめてみました。

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

ダウンロード

関連スライド

各ページのテキスト
1.

WordBench Nagoya 11月勉強会 WordPress3.5-RC1 をみんなでさわってみよう! 2012.11.23(祝) 野村 圭 @mypacecreator This work by ozone notes is licensed under a CC BY-ND 3.0.

2.

はじめに。 このスライドを ようやく作り上げた1時間後 beta3 → RC1 になりました This work by ozone notes is licensed under a CC BY-ND 3.0.

3.

はじめに。 orz... This work by ozone notes is licensed under a CC BY-ND 3.0.

4.

はじめに。 でもめげずにやります! This work by ozone notes is licensed under a CC BY-ND 3.0.

5.

はじめに。 だって 新しくなるのはいいこと! ※たぶん This work by ozone notes is licensed under a CC BY-ND 3.0.

6.

WordPress3.5の主な変更点 細かい点はいろいろあるけど、今日は主なものだけ。 1.「リンク」メニューがなくなった 2.「設定」内メニューがいろいろ変更 3. プラグインのFavorite機能 4. 専用ディレクトリにインストールしても マルチサイトが利用できる! 5. メディア関連(画像アップロード)大幅革新 This work by ozone notes is licensed under a CC BY-ND 3.0.

7.

1.「リンク」メニューがなくなった 「リンク」 がなくなった!! This work by ozone notes is licensed under a CC BY-ND 3.0.

8.

1.「リンク」メニューがなくなった ご心配なく! Link Manager プラグインで 今まで通りに使えます! This work by ozone notes is licensed under a CC BY-ND 3.0.

9.

1.「リンク」メニューがなくなった プラグインのインストールが面倒な方は... テーマのfunctions.phpファイルに1行追加 add_filter( 'pre_option_link_manager_enabled', '__return_true' ); ※スペースの都合上改行していますが、もちろん1行で書いてもOKです This work by ozone notes is licensed under a CC BY-ND 3.0.

10.

WordPress3.5の主な変更点 続きまして 1.「リンク」メニューがなくなった 2.「設定」内メニューがいろいろ変更 3. プラグインのFavorite機能 4. 専用ディレクトリにインストールしても マルチサイトが利用できる! 5. メディア関連(画像アップロード)大幅革新 This work by ozone notes is licensed under a CC BY-ND 3.0.

11.

2. 「設定」内メニューがいろいろ変更 例えば...「投稿設定」 ↓今まで ※v3.4.2 外部のアプリ等から記事投稿するには、 「リモート投稿」の設定を有効にする必要が ありました This work by ozone notes is licensed under a CC BY-ND 3.0.

12.

2. 「設定」内メニューがいろいろ変更 ←なくなった!! 今後は何もしなくても リモート投稿は有効です!! This work by ozone notes is licensed under a CC BY-ND 3.0.

13.

2. 「設定」内メニューがいろいろ変更 他にも... 「プライバシー設定」 ↓今まで ※v3.4.2 「設定」内のサブ項目「プライバシー」 から設定していましたが... This work by ozone notes is licensed under a CC BY-ND 3.0.

14.

2. 「設定」内メニューがいろいろ変更 ↓ココに移動 チェックを入れると noindex, nofollowになります This work by ozone notes is licensed under a CC BY-ND 3.0.

15.

2. 「設定」内メニューがいろいろ変更 ↓今まではこんな感じ ※v3.4.2 This work by ozone notes is licensed under a CC BY-ND 3.0.

16.

2. 「設定」内メニューがいろいろ変更 ←項目が減って すっきり! ・埋め込み ・ファイルアップロード(パス指定) がなくなりました。 This work by ozone notes is licensed under a CC BY-ND 3.0.

17.

2. 「設定」内メニューがいろいろ変更 ただし、まだこれが 確定ではないみたい ※11/20現在 このスライドを作っている数日の間にも、 設定項目が変わったり、元に戻ったり、 まだ迷走しています。 This work by ozone notes is licensed under a CC BY-ND 3.0.

18.

WordPress3.5の主な変更点 続きまして 1.「リンク」メニューがなくなった 2.「設定」内メニューがいろいろ変更 3. プラグインのFavorite機能 4. 専用ディレクトリにインストールしても マルチサイトが利用できる! 5. メディア関連(画像アップロード)大幅革新 This work by ozone notes is licensed under a CC BY-ND 3.0.

19.

3. プラグインのFavorite機能 プラグイン > 新規追加 増えてる!! This work by ozone notes is licensed under a CC BY-ND 3.0.

20.

3. プラグインのFavorite機能 公式ディレクトリに登録されているプラグインを お気に入り登録して、サックリとインストール できるようになりました ここに wordpress.org の アカウント名を入れます This work by ozone notes is licensed under a CC BY-ND 3.0.

21.

3. プラグインのFavorite機能 事前準備として.... wordpress.org のアカウントを作りましょう!! ※日本語フォーラム(ja.forums.wordpress.org) のアカウントとは別モノです。 This work by ozone notes is licensed under a CC BY-ND 3.0.

22.

3. プラグインのFavorite機能 まずは http://wordpress.org/ にアクセス! そして plugins のページへ This work by ozone notes is licensed under a CC BY-ND 3.0.

23.

3. プラグインのFavorite機能 ひっそりと右端にある “Register” をクリック 英語だけどがんばってついてきて!! This work by ozone notes is licensed under a CC BY-ND 3.0.

24.

3. プラグインのFavorite機能 必須項目は2つ ・ユーザー名 ・メールアドレス 一番下にある“Register” ボタンをクリックすると、 確認画面なく登録完了します! ※登録したアドレス宛に パスワードがメールで 送られてきます This work by ozone notes is licensed under a CC BY-ND 3.0.

25.

3. プラグインのFavorite機能 今登録したアカウント情報でログイン! なお、このアカウントで ・英語フォーラムへの質問や回答 ・公式テーマやプラグインの公開 などもできます! This work by ozone notes is licensed under a CC BY-ND 3.0.

26.

3. プラグインのFavorite機能 お好きなプラグイン公式ディレクトリのページへ! ダウンロードボタンの下にある “Favorite” をクリック! This work by ozone notes is licensed under a CC BY-ND 3.0.

27.

3. プラグインのFavorite機能 登録できたら、自分のサイトに戻りましょう アカウント名を入れて ポチると よく使うプラグインを一覧表示! This work by ozone notes is licensed under a CC BY-ND 3.0.

28.

3. プラグインのFavorite機能 ちなみに.... 他人のアカウントでも 表示できる! 有名開発者のあの人が愛用してるプラグインを 知ることができるかも? This work by ozone notes is licensed under a CC BY-ND 3.0.

29.

いったん休憩したいので... さぁ、実際に さわってみよう! This work by ozone notes is licensed under a CC BY-ND 3.0.

30.

なんとなく雰囲気はつかめましたか? そろそろ 再開します。 This work by ozone notes is licensed under a CC BY-ND 3.0.

31.

4. 専用ディレクトリとマルチサイト 「専用ディレクトリにインストール」とは この2つのURLが 異なっているケース のことです ※実際は1つ下げた階層にWPを設置しているが 見かけ上のURLからはディレクトリ名を 消している状態 This work by ozone notes is licensed under a CC BY-ND 3.0.

32.

WordPress3.5の主な変更点 続きまして 1.「リンク」メニューがなくなった 2.「設定」内メニューがいろいろ変更 3. プラグインのFavorite機能 4. 専用ディレクトリにインストールしても マルチサイトが利用できる! 5. メディア関連(画像アップロード)大幅革新 This work by ozone notes is licensed under a CC BY-ND 3.0.

33.
[beta]
4. 専用ディレクトリとマルチサイト
今までは このような設置をしていると...
wp-config.phpファイルにマルチサイト有効化の記述をしても...
define('WP_ALLOW_MULTISITE',true);

マルチサイトの構築は
できなかった!!
※v3.4.2

既に運用しているサイトで
「マルチサイト使いたい!」って時困る(>̲<)
This work by ozone notes is licensed under a CC BY-ND 3.0.

34.

4. 専用ディレクトリとマルチサイト 3.5からは... 設定画面が出た! This work by ozone notes is licensed under a CC BY-ND 3.0.

35.

4. 専用ディレクトリとマルチサイト ただし挙動に癖があり、あまりお勧めできません (例)example.com/wp/ に設置して example.com で表示している場合 子ブログからは /wp を消せない... ※サイトネットワーク管理者ダッシュボード > サイト > 編集 からサイトURLを手動で変更してみましたが、 親ブログの内容が表示されたり404になったりしました ※正式リリース時には変わっている可能性もあります ※mod_rewiteの知識があればなんとか出来るのかも? This work by ozone notes is licensed under a CC BY-ND 3.0.

36.

5. メディア関連(画像アップロード)大幅革新 お待たせしました、 本日最大の目玉です。 This work by ozone notes is licensed under a CC BY-ND 3.0.

37.

WordPress3.5の主な変更点 続きまして 1.「リンク」メニューがなくなった 2.「設定」内メニューがいろいろ変更 3. プラグインのFavorite機能 4. 専用ディレクトリにインストールしても マルチサイトが利用できる! 5. メディア関連(画像アップロード)大幅革新 This work by ozone notes is licensed under a CC BY-ND 3.0.

38.

5. メディア関連(画像アップロード)大幅革新 2大新機能 a.「本文」欄に直接画像を ドラッグ&ドロップ! b.「ギャラリー」が1つの 投稿内で複数作れる! This work by ozone notes is licensed under a CC BY-ND 3.0.

39.

5. メディア関連(画像アップロード)大幅革新 a.「本文」欄に直接画像をドラッグ&ドロップ! ビジュアルエディタ使用時 ココに直接画像をポン! This work by ozone notes is licensed under a CC BY-ND 3.0.

40.

5. メディア関連(画像アップロード)大幅革新 •画像は一旦原寸大で入る→リサイズ可 •画像以外をドロップしても何も起こらない •画像データをbase24変換し表示させている ※data URI scheme という仕組み •HTTPリクエストを減らせるメリットが! いろいろ便利な新機能! クライアントにもぜひ薦めたい! でも..... This work by ozone notes is licensed under a CC BY-ND 3.0.

41.

5. メディア関連(画像アップロード)大幅革新 はい、もうお気づきだと思いますが.... × 旧IE対応 してません。 This work by ozone notes is licensed under a CC BY-ND 3.0.

42.

5. メディア関連(画像アップロード)大幅革新 IE6, 7, 8 IE9, 10 IE8で表示すらできないんじゃ ちょっと奨めづらいのね...。 This work by ozone notes is licensed under a CC BY-ND 3.0.

43.

5. メディア関連(画像アップロード)大幅革新 しかも... 本文欄への画像ドラッグアンドドロップは IE10でも未対応 画像をブラウザで表示 → しようとしてしまう This work by ozone notes is licensed under a CC BY-ND 3.0.

44.

5. メディア関連(画像アップロード)大幅革新 ちなみに... IE10からは 通常の画像アップローダーの ドラッグアンドドロップ機能が 動くようになりました!! ↑IE9まで いまさらだけど けっこう重要 ↑IE10でようやく他ブラウザと同じに This work by ozone notes is licensed under a CC BY-ND 3.0.

45.

5. メディア関連(画像アップロード)大幅革新 2大新機能 a.「本文」欄に直接画像を ドラッグ&ドロップ! b.「ギャラリー」が1つの 投稿内で複数作れる! This work by ozone notes is licensed under a CC BY-ND 3.0.

46.

5. メディア関連(画像アップロード)大幅革新 b.「ギャラリー」が1つの投稿内で複数作れる! ※3.5-beta3 新しいメディアボタン 今までのメディアボタン This work by ozone notes is licensed under a CC BY-ND 3.0.

47.

5. メディア関連(画像アップロード)大幅革新 b.「ギャラリー」が1つの投稿内で複数作れる! ※3.5-RC1 新しいメディアボタン 今までのメディアボタンは なくなりました! This work by ozone notes is licensed under a CC BY-ND 3.0.

48.

5. メディア関連(画像アップロード)大幅革新 ここにドラッグアンドドロップ ↑ 今までと ほぼ同じ ※例によってIE9以下は「ファイルを選択」をクリック This work by ozone notes is licensed under a CC BY-ND 3.0.

49.

5. メディア関連(画像アップロード)大幅革新 ここの設定項目は 今までとほぼ同じ This work by ozone notes is licensed under a CC BY-ND 3.0.

50.

5. メディア関連(画像アップロード)大幅革新 今まで 見た目が変わってるけど 存在する項目は同じです! This work by ozone notes is licensed under a CC BY-ND 3.0. 新しい

51.

5. メディア関連(画像アップロード)大幅革新 Insert into post をクリックすると.... This work by ozone notes is licensed under a CC BY-ND 3.0.

52.

5. メディア関連(画像アップロード)大幅革新 チェックした画像が一括で本文欄に! ・配置 ・サイズ ・画像のリンク先 などは1つ前の画面で 忘れず設定しておきま しょう。 ※もちろん埋め込んだ後に 編集も今までどおり可能 This work by ozone notes is licensed under a CC BY-ND 3.0.

53.

5. メディア関連(画像アップロード)大幅革新 Create a new gallery をクリックすると.... This work by ozone notes is licensed under a CC BY-ND 3.0.

54.

5. メディア関連(画像アップロード)大幅革新 ギャラリー設定項目が表示されます 設定項目 This work by ozone notes is licensed under a CC BY-ND 3.0.

55.

5. メディア関連(画像アップロード)大幅革新 ギャラリー設定項目もシンプルに 今まで 「順序」の設定は いずこへ?? This work by ozone notes is licensed under a CC BY-ND 3.0. 新しい

56.

5. メディア関連(画像アップロード)大幅革新 ドラッグアンドドロップで好きな順序に!! ここで好きな並び順に 挿入!! This work by ozone notes is licensed under a CC BY-ND 3.0.

57.

5. メディア関連(画像アップロード)大幅革新 ギャラリーが挿入できました 同じ手順で、 複数のギャラリーが作成可能に! This work by ozone notes is licensed under a CC BY-ND 3.0.

58.

5. メディア関連(画像アップロード)大幅革新 ショートコードはこんな感じ ids = “使用する画像のID” This work by ozone notes is licensed under a CC BY-ND 3.0.

59.

5. メディア関連(画像アップロード)大幅革新 画像のIDはブログ全体での通し番号です この画像のID 例えばココとかで 分かる ※投稿、固定ページ、リビジョン等も含めた通し番号だったりします This work by ozone notes is licensed under a CC BY-ND 3.0.

60.

5. メディア関連(画像アップロード)大幅革新 他の投稿で使っている画像も自由に組み合わせて ギャラリーを挿入できる! ココから ギャラリーに追加→ This work by ozone notes is licensed under a CC BY-ND 3.0.

61.

5. メディア関連(画像アップロード)大幅革新 •複数ギャラリーを作るためのプラグインが 必要なくなったヽ(=^▽^=)ノ •既存のプラグインで動かなくなるものが 出てきそうだなー(́・ω・`) •クライアントへの説明、マニュアル作成が めんどうだなー(́・ω・`) This work by ozone notes is licensed under a CC BY-ND 3.0.

62.

5. メディア関連(画像アップロード)大幅革新 さぁ、実際に さわってみよう! This work by ozone notes is licensed under a CC BY-ND 3.0.

63.

6. さいごに 開発の進捗状況を 知りたいなら… This work by ozone notes is licensed under a CC BY-ND 3.0.

64.

6. さいごに Trac,Roadmapをのぞきに行きましょう! http://core.trac.wordpress.org/roadmap This work by ozone notes is licensed under a CC BY-ND 3.0.

65.

6. さいごに beta版のバグを 見つけたら… This work by ozone notes is licensed under a CC BY-ND 3.0.

66.

6. さいごに 日本語フォーラムの 「開発版」の板へ! 英語ができるなら 直接Tracに投げてもOK!! This work by ozone notes is licensed under a CC BY-ND 3.0.

67.

6. さいごに まもなく 正式リリース This work by ozone notes is licensed under a CC BY-ND 3.0.

68.

6. さいごに ご清聴ありがとうございました。 ブログもよろしく http://mypacecreator.net/ This work by ozone notes is licensed under a CC BY-ND 3.0.