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

Question

我是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";

还有一些按钮可以正确地固定here：右下角，“提交评论”按钮，即“按钮”类：

生成“提交评论”按钮的代码是：

<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的类：

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

您需要将这些值更改/添加到适合您的内容。您可以找到有关css at w3schools的更多信息。您可能希望查看背景，文本，字体和框模型。

好吧，这次我明白了！

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

#submitbox #submit, .button {

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

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