Как настроить внешний вид кнопки «Подписаться2» в WordPress?
-
19-09-2019 - |
Вопрос
Я новичок в WordPress и не имею опыта работы с PHP или CSS...
я хочу использовать Подписаться2 плагин в моем блоге вместе с 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') . "\" /> <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, найти, где находятся кнопки типа ввода = «Отправить», и добавить к ним 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 {