WordPressでSubscribe2ボタンの外観をカスタマイズする方法は？

Question

私は一緒にiNoveテーマに、私のブログにSubscribe2プラグインを使用したいよ...

ワードプレスに非常に新しいですし、何のPHPやCSSの経験を持っていません。私は、ウィジェットを追加すると、購読/解除ボタンはページが非常に醜い作る「古典的」な方法、でレンダリングされている（ブログはである：http://www.adlerr.com）

alt text http://i29.tinypic.com/33boh14.jpg

どのように私はの外観をカスタマイズすることができますボタン？ 、右下：私は、私は、適切な指示を取得する場合、いくつかのPHP/CSSを記述する準備ができてよ...

ボタンを出力するコードはここにある：

$this->form = "<form method=\"post\" action=\"\"><p>" . __('Your email:', 'subscribe2') 
. "<input type=\"text\" name=\"email\" value=\"" . __('Enter email address...', 
'subscribe2') . "\" size=\"20\" onfocus=\"if (this.value == '" . __('Enter email  
address...', 'subscribe2') . "') {this.value = '';}\" onblur=\"if (this.value == '')  
{this.value = '" . __('Enter email address...', 'subscribe2') . "';}\" /></p><p><input 
type=\"submit\" class=\"button\" name=\"subscribe\" value=\"" . __('Subscribe', 
'subscribe2') . "\" />&nbsp;<input type=\"submit\" class=\"button\" name=\"unsubscribe\" 
value=\"" . __('Unsubscribe', 'subscribe2') . "\" /></p></form>\r\n"; 

とボタンがあります適切なstying hereそれは、クラス「ボタン」であり、ボタン、「コメントを送信」：

alt text http://i31.tinypic.com/2jwfo9.jpg

コードは、コメント送信ボタンを生成することである：

<input name="submit" type="submit" id="submit" class="button" tabindex="5" 
value="<?php _e('Submit Comment', 'inove'); ?>" /> 

[購読/購読解除]ボタンを[コメントの送信]ボタンのようにするにはどうすればよいですか？

ご協力いただきありがとうございます。

Answer 1

非スタイリング・ボタンとスタイリング・ボタンの違いは、非スタイリング・ボタンにclass = "button"という属性がないことです。

あなたはWPにログインし、プラグインをクリックし、Subscribe2プラグインの編集をクリックして、入力タイプ=送信ボタンがどこにあるのかを見つけて、クラス= "ボタン"を追加する必要があります。

<input type="submit" class="button" value="Subscribe" name="subscribe"/> 
<input type="submit" class="button" value="Unsubscribe" name="unsubscribe"/> 

編集：あなたのCSSファイルで、あなたはボタンと呼ばれるクラスを作成することになるでしょう：

.button { 
    background-color: #e0ffff; 
    color: #ffffff; 
} 

あなたは、これらの値は、あなたに合ったものに追加/変更する必要があります。 css at w3schoolsについてもっと知ることができます。あなたは、おそらく背景、テキスト、フォント、ボックスモデルを見たいでしょう。

申し訳ありませんが、今回は手に入れました。これにはstyle.cssで

変更ライン949：これにはstyle.cssで

#submitbox #submit, .button { 

変更ライン960：

#submitbox #submit:hover, .button:hover {