WordPress에서 구독 2 버튼 모양을 사용자 정의하는 방법은 무엇입니까?

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

스타일이없는 버튼과 스타일이없는 버튼의 차이점은 끊임없는 버튼에 클래스 = "버튼"의 속성이 없다는 것입니다.

WP에 로그인하고 플러그인을 클릭하고 구독 플러그인의 편집을 클릭하고 입력 유형 = 제출 버튼이 위치한 위치를 찾은 다음 클래스 = "버튼"을 추가 할 수 있어야합니다.

<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에서 Line 949를 변경하십시오.

#submitbox #submit, .button {

Style.css에서 Line 960을 변경하십시오.

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