Wordpressの有名プラグイン、「コンタクトフォーム7」で送信ボタンを画像に変更したい件

2017年5月15日月曜日

HTMLとか… WEB備忘録 Wordpressとか…

t f B! P L



Wordpressでフォームを利用する際に、便利プラグインの「コンタクトフォーム7」

お使いの方も結構多いのではないでしょうか?

その「コンタクトフォーム7」ですが、デフォルトのままだと送信ボタンが少々寂しく、画像で指定したい方多いのでは?

という事で、今回は送信ボタンの画像化方法のご紹介です。

フォームの設定画面をご確認頂くと、送信ボタンの部分は

[submit “送信”]

という指定の記述が確認できると思います。
これがボタンを表示させている部分ですね。

この記述を削除し、以下に変更します!


これで、指定した画像が送信ボタンとなります。

ちなみに、マウスオーバー効果で画像を変えたい場合は以下の記述です。


これで、マウスオーバー時に画像を変更できます。

これからWebをはじめる人のHTML&CSS、JavaScriptのきほんのきほん

著:たにぐちまこと
参考価格:¥ 2,786
価格:\2,786

このブログを検索

Twitter