説明
について wpforms_wp_footer_end
ページロードの最後にトリガーされるアクション ただし WPFormsで作成されたフォームがページ上に見つかり、他のすべてのスクリプトがロードされたとき。
パラメータ
このアクションはパラメーターを受け付けない。
詳細情報
このアクションはページロードの最後に実行されるが、特に wpforms_wp_footer_end
アクションを実行すると、そのページにWPFormsで作成されたフォームがあり、他のすべてのスクリプトがロードされている場合にのみ起動します。
これは、ページにカスタムJavaScriptやカスタムCSSがあるが、ページにWPFormsがない場合にそのコードを実行させたくない場合に特に便利です。
ソース
wpforms/src/Frontend/Frontend.php
例
この例はスニペット・リファレンス(以下のリンク)から引用したもので、Javascriptと wpforms_wp_footer_end
アクションを使うことで、複数ページのフォームでスクロールアニメーションを無効にすることができます。
/** * Change the captcha theme for the Google Checkbox v2 reCAPTCHA * * @link https://wpforms.com/developers/how-to-change-the-captcha-theme-on-google-checkbox-v2-recaptcha/ */ function wpf_dev_change_captcha_theme( ) { ?> <script type="text/javascript"> jQuery(function($){ $( '.g-recaptcha' ).attr( 'data-theme', 'dark' ); }); </script> <?php } add_action( 'wpforms_wp_footer_end', 'wpf_dev_change_captcha_theme', 30 );
参考記事
- 日付ピッカーで日付範囲または複数の日付を許可する方法
- 送信ボタンを条件付きで表示する方法
- 日時フィールドのタイムピッカーをカスタマイズする方法
- 数値フィールドで許可される範囲を制限する方法
- ユーザー入力を防ぐためにフォームフィールドを無効にする方法
- Google Checkbox v2 reCAPTCHAのCaptchaテーマを変更する方法
- テキストフィールドの文字数を制限する方法
- 最小文字数の設定方法
- Enterキーでフォームを送信しないようにする方法
- リダイレクトを新しいウィンドウで開く方法
- 日付ピッカーで年数を制限する方法
- フォームフィールドから特殊文字を制限する方法
- フィールド検証のスクロール効果を無効にする方法
- アンカーリンクからフォームフィールドに入力する方法
- 改ページのトランジションにアニメーション効果を追加する方法
- フォーム・フィールドの入力を大文字にする方法
- チェックボックスの選択肢の最小数を設定する方法
- 電話番号を制限する方法
- 日付ピッカー・ポップアップの位置を変更する方法
- 空の投票結果を隠す方法
- GDPRでスマートフォンのフィールドにデフォルトフラグを設定する方法
- スマートフォンのフォームフィールドで国を制限する方法
- フォームページのリンク方法 フォームロゴ
- 会話型フォームのロゴのリンク方法
- フォーム送信時に新しいリンクを開く方法
- フォームにオートフォーカスを追加する方法
- フォームフィールドの下に総単語数を表示する方法
- 日付選択フォームフィールドにデフォルトの日付を設定する方法
- タイムピッカーで過去の時間を無効にする方法
- 同じフォームにフィールドを事前入力する方法
- フォームフィールド内のスペースキーを無効にする方法
- パスワード表示切り替えボタンの追加方法
- フォームにカラーピッカーを追加する方法
- 自動的に次のページに移動する方法
- フォームロッカーのパスワードを大文字小文字を区別しないようにする方法
- フォーム内でのコピー&ペーストを防ぐ方法
- 条件付き評価フォームの作り方
- 日付ピッカーで条件ロジックを使用する方法
- 住所のオートコンプリートを特定の国に制限する方法
- レイアウトフィールドを表示または非表示にする方法レイアウトフィールドを表示または非表示にする方法
- フィールド選択でフォームを自動的に送信する方法
- レイアウト・フィールド内のタブ・オーダーを変更する方法
- クーポンの条件ロジックの作り方
- クーポン・フィールドにプレースホルダーを追加する方法
- 免責事項を読んだ後にチェックボックスを有効にする方法
- ナンバースライダーのカスタマイズ方法
- 確認メッセージに紅葉を添える方法
- 支払いフォームのラベルをカスタマイズする方法
- 送信ボタンをパスワードで保護する方法
- 確認メッセージに雪が降るアニメーションを追加する方法
- 確認メッセージに紙吹雪のアニメーションを追加する方法