Title: Customize Submit Button for Gravity Forms
Author: Ollie Murphy
Published: <strong>2015年11月12日</strong>
Last modified: 2015年12月24日

---

プラグインを検索

![](https://ps.w.org/customize-submit-button-for-gravity-forms/assets/banner-772x250.
png?rev=1286048)

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

![](https://s.w.org/plugins/geopattern-icon/customize-submit-button-for-gravity-
forms_fafdfe.svg)

# Customize Submit Button for Gravity Forms

 作者: [Ollie Murphy](https://profiles.wordpress.org/omurphy/)

[ダウンロード](https://downloads.wordpress.org/plugin/customize-submit-button-for-gravity-forms.1.0.0.zip)

 * [詳細](https://ja.wordpress.org/plugins/customize-submit-button-for-gravity-forms/#description)
 * [レビュー](https://ja.wordpress.org/plugins/customize-submit-button-for-gravity-forms/#reviews)
 *  [インストール](https://ja.wordpress.org/plugins/customize-submit-button-for-gravity-forms/#installation)
 * [開発](https://ja.wordpress.org/plugins/customize-submit-button-for-gravity-forms/#developers)

 [サポート](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/)

## 説明

Gravity Forms already lets you customize the Submit Button under its Form Settings
for each form; you can change the button’s text and you can select whether the button
should be an `<input>` or an `<img>` element. However, you can’t add html as part
of the button text and you’re restricted to using either an input or image element
for the button. With this plugin you can choose to use a `<button>` tag element 
instead, which also lets you embed HTML inside it. Moreover, this plugin also lets
you conveniently change the CSS classes of the submit button.

There are plenty of use cases for adding HTML into the submit button text. For instance,
if your button text is multiple words long and you’d like to bold or italicize some
of them by wrapping certain words in strong or em tags.

Likewise, there are many reasons to change the button’s default CSS class. For example,
GravityForms automatically adds the ‘button’ class, but, if you’re using the Twitter
Bootstrap framework, ‘btn’ would actually be more helpful.

**Gravity Forms requires at least: 1.9.12.16**

**Gravity Forms tested up to: 1.9.15.11**
 After activating the plugin, please navigate
to the form settings of the form that you wish to customize. Scroll down to the ‘
form button’ section where, in addition to ‘text’ and ‘image’, you’ll also be given‘
button’ as an input type option. Selecting the ‘button’ option will change the submit
button’s markup to a `<button>` element. You will also be able to embed html in 
the ‘HTML Button Text’ field.

In the same ‘form button’ section under form settings, there’s an input called ‘
Submit Button CSS Classes’. This is where you can change the CSS classes being currently
used by the submit button.

Currently you are only able to customize the submit buttons on a per form basis 
within the form settings and not globally.

#### Please note that Gravity Forms must be installed and activated for the plugin to work.

## スクリーンショット

[⌊Where to edit the form settings⌉⌊Where to edit the form settings⌉[

Where to edit the form settings

[⌊Where to select the button input type, enter HTML in the button text and make 
changes to the button's CSS classes⌉⌊Where to select the button input type, enter
HTML in the button text and make changes to the button's CSS classes⌉[

Where to select the button input type, enter HTML in the button text and make changes
to the button’s CSS classes

## インストール

#### Automatic Installation

Installing this plugin automatically is the easiest option. You can install the 
plugin automatically by going to the plugins section in WordPress and clicking Add
New. Type “WooCommerce Change Product Author” in the search bar and install the 
plugin by clicking the Install Now button.

#### 手動インストール

To manually install the plugin you’ll need to download the plugin to your computer
and upload it to your server via FTP or another method. The plugin needs to be extracted
in the `wp-content/plugins` folder. Once done you should be able to activate it 
as usual.

If you are having trouble, take a look at the [Managing Plugins](https://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation)
section in the WordPress Codex, it has more information on this topic.

## 評価

![](https://secure.gravatar.com/avatar/5913e0c167de0aa0aaa6e0230d2606d4e9a16529eff9bc32d81c45e6d1f864c9?
s=60&d=retro&r=g)

### 󠀁[Simple and perfect](https://wordpress.org/support/topic/simple-and-perfect-221/)󠁿

 [eagerbob](https://profiles.wordpress.org/eagerbob/) 2023年6月16日

Changing the styling of Gravity Forms submit button so that it fits in your theme
is always a struggle. Gravity Forms support is not of much help, while it should
not be difficult at all. In my case, I just needed to change the class-name of the
button. The plugin does exactly this. Problem solved.

![](https://secure.gravatar.com/avatar/1e370161c3056589bca844e05f8ef84dd61ee2b94e3dc69ecdde2a8f13623e29?
s=60&d=retro&r=g)

### 󠀁[Not working](https://wordpress.org/support/topic/not-working-3254/)󠁿

 [hmk14](https://profiles.wordpress.org/hmk14/) 2020年5月9日

Not working anymore.

![](https://secure.gravatar.com/avatar/05569364d569312bceb03d562a7583f0da8a9032fbab8090c258f00f8894f1a6?
s=60&d=retro&r=g)

### 󠀁[Does exactly what I need](https://wordpress.org/support/topic/does-exactly-what-i-need-20/)󠁿

 [Vlass Contreras](https://profiles.wordpress.org/vlass/) 2016年9月3日

I’m able to add classes to submit button independently without using the filter.
Without PHP notices or bugs so far.

 [ 3件のレビューをすべて表示 ](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/)

## 貢献者と開発者

Customize Submit Button for Gravity Forms はオープンソースソフトウェアです。以下
の人々がこのプラグインに貢献しています。

貢献者

 *   [ Ollie Murphy ](https://profiles.wordpress.org/omurphy/)

[“Customize Submit Button for Gravity Forms” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/customize-submit-button-for-gravity-forms)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/customize-submit-button-for-gravity-forms/)
するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/customize-submit-button-for-gravity-forms/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/customize-submit-button-for-gravity-forms/)
を [RSS](https://plugins.trac.wordpress.org/log/customize-submit-button-for-gravity-forms/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 1.0.0

 * 最初のリリース

## メタ

 *  バージョン **1.0.0**
 *  最終更新日 **11年前**
 *  有効インストール数 **600+**
 *  WordPress バージョン ** 4.0またはそれ以降 **
 *  検証済み最新バージョン: **4.4.34**
 *  言語
 * [English (US)](https://wordpress.org/plugins/customize-submit-button-for-gravity-forms/)
 * タグ
 * [button](https://ja.wordpress.org/plugins/tags/button/)[form](https://ja.wordpress.org/plugins/tags/form/)
   [GravityForms](https://ja.wordpress.org/plugins/tags/gravityforms/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/customize-submit-button-for-gravity-forms/advanced/)

## 評価

 5つ星中3.7つ星

 *  [  2 5-星レビュー     ](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/?filter=2)
 *  [  1 1-星レビュー     ](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/#new-post)

[すべてのレビューを見る](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/reviews/)

## 貢献者

 *   [ Ollie Murphy ](https://profiles.wordpress.org/omurphy/)

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/customize-submit-button-for-gravity-forms/)