Contact Form 7 zählt zu den beliebtesten und meistgenutzten WordPress-Plugins, um ein E-mail-Kontaktformular in auf dem Blog einzubinden. Leider bietet es in der Dashboard-Ansicht keine Möglichkeit, mal eben das Design des Senden-Button anzupassen.
1. Schritt:
Im ersten Schritt, loggt Ihr Euch auf dem WordPress Dashboard ein klickt auf [Design] -> [Editor] und öffnet im Editor die Datei (style.css).
Dort fügt Ihr die folgenden Zeilen
ein und klickt auf den Button [Datei aktualisieren].
Damit habt Ihr eine CSS-Klasse „mein_button_stil“ angelegt, welche dem Senden-Button später den Orangen-Stil geben wird. Ihr könnt die Werte entweder so lassen oder je nach Geschmack anpassen.
Die Optik des eingefügten Code-Snippets lassen wir jetzt mal außen vor. 🙂
2. Schritt:
Jetzt startet Ihr Euer FTP-Programm und navigiert auf der Serverseite (Rechtes-Fenter bei Filezilla) in den Ordner [modules].
Darin befindet sich die Datei submit.php. Ladet diese auf Euren Desktop herunter.
3. Schritt:
Nun öffnet Ihr die submit.php Datei mit einem Texteditor und ersetzt in der folgende Codezeile:
durch diese Codezeile:
Die korrekte Codezeile sieht dann so aus.
Um den Text auf dem Button zu ändern, schreibt Ihr einfach einen anderen Text anstelle von „Dein Text“ zwischen die Gänsefüsschen nach dem value=““.
Jetzt speichert Ihr die Datei ab.
4. Schritt:
An dieser Stelle öffnet Ihr wieder Euer FTP-Programm, verbindet Euch mit dem Server und ersetzt die submit.php durch die von Euch eben bearbeitete und gespeicherte submit.php .
Anstelle des standard *knirrz knirrz* Senden-Buttons in Eurem E-Email-Formular.
Erscheint jetzt dieses schöne Stück!
Da macht das Klicken doch gleich viel mehr Spass. 😉
