如何在 WordPress 中自定义 Subscribe2 按钮外观?
-
19-09-2019 - |
题
我对 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') . "\" /> <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'); ?>" />
我应该怎样做才能使订阅/取消订阅按钮看起来像“提交评论”按钮?
非常感谢您的帮助,谢谢。
解决方案
无样式按钮和样式按钮之间的区别在于无样式按钮没有 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 {
不隶属于 StackOverflow