如何在 WordPress 中自定义 Subscribe2 按钮外观？

Question

我对 WordPress 很陌生，没有 PHP 或 CSS 经验......

我想用 订阅2 我的博客中的插件，以及 爱诺夫 主题。当我添加小部件时，订阅/取消订阅按钮以“经典”方式呈现，这使得页面相当丑陋（博客位于： 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'); ?>" />

我应该怎样做才能使订阅/取消订阅按钮看起来像“提交评论”按钮？

非常感谢您的帮助，谢谢。

Answer 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 {
  background-color: #e0ffff;
  color: #ffffff;
}

您需要更改/添加这些值以适合您。您可以了解更多有关 w3schools 的 CSS. 。您可能想要查看背景、文本、字体和盒子模型。

好吧，这次我明白了！

将 style.css 中的第 949 行更改为：

#submitbox #submit, .button {

将 style.css 中的第 960 行更改为：

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