Come personalizzare il pulsante Subscribe2 aspetto in WordPress?
-
19-09-2019 - |
Domanda
Sono molto nuovo a WordPress e non hanno PHP o CSS esperienza ...
Mi voglio usare Subscribe2 plug-in nel mio blog, insieme a iNove tema. Quando ho aggiungere il widget, l'Subscribe / pulsanti Cancellati sono resi nel modo "classico", che rende la pagina abbastanza brutto (il blog è all'indirizzo: http://www.adlerr.com )
Come posso personalizzare l'aspetto dei pulsanti? Sono pronto a scrivere un po 'di PHP / CSS se ottengo le istruzioni corrette ...
Il codice di emissione dei pulsanti è qui:
$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";
E ci sono dei pulsanti sarà corretta unsoggiorno qui : fondo a destra, il pulsante "Invia commento", cioè della classe "bottone":
Il codice che genera il pulsante commento Inviare è:
<input name="submit" type="submit" id="submit" class="button" tabindex="5"
value="<?php _e('Submit Comment', 'inove'); ?>" />
Cosa devo fare per rendere l'Iscriviti / Cancellati pulsanti sembrano il pulsante "Invia commento"?
Il vostro aiuto è molto apprezzato, grazie.
Soluzione
La differenza tra i pulsanti senza stile e stile è che i pulsanti senza stile non hanno un attributo della classe di "pulsante" =.
Si dovrebbe essere in grado di accedere a WP, fare clic su plug-in, fare clic su Modifica il plugin Subscribe2 e trovare dove l'input type = pulsanti sono presentare e aggiungere un class = "button" per loro.
<input type="submit" class="button" value="Subscribe" name="subscribe"/>
<input type="submit" class="button" value="Unsubscribe" name="unsubscribe"/>
Modifica Nel file CSS, si vuole creare un pulsante classe chiamata:
.button {
background-color: #e0ffff;
color: #ffffff;
}
È necessario modificare / aggiungere questi valori a qualcosa che fa per voi. Potete trovare maggiori informazioni su css a w3schools . Si avrà probabilmente vuole guardare sfondo, testo, font, e il modello di dialogo.
Va bene, ho capito questa volta!
Cambia la linea 949 in style.css a questo:
#submitbox #submit, .button {
Cambia la linea 960 in style.css a questo:
#submitbox #submit:hover, .button:hover {