이 플러그인은 최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다. 워드프레스의 좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 있을 수 있습니다.

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 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.

Manual Installation

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 section in the WordPress Codex, it has more information on this topic.

후기

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.
모든 3 평가 읽기

기여자 & 개발자

“Customize Submit Button for Gravity Forms”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

자국어로 “Customize Submit Button for Gravity Forms”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록RSS로 구독하세요.

변경이력

1.0.0

  • 초기 릴리즈