*

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

   

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

スポンサードリンク

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

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

 -Web, wordpress

Sponsored link

Sponsored link

  関連記事

no image

ドラえもん素敵っす

素直にすごいなぁ〜と思いました。 画像を一切使わずにCSS3だけでドラえもんを描いてみた! CSS3かぁ。。やっとかない

img_checkbox

checkedセレクタを使用したタップしやすいチェックボックス

スマホサイトで見るフォームを作る際、どうやったらタップしやすいチェックボックスになるのか試してて作ってみました。

no image

ただいま使ってるwordpressのプラグイン

ただいま使ってるwordpressのプラグイン。 しばらく使ってないと使い方を忘れる。。 ・Akismet:スパム対策

no image

CSS3の@font-face指定

@font-face指定で、Webfontを使用してみる。 1)サーバーの任意の場所にフォントデータ(.eotと.ttf

no image

WordPress カテゴリとかアーカイブページにも改行を反映

こまごまメモです。 管理画面>外観>テーマ編集 のテンプレートから編集。 編集するテンプレートは、テーマによって違うので

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*

共働きの30代女性。
福岡でWebに携わってます。
主に自分用の細かいメモを書いてます。
細かい内容が多いですが、他の方にも役立つなら幸いです。

確定拠出年金、退職したときに行う手続き(継続するor掛金停止する)

私、昨年から確定拠出年金をしております。 会社には確定拠出年金の制度がなかったので、「個人型年金」の加入者として掛金の拠

実は先月で退職しました

だいぶブログさぼっておりましたが、実は先月末で会社を退職しました。 別にこの歳になって、自主退職したわけじゃないのです。

mail
Thunderbirdのアドオン「QuickText」のテンプレが消えた?時の対処法

後で調べたら、QuickTextで割とよく見られる問題?のようですが、私は今回初めての体験だったので焦りました。 私の場

  • ブログランキング・にほんブログ村へ