[WordPress] ポップアップで動的なフォームを設定する方法

スポンサーリンク

質問

私はコードは以下の通りダイナミックなフォームがある:

<form accept-charset="UTF-8" action="https://vd263.infusionsoft.com/app/form/process/60dfa9fa31db677b87c9061c53d0925b" class="infusion-form" method="POST">
    <input name="inf_form_xid" type="hidden" value="60dfa9fa31db677b87c9061c53d0925b" />
    <input name="inf_form_name" type="hidden" value="Sign up for newsletter" />
    <input name="infusionsoft_version" type="hidden" value="1.44.0.47" />
    <div class="infusion-field">
        <label for="inf_field_FirstName">First Name *</label>
        <input class="infusion-field-input-container" id="inf_field_FirstName" name="inf_field_FirstName" type="text" />
    </div>
    <div class="infusion-field">
        <label for="inf_field_Email">Email *</label>
        <input class="infusion-field-input-container" id="inf_field_Email" name="inf_field_Email" type="text" />
    </div>
    <div class="infusion-submit">
        <input type="submit" value="Submit" />
    </div>
</form>
<script type="text/javascript" src="https://vd263.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=d611bf89e5e09e0678e6bf94789f54a0"></script>

ワードプレスでポップアップ表示したいが、問題は、彼らが私が忍者ポップアップおよびポップアップ Builder を使用して javascript をサポートしていません。私はこれをサポートしている任意のプラグインをお勧めしてくださいまたは自分のポップアップを作成するだろうがあります

答え

ワードプレスはルーチンが組み込まれて、エンキュー javascript と css のような何かを挿入することをお勧めしますので、下記テーマの function.php に

function ninja_popup_add_extra_css_and_js() {

    wp_register_script('extra_javascript', "https://vd263.infusionsoft.com/app/webTracking/getTrackingCode?trackingId=d611bf89e5e09e0678e6bf94789f54a0" ,null,  TRUE);  //change  null  to  array('jquery') if the javascript depends upon jquery
    wp_enqueue_script('extra_javascript');

    wp_register_style( 'extra_css', get_template_directory_uri() . '/css/my_extra.css', array(), '1', 'all' );
    wp_enqueue_style( 'extra_css' );    
}

add_action('wp_enqueue_scripts', 'ninja_popup_add_extra_css_and_js');

注プラグインは、必要な css かテーマの css フォルダーに保存およびそれに my_extra.css を呼び出すまたは外部 web ページからの css の読み込みに合うように上記のコードを変更追加することを確認する必要があります

http://stackoverflow.com/questions/32094938/how-to-set-dynamic-form-on-popup

スポンサーリンク

Leave a Reply