كيفية تخصيص ظهور زر الاشتراك في وورد؟

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

الفرق بين الأزرار غير المألوفة والتصميم هو أن الأزرار غير المستخلصة لا تحتوي على سمة من الفئة = "زر".

يجب أن تكون قادرا على تسجيل الدخول إلى WP، انقر فوق الإضافات، انقر فوق "تحرير" على البرنامج المساعد Subscibe2 وابحث عن مكان الإدخال = أزرار "إرسال" وإضافة فئة = "زر" إليهم.

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

ستحتاج إلى تغيير / إضافة هذه القيم إلى شيء يناسبك. يمكنك معرفة المزيد عن CSS في W3Schools.. وبعد ربما تريد أن ننظر إلى الخلفية والنص والخط ونموذج المربع.

حسنا، حصلت عليه هذه المرة!

تغيير الخط 949 في Style.css إلى هذا:

#submitbox #submit, .button {

تغيير خط 960 في Style.css إلى هذا:

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