1

私はWordPressを初めて使用し、PHPまたはCSSの経験がありません...

ブログでSubscribe2プラグインをiNoveテーマと共に使用したいと考えています。ウィジェットを追加すると、購読/購読解除ボタンが「従来の」方法でレンダリングされ、ページが非常に見苦しくなります (ブログはhttp://www.adlerr.comにあります) 。

代替テキスト

ボタンの外観をカスタマイズするにはどうすればよいですか? 適切な指示が得られれば、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";

そして、ここに適切なスタイルのボタンがあります: 右下、「コメントを送信」ボタン、それはクラス「ボタン」です​​:

代替テキスト

[コメントを送信] ボタンを生成するコードは次のとおりです。

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

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

あなたの助けは大歓迎です、ありがとう。

4

1 に答える 1

1

スタイルなしボタンとスタイル付きボタンの違いは、スタイルなしボタンには class="button" の属性がないことです。

WP にログインし、プラグインをクリックし、Subscribe2 プラグインの編集をクリックして、input type=submit ボタンの場所を見つけて、それらに class="button" を追加できるはずです。

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

編集: css ファイルで、button というクラスを作成します。

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

これらの値を自分に合ったものに変更/追加する必要があります。CSS の詳細については、w3schools を参照してください。おそらく、背景、テキスト、フォント、およびボックス モデルを見たいと思うでしょう。

よし、今度は取れた！

style.css の 949 行目を次のように変更します。

#submitbox #submit, .button {

style.css の 960 行目を次のように変更します。

#submitbox #submit:hover, .button:hover {
于 2009-08-24T07:31:14.693 に答える