「公開」ボタンのデザインのカスタマイズをしたい

[waterfull]

ワードプレスの投稿画面で、「公開」というボタンがありますが、
このボタンのデザインを変更したいと考えています。

具体的には、色やフォントを変更したいと考えています。
しかし、元々存在しているファイルを見ても、デザインを変更できるわけではなく、
また、add admin cssを使っても色やフォントを変えることが出来ませんでした。

「公開」ボタンのデザインを変更できる方法がありましたら、教えてください。
よろしくお願いします。

[nobita]

こんにちは

以下のコードを、テーマのfunctions.phpにコピペしてみてください

<?php
wp_add_inline_style('wp-admin','#publishing-action input[type="submit"] {background:red;}');
?>

[waterfull]

ご回答ありがとうございます。

nobitaさんのコードをコピペしてみましたが、特に変化が見られませんでした。

[Kumeda]

こんにちは

そういったプラグインもありますが、テーマのfunction.phpに以下のコードを入れてみて下さい。

function custom_publish_btn() {
echo '<style type="text/css">
#publishing-action input[type="submit"] {background:red;}
</style>';
}

add_action('admin_head', 'custom_publish_btn');

#publishing-action input[type=”submit”]が『公開』ボタンを指すので、
その部分のcssを設定出来ます。

『更新』ボタンは多分違うかと。。

[nobita]

waterfullさん

すみません、動かなかったとの事でしたが、よろしければ教えてください。

wp_add_inline_style()という関数は、WordPress3.3から入った関数なんですが、この関数を実行すると、管理パネルのwp-admin.cssの後方に、以下のように埋め込みスタイルが挿入されるのですが、ソースでは、この<style type="text/css">.....</style>は、うめこまれていますか？、埋め込まれていませんか？

新しい関数なので、一応3.5でテストして、うまくいったので書いたのですが、挙動を知りたいので、よろしくお願いします。

<link rel='stylesheet' id='wp-admin-css'  href='http://127.0.0.1/wp/wp-admin/css/wp-admin.css?ver=3.5' type='text/css' media='all' />
<style type='text/css'>
#publishing-action input[type="submit"] {background:red;}
</style>

[Kumeda]

nobitaさん

wp_add_inline_style()関数はload-styles.phpを介して連結されている場合、
うまく動かないっぽいので。。

wp-configファイルでSCRIPT_DEBUGをtrueにすることで動くみたいですが。

[waterfull]

nobitaさん
<style type=”text/css”>…..</style>は埋め込まれていませんでした。

Kumedaさんのコードでは、「公開」ボタンのデザインが変更されていました。
ちなみに、「更新」もデザインが変更されていました。

追加的に質問をしたいのですが、
下書きの自動保存の時に「公開」ボタンが以前のデザインに戻る、ということが起きました。

これは仕方ないことなのでしょうか？

[nobita]

Kumedaさん　ありがとうございます。

http://core.trac.wordpress.org/ticket/20836

define('CONCATENATE_SCRIPTS', true );

としても、バグを再現できなかったので、なんだろなー　って思っていたんですが

おかげさまで、理解する事が出来ました。

デバッグモードで、ファイルの読み込みが違うという事なんですね

waterfullさん

Kumedaさんの、キラーパスで、コードが失敗する理由が、私にもやっとわかりました。

WordPressのバグの影響で、動作しなかったみたいです。

このスクリプトを現状で動作させるには、wp-config.phpで

define('CONCATENATE_SCRIPTS', false );

/** Sets up WordPress vars and included files. */
require_once(ABSPATH . 'wp-settings.php');

にする必要があるみたいでした。

お手数をおかけして申し訳ありませんでした。

[Kumeda]

waterfullさん

下書き保存の際はボタンにbutton-primary-disabledというclassが付き、
Wordpressのコアファイルbuttons.cssで
background: #298cba !important;
という設定になっていますね。

その為、下書き保存の際のスタイルまで変更したい場合は、この部分まで指定しなければいけません。

.wp-core-ui #publishing-action .button-primary-disabled {background:red !important;}

こんな感じでしょうか。
相変わらず検証してませんが。。

多分
#publishing-action input[type="submit"] {background:red !important;}
これでもいけます。

nobitaさん

キラーパスだなんて、とんでもないです。
いつも拝見しております。
今後ともよろしくお願いします！