検索キーワードを入力:

WordPress:「公開」ボタンのデザインのカスタマイズ

WordPress:「公開」ボタンのデザインのカスタマイズ

サイトをクライアントに納品時に管理画面をカスタマイズして、UIを改善して更新作業をしやすくするのは素晴らしいことです。

WordPressのデフォルトの管理画面って地味なイメージもありますしね。

『サイト自体のカラーを使用して、管理画面まで統一させたり』ということで、更新作業を実際に行う人が使いやすくなれば、管理画面の改造って、やるにこしたことは無いと思います。
管理画面のUIを改善・改造をして、更新作業へのモチベーションが上がってくれて、更新作業を実際に行う人がこまめに更新してくれたりしたら、それこそロングテールなSEOにつながるのでは無いでしょうか。(ちょっと無理矢理ですかね・・)

ピックアップ

簡単に出来るならプラグインは使用しない

たまに活動させていただいているWordpressの公式フォーラムで、『「公開」ボタンのデザインのカスタマイズをしたい』という質問を見かけて回答してみました。

質問の内容はタイトルのままで、

  1. 投稿時の公開ボタンのフォントや文字色を変更したい
  2. プラグインのAdd Admin CSSを使用しても改善されない

とのこと。

Add Admin CSSというプラグインに関しては、存じ上げておらず、上記の様な動作だけですと、単にテーマ内のfunction.phpに一文加えてあげるだけで、おなじ動きをしてくれます。

単に、管理画面のhead内で任意のcssをはき出させてるだけです。
この一文だけに対して、何もプラグインまで導入することはないですね。

btnc

要素に関しては、ソースを見たり、Firebug等で要素のID、classを調べてセレクタ指定してあげればいいだけです。

wp_add_inline_style()を使って埋め込む

フォーラムで言われていましたwp_add_inline_style()という関数は非常に便利です。
しかし、load-styles.phpを介して連結されているcssに関しては正常に動作してくれないバグがあります。

この関数は一つ目のパラメータで指定したcssに、任意のスタイルを追加で埋め込むという動作をしてくれます。

これでwp-admin.cssに#publishing-action input[type=”submit”] {background:red;}という一文を追加します。

最新版では動作確認していませんが、cssファイルがload-styles.phpを介して連結されている場合は動作しません。
どうしても、この関数を使用したい場合はデバッグモードで動かさないとwp_add_inline_style()という関数は動作しませんので。

Add Admin CSSの中身見てみましたが、wp_add_inline_style()関数は使用されていない様なので、セレクタだけしっかり指定してあげれば、という感じだと思います。

About Little

WordPressをいじくり倒して早10年。一人ぼっちでひたすらソースとにらめっこ厨。 有り難いことに、Welcart/WP e-commerce/WooCommerce/EC-Cube等で多数ECサイトを制作させていただいたけど、ふと気付いた、ちゃんと売れるのか。 効果的に売れるようにするためにはどうしたらいいのか。ということでお勉強を兼ねてECサイトも運営中。
2013年2月25日

Related Posts

0 comments found

Comments for: WordPress:「公開」ボタンのデザインのカスタマイズ

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です