wordpress3.5-rc1 をみんなでさわってみよう! -wordbench nagoya...
DESCRIPTION
2012年11月23日(祝)株式会社エスケイワード様会議室にてTRANSCRIPT
This work by ozone notes is licensed under a CC BY-ND 3.0.
WordPress3.5-RC1をみんなでさわってみよう!
WordBench Nagoya 11月勉強会
2012.11.23(祝)野村 圭 @mypacecreator
This work by ozone notes is licensed under a CC BY-ND 3.0.
はじめに。
このスライドをようやく作り上げた1時間後
beta3 → RC1になりました
This work by ozone notes is licensed under a CC BY-ND 3.0.
はじめに。
orz...
This work by ozone notes is licensed under a CC BY-ND 3.0.
はじめに。
でもめげずにやります!
This work by ozone notes is licensed under a CC BY-ND 3.0.
はじめに。
だって新しくなるのはいいこと!
※たぶん
This work by ozone notes is licensed under a CC BY-ND 3.0.
WordPress3.5の主な変更点
1.「リンク」メニューがなくなった2.「設定」内メニューがいろいろ変更3. プラグインのFavorite機能4. 専用ディレクトリにインストールしても マルチサイトが利用できる!5. メディア関連(画像アップロード)大幅革新
細かい点はいろいろあるけど、今日は主なものだけ。
This work by ozone notes is licensed under a CC BY-ND 3.0.
1.「リンク」メニューがなくなった
「リンク」がなくなった!!
This work by ozone notes is licensed under a CC BY-ND 3.0.
1.「リンク」メニューがなくなった
ご心配なく!
Link Manager プラグインで今まで通りに使えます!
This work by ozone notes is licensed under a CC BY-ND 3.0.
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.
WordPress3.5の主な変更点
1.「リンク」メニューがなくなった2.「設定」内メニューがいろいろ変更3. プラグインのFavorite機能4. 専用ディレクトリにインストールしても マルチサイトが利用できる!5. メディア関連(画像アップロード)大幅革新
続きまして
This work by ozone notes is licensed under a CC BY-ND 3.0.
2. 「設定」内メニューがいろいろ変更
例えば...「投稿設定」
外部のアプリ等から記事投稿するには、「リモート投稿」の設定を有効にする必要が ありました
↓今まで
※v3.4.2
This work by ozone notes is licensed under a CC BY-ND 3.0.
2. 「設定」内メニューがいろいろ変更
←なくなった!!
今後は何もしなくてもリモート投稿は有効です!!
This work by ozone notes is licensed under a CC BY-ND 3.0.
2. 「設定」内メニューがいろいろ変更
他にも...「プライバシー設定」
「設定」内のサブ項目「プライバシー」 から設定していましたが...
↓今まで
※v3.4.2
This work by ozone notes is licensed under a CC BY-ND 3.0.
2. 「設定」内メニューがいろいろ変更
↓ココに移動
チェックを入れるとnoindex, nofollowになります
This work by ozone notes is licensed under a CC BY-ND 3.0.
2. 「設定」内メニューがいろいろ変更
↓今まではこんな感じ
※v3.4.2
This work by ozone notes is licensed under a CC BY-ND 3.0.
2. 「設定」内メニューがいろいろ変更
←項目が減って すっきり!
・埋め込み・ファイルアップロード(パス指定) がなくなりました。
This work by ozone notes is licensed under a CC BY-ND 3.0.
2. 「設定」内メニューがいろいろ変更
ただし、まだこれが確定ではないみたい
※11/20現在
このスライドを作っている数日の間にも、設定項目が変わったり、元に戻ったり、まだ迷走しています。
This work by ozone notes is licensed under a CC BY-ND 3.0.
WordPress3.5の主な変更点
1.「リンク」メニューがなくなった2.「設定」内メニューがいろいろ変更3. プラグインのFavorite機能4. 専用ディレクトリにインストールしても マルチサイトが利用できる!5. メディア関連(画像アップロード)大幅革新
続きまして
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
プラグイン > 新規追加
増えてる!!
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
公式ディレクトリに登録されているプラグインをお気に入り登録して、サックリとインストールできるようになりました
ここにwordpress.org のアカウント名を入れます
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
事前準備として....
wordpress.orgのアカウントを作りましょう!!※日本語フォーラム(ja.forums.wordpress.org) のアカウントとは別モノです。 をお持ちの方はそのまま使えます!
※2012.11.26改訂
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
まずは http://wordpress.org/ にアクセス!
そしてpluginsのページへ
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
ひっそりと右端にある“Register” をクリック
英語だけどがんばってついてきて!!
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
必須項目は2つ・ユーザー名・メールアドレス
一番下にある“Register” ボタンをクリックすると、確認画面なく登録完了します!
※登録したアドレス宛に パスワードがメールで 送られてきます
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
今登録したアカウント情報でログイン!
なお、このアカウントで ・フォーラムへの質問や回答 ・公式テーマやプラグインの公開
などもできます!
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
お好きなプラグイン公式ディレクトリのページへ!
ダウンロードボタンの下にある“Favorite” をクリック!
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
アカウント名を入れてポチると
よく使うプラグインを一覧表示!
登録できたら、自分のサイトに戻りましょう
This work by ozone notes is licensed under a CC BY-ND 3.0.
3. プラグインのFavorite機能
ちなみに....
他人のアカウントでも表示できる!
有名開発者のあの人が愛用してるプラグインを知ることができるかも?
This work by ozone notes is licensed under a CC BY-ND 3.0.
いったん休憩したいので...
さぁ、実際に さわってみよう!
This work by ozone notes is licensed under a CC BY-ND 3.0.
そろそろ 再開します。
なんとなく雰囲気はつかめましたか?
This work by ozone notes is licensed under a CC BY-ND 3.0.
WordPress3.5の主な変更点
1.「リンク」メニューがなくなった2.「設定」内メニューがいろいろ変更3. プラグインのFavorite機能4. 専用ディレクトリにインストールしても マルチサイトが利用できる!5. メディア関連(画像アップロード)大幅革新
続きまして
This work by ozone notes is licensed under a CC BY-ND 3.0.
4. 専用ディレクトリとマルチサイト
「専用ディレクトリにインストール」とは
※実際は1つ下げた階層にWPを設置しているが 見かけ上のURLからはディレクトリ名を 消している状態
この2つのURLが異なっているケースのことです
This work by ozone notes is licensed under a CC BY-ND 3.0.
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.
4. 専用ディレクトリとマルチサイト
3.5からは...
設定画面が出た!
This work by ozone notes is licensed under a CC BY-ND 3.0.
4. 専用ディレクトリとマルチサイト
ただし挙動に癖があり、あまりお勧めできません
子ブログからは /wp を消せない...
(例)example.com/wp/ に設置して example.com で表示している場合
※サイトネットワーク管理者ダッシュボード > サイト > 編集 からサイトURLを手動で変更してみましたが、 親ブログの内容が表示されたり404になったりしました※正式リリース時には変わっている可能性もあります※mod_rewiteの知識があればなんとか出来るのかも?
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.
WordPress3.5の主な変更点
1.「リンク」メニューがなくなった2.「設定」内メニューがいろいろ変更3. プラグインのFavorite機能4. 専用ディレクトリにインストールしても マルチサイトが利用できる!5. メディア関連(画像アップロード)大幅革新
続きまして
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
a.「本文」欄に直接画像を ドラッグ&ドロップ!
2大新機能
b.「ギャラリー」が1つの 投稿内で複数作れる!
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
a.「本文」欄に直接画像をドラッグ&ドロップ!
ビジュアルエディタ使用時ココに直接画像をポン!
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
•画像は一旦原寸大で入る→リサイズ可•画像以外をドロップしても何も起こらない•画像データをbase24変換し表示させている ※data URI scheme という仕組み•HTTPリクエストを減らせるメリットが!
いろいろ便利な新機能!クライアントにもぜひ薦めたい!
でも.....
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
はい、もうお気づきだと思いますが....
× 旧IE対応 してません。
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
IE6, 7, 8 IE9, 10
IE8で表示すらできないんじゃちょっと奨めづらいのね...。
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
しかも...本文欄への画像ドラッグアンドドロップはIE10でも未対応
画像をブラウザで表示 →しようとしてしまう
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
ちなみに...
IE10からは通常の画像アップローダーのドラッグアンドドロップ機能が動くようになりました!!
↑IE9まで
↑IE10でようやく他ブラウザと同じに
いまさらだけどけっこう重要
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
a.「本文」欄に直接画像を ドラッグ&ドロップ!
2大新機能
b.「ギャラリー」が1つの 投稿内で複数作れる!
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
b.「ギャラリー」が1つの投稿内で複数作れる!
新しいメディアボタン 今までのメディアボタン
※3.5-beta3
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
b.「ギャラリー」が1つの投稿内で複数作れる!
新しいメディアボタン 今までのメディアボタンはなくなりました!
※3.5-RC1
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
ここにドラッグアンドドロップ↑今までとほぼ同じ
※例によってIE9以下は「ファイルを選択」をクリック
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.
5. メディア関連(画像アップロード)大幅革新
見た目が変わってるけど存在する項目は同じです!
新しい今まで
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
Insert into postをクリックすると....
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
チェックした画像が一括で本文欄に!
・配置・サイズ・画像のリンク先
などは1つ前の画面で忘れず設定しておきましょう。
※もちろん埋め込んだ後に 編集も今までどおり可能
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
Create a new galleryをクリックすると....
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.
5. メディア関連(画像アップロード)大幅革新
ギャラリー設定項目もシンプルに今まで 新しい
「順序」の設定は いずこへ??
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.
5. メディア関連(画像アップロード)大幅革新
ギャラリーが挿入できました
同じ手順で、複数のギャラリーが作成可能に!
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
ショートコードはこんな感じ
ids = “使用する画像のID”
This work by ozone notes is licensed under a CC BY-ND 3.0.
5. メディア関連(画像アップロード)大幅革新
画像のIDはブログ全体での通し番号です
例えばココとかで分かる
※投稿、固定ページ、リビジョン等も含めた通し番号だったりします
この画像のID
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.
5. メディア関連(画像アップロード)大幅革新
•クライアントへの説明、マニュアル作成が めんどうだなー(́・ω・`)
•既存のプラグインで動かなくなるものが 出てきそうだなー(́・ω・`)
•複数ギャラリーを作るためのプラグインが 必要なくなったヽ(=^▽^=)ノ
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. さいごに
開発の進捗状況を知りたいなら…
This work by ozone notes is licensed under a CC BY-ND 3.0.
6. さいごに
http://core.trac.wordpress.org/roadmapTrac,Roadmapをのぞきに行きましょう!
This work by ozone notes is licensed under a CC BY-ND 3.0.
beta版のバグを見つけたら…
6. さいごに
This work by ozone notes is licensed under a CC BY-ND 3.0.
6. さいごに
日本語フォーラムの「開発版」の板へ!
英語ができるなら直接Tracに投げてもOK!!
This work by ozone notes is licensed under a CC BY-ND 3.0.
6. さいごに
まもなく正式リリース
This work by ozone notes is licensed under a CC BY-ND 3.0.
6. さいごに
ご清聴ありがとうございました。
http://mypacecreator.net/ブログもよろしく