WordPressの新しい管理画面のデザインが美しい!!

MP6・WordPressの新しい管理画面のデザインが美しい!!

どうも!表側のデザインよりも、管理画面のデザインをするのが好きでしかも工数を割ってでも作業をしちゃうAスケです。

開発途中にあるWordPressの新しい管理画面が公開され、またそのデザインが近代化されたフラットなデザインで美しかったのでご紹介です!

Preview the Future Design of the WordPress Dashboard

Preview the Future Design of the WordPress Dashboard

Automatticが中心となって開発をされています。しかもプラグインとして配布されているので、有効化させるだけで管理画面がパッと新しくなります!さっそくこのアンドウェブにも入れてみました( ˘ω˘)

シンプル且つ、コントラストを活かした美しさ!

ダッシュボードのイメージ

ふつくしい…。

個人的には、白背景に黒文字のあの暗いところで見たら「ピカッ!」っていう配色が苦手なので、このデザインはとても好みです!まだ少し文字がズレたり表示がおかしいところがありますが、フィードバックを受けどんどん改良されている模様。

しかし、日本語版WordPressを使用されている方はだいたいの方がWP Multibyte Patchを導入されていると思うのですが、その上でこのプラグインを使うとちょっとした不具合が出てしまいます。その他にも、ところどころこのプラグインの調整箇所を下に記しますので参考にしていただければ幸いです。

Tinymceのボタンが消える

Tinymceのボタンが消える の画像
WP Multibyte PatchとMP6を有効化するとこんな風になってしまいます。

これは、MP6に同梱されているアイコンフォントがWP Multibyte Patchのfont-family指定によって上書きされてしまっていることで起こっているので、管理画面内に以下のCSSを読み込ませてあげましょう!ついでにChromeでボタンの位置の表示がおかしくなる点も修正しちゃいます。

サイドメニューのアイコン位置がおかしい

サイドメニューアイコン の画像
左サイドメニューのアイコンが少しだけ右にズレてて、ちょっと気になりますね…。
先ほどのCSSに少し足して、これも直してしまいましょう!

このMP6は左メニューのアイコンは全てウェブフォントが使われているので“img要素”がありません。なので、このような指定をしています。

フラットデザインいいね!

日本語フォントだとフラットデザインは難しいなぁと思い悩む昨今ではありますが、この「MP6」はキレイなデザインをしているのではないでしょうか!(設計な意味で)
ここまでの手順で、まずは違和感のない近代的なWordPressの管理画面が手に入るでしょう!とてもきれいなデザインなので、一見の価値アリです( ˘•ω•˘ )

ただし、未だ開発段階のデザインとなりますのでくれぐれも使用は自己責任にてお願いします。これを読んで「私も気分転換したいなー」と少しでも思った方は、ぜひ導入してみてください!

WordPress › MP6 « WordPress Plugins