Contact Form 7の送信ボタンを画像にする

2012/10/11

タイトルのまんまです。
送信ボタンを画像にしたかったので簡単にできそうな方法を探してみました。

スポンサードリンク

他にも方法はあるでしょうが、モジュールを配布してる親切なところがあったので使わせていただこうと思います。
簡単なのが一番です。

ITキヲスク | Contact Form 7に画像の送信ボタン(<input type=”image” />)を追加するモジュールを配布します♪

YOUも使っちゃいなよ〜♪的なノリのようなので、使っちゃいますよ。

後は自分用に設定のメモです。

1)上記サイトからモジュールをダウンロードして、「wp-content/plugins/contact-form-7/modules」にファイルをアップロード。
2)管理画面の「Contact Form 7」のところで、画像送信ボタンを選択。
3)必要な項目を入れる。画像パスを忘れずに。(ロールオーバーもいけるのだそうで。あら素敵♪)

【画像パスの例】
通常時→img/btn_submit_off.jpg
ロールオーバー時→btn_submit_on.jpg