如何自定義WordPress中的Subscribe2按鈕外觀？

Question

我很新的WordPress的，並沒有PHP或CSS的經驗...

我想用Subscribe2插件在我的博客，連同iNove主題。當我添加的窗口小部件，在訂閱/退訂按鈕，在「經典」的方式，這使得頁面相當難看（博客是在：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插件上的編輯，並找到輸入類型=提交按鈕的位置，並向它們添加class =「button」。

<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本：

#submitbox #submit, .button { 

更改行960 style.css文件中的這個：

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