【WordPress3.9 ベータ 3】を触ってみた

投稿作成画面のUIがエエ感じ

これはベータ１での実装内容なのですが、投稿画面のTinyMCEのUIが変わっています。

WordPress › 日本語 « WordPress 3.9 ベータ 1より
ビジュアルエディタのエンジンである TinyMCE ソフトウェアを最新バージョンに更新しました。よりクリーンになったマークアップにご注目ください。また、新しいペースト処理を試してみてください。例えば Microsoft Word からテキストブロックを直接ペーストした場合、そんなに悪くない結果になるはずです。多くの方は気づいていなかったかもしれませんが、これまで「Word からペースト」というボタンがありましたが、こちらは削除されました。ツールバーのボタンといったものをビジュアルエディタに追加するような一部のプラグインが動作しなくなる可能性がありますので、問題がある場合は教えてください (#24067)。また、サポートスレッドでプラグイン作者にも通知してあげてください。

こちらが今までのTinyMCEのボタン群です。

そしてこちらが3.9のボタン群。

１つ１つのボタンサイズが大きくなっています。

3.8でレスポンシブ化したことから、タッチデバイス対応としての実装なのかもしれませんね。

そしてテキストエディタだけでなく、ビジュアルエディタ側も変わってました。

まずは3.8のビジュアルエディタのTinyMCE。

そしてこちらが3.9のもの。

テキストエディタもでしたが、「フルスクリーンボタン」が右端に移動していますね。

タグを追加する他のボタンと区別するための措置でしょうか。

フルスクリーンモードも起動させてみました。

こちらが3.9のもの。

左寄せされていたものが、余白・サイズを調節してより押しやすい配置になっています。

キャプションがhtml5仕様に

「WordPress 3.9 でキャプションとギャラリーが HTML5 に対応、テーマ作ってる人は要チェック。 | ﾎﾎ冢次男」という記事に紹介されていた内容ですが、マークアップがHTML5に対応しています。

WordPress › 日本語 « WordPress 3.9 ベータ 3より

テーマ開発者向けに、新ギャラリー対応（#26642）に合わせて HTML5 キャプション対応を追加しました（#26697）。

では実際に見てみましょう。

こちらが3.8のマークアップ。divとpを使ったマークアップです。

そしてこちらが3.9でのマークアップ。figure系のタグを使用しています。

ちなみにこちら、functions.phpにコードを追加する必要があります。

コードについてはこちらをどうぞ。

「カスタマイズ」からウィジェットが触れる様に

WordPress › 日本語 « WordPress 3.9 ベータ 3より

ウィジェットのライブプレビューや新テーマのインストーラーといった新機能をベータテスターの方にご覧いただく準備が整いました。是非チェックしてみてください。

カスタマイズ画面からウィジェットの設定もできるようになりました。

カスタマイズ画面からですとプレビューを見ながら設定できるので、レイアウトの調整等が捗りそうですね。

ヘッダー画像の設定も強化されている

ウィジェットだけでなく、ヘッダー画像の設定項目も強化されていました。

英語のままですが、本リリースでは日本語になっているのではないでしょうか。

設定されている画像サイズが表示されていることや、ランダム設定・uggestなどの機能が追加されています。

専用プラグインで簡単に実装できます（本番非推奨）

このWordPress3.9ベータ３ですが、実はプラグイン１つで実装させることができます。

「WordPress Beta Tester」というプラグインで、この名前で検索することで使用できます。

ZIPでダウンロードする場合：WordPress › WordPress Beta Tester « WordPress Plugins

あくまで「開発段階」のものですので、テスト環境以外での実装はかなり危険だと思います。

ローカルでテスト用のWordPressを構築するのが確実かもしれませんね。

ちなみに今回紹介した以外にも以下のアップグレードが実施されています。

WordPress › 日本語 « WordPress 3.9 ベータ 3より

画像編集やエディターでメディアを扱う作業をする際の UI を改良しました。また、画像の高度な表示設定の一部を元に戻しました。

音声・動画プレイリストをテストしたい場合は、音声・動画ファイルをアップロード後メディアマネージャー内にリンクが表示されます。

直線引用符を曲線引用符に変換したりするフォーマット機能に変更を加え、大幅にスピードを向上しました。なにかおかしな点があればお知らせください。

こちらについても時間を見つけて紹介したいと思います。

それでは。