Как настроить внешний вид кнопки Subscribe2 в WordPress?

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

И есть кнопки, которые будут правильно отображаться здесь : справа внизу, кнопка «Отправить комментарий», то есть кнопка «класса»:

Код, генерирующий кнопку Отправить комментарий:

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

Что нужно сделать, чтобы кнопки «Подписаться / Отписаться» выглядели как кнопка «Отправить комментарий»?

Ваша помощь очень ценится, спасибо.

Answer 1

Разница между неустановленными и стилизованными кнопками в том, что у неустановленных кнопок нет атрибута class = "button".

Вы должны иметь возможность войти в WP, щелкнуть плагины, щелкнуть по редактированию в плагине Subscribe2 и найти, где находятся кнопки ввода 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 . Возможно, вы захотите взглянуть на фон, текст, шрифт и блочную модель.

Хорошо, я понял на этот раз!

Измените строку 949 в style.css на эту:

#submitbox #submit, .button {

Измените строку 960 в style.css на эту:

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