ベストセラー人気 WordPress テーマTop 30 詳細

KBoardに利用規約に同意フォームを追加する(WordPress)

Last Updated:2021年10月23日| 1のコメント
  • Naver ブログを共有する
  • Naver バンドに共有する
  • Facebook 共有する
  • Twitter 共有する
  • 카카오스토리공유하기

WordPressの掲示板プラグインKBoardを使用して、注文フォームを作成する場合の利用規約に同意フォームを追加する必要があります。 この記事では、KBoard注文フォームで利用規約に同意フォームを追加する方法について説明します。

WordPress KBoardに利用規約同意フォームを追加する

FTPで接続して、そのスキンのフォルダ(例:/ wp-content / plugins / kboard / skin / avatar)内editor.phpを開きます。 そして適切な場所に次のようなコードを追加します。

<div class="kboard-attr-row">
<label class="attr-name">약관 동의</label>
<div class="attr-value"><input type="checkbox" required> (이용 약관에 동의해야 합니다.)</div>
</div>

ここで重要なことは、 必須>のように「required」を追加する必要が規約に同意チェックボックスをオンにせずにフォームを送信しようとすると、エラーが発生します。

KBoard 利用規約

そしてすぐ下に、利用規約をテキストボックスに追加するには、次の形式のコードを追加することができます。


<textarea>이용약관 내용.....</textarea>

style = "width:400px; height:200px;"を追加すると、次のような形が出てきます。

KBoard利用規約フォーム

Texareaを使用したフォームより、ポップアップウィンドウを希望する場合は、ポップアップウィンドウを浮かべるJavascriptやjQueryソースを適用することができます。

上記のjsfiddleページのJavascriptコードを使用すると、次のようにポップアップウィンドウ(ライトボックス)に利用規約の内容を表示することができます。

KBoardポップアップ利用規約ウィンドウ


実際の動作はこのページで確認できます.

追加: 参考までに 次の記事に紹介されたjQueryコードで外部ページ/ URLを呼び出すことができます。

CSSで動作するライトボックス

次のjsfiddleコードを使用すると、javascriptを使用せずにCSSとして機能するライトボックスを実装できます。

参照



1のコメント

コメント

  1. 外部ページ/ URLポップアップソースは、次の文を参照してください: https://www.thewordcracker.com/intermediate/open-an-external-url-in-a-popup-window-in-wordpress/

    応答