重力のフォームをワードプレスのフッターに埋め込む

Question

私は、重力のフォームのために私たちの郵便受けの埋め込みフォームをwww.dynasteam.com（wordpressを使用して）に切り替える必要があり、スイッチを働かせたり、適切にサイズを変更したり、今。私は今のところ郵便配達でそれを残しました。また、重力がフッタにある場合でも、ajaxを動作させる方法はありますか？現在のフッタコードを以下に示している

<?php echo do_shortcode('[gravityform id=3 name=Sign Up for special discounts! 
title=false description=false]'); ?> 

：

</div> <!-- content-wrapper --> 
    <div id="footer-wrapper"> 
    <div id="footer" class="row"> 
     <footer class="small-12 columns"> 
      <div class="small-12 medium-6 columns footer-element footer- 
    logo"> 
       <a class="footer-logo" href="<?php echo esc_url(home_url( 
    '/')); ?>" rel="nofollor"><img src="<?php bloginfo('template_url'); ? 
    >/images/dynasteam-footer-logo.png"></a> 
      </div> 
      <div class="small-12 medium-6 columns footer-element footer- 
form"> 


<!--Mailchimp starts here I think--> 

<div id="email-signup" class="row small-collapse medium-collapse large-collapse"> 
<form action="//dynasteam.us10.list-manage.com/subscribe/post?u=fda34961862c37e48e5a08f9c&amp;id=a53cd757a5" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 

    <div class="form-element form-label small-5 columns"> 
     <p>Let's keep in touch!</p> 
    </div> 
    <div class="form-element form-field small-5 columns"> 
     <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required> 
     <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> 
     <div style="position: absolute; left: -5000px;"><input type="text" name="b_fda34961862c37e48e5a08f9c_a53cd757a5" tabindex="-1" value=""></div> 
    </div> 
    <div class="form-element form-submit small-2 columns"> 
     <input type="submit" value="&nbsp;" name="subscribe" id="mc-email-subscribe" class="button"> 
    </div> 

    </form> 
</div> 

<!--Mailchimp Ends here I think--> 


      </div> 
      <div class="small-12 medium-6 medium-push-6 columns footer-element footer-menu"> 
       <?php 
        wp_nav_menu(array(
         'theme_location' => 'main-menu', 
         'container' => false, 
        )); 
       ?> 

       <p style="clear:both; padding-top:10px;">For More DYNAMIC Solutions Visit <a href="http://DynaTrap.com" target="_blank">DynaTrap.com</a> 
      </div> 
      <div class="small-12 medium-6 medium-pull-6 columns footer-element footer-copyright"> 
       <p><i class="fa fa-copyright"></i><?php echo date("Y"); ?> Dynamic Solutions Worldwide</p> 
      </div> 

    </footer><!-- .site-footer --> 



    <div class="row"> 

    <div class="columns large-12 medium-12"> 
    <?php 
        wp_nav_menu(array(
         'theme_location' => 'footer-menu', 
         'container' => false, 
        )); 
       ?> 

    </div> 

</div> 

重力形態は、以下のPHPコードであります

Answer 1

ショートコードを使用してGravity Forms（GF）を埋め込んでも、CSSフレームワーククラスを使用して同じ方法でフォームのスタイルと構造を作成することはできません。あなたはGFのヘルパークラスを使い始めることができます。特にこの1あなたは、強力なスタートを切った取得する予定です。その後

https://www.gravityhelp.com/documentation/article/css-ready-classes/#horizontal-form-layout

あなたはGFの要素クラスとIDを使用して、ボタンにスタイルを適用する必要があります。

私はこれがあなたのタスクに取り組むための良いスタートを与えることを望みます。