自定义表单 wordpress 自定义页面

Question

您能告诉我如何在页面周围添加具有多个字段的单个表单。

是否有可能使用联系表格 7，因为我也想将数据获取到数据库/csv。 CF7 基本的 html 编码窗口不足以在那里做整页。

我也读过，Wordpress 自己的 admin-post.php 也可能以某种方式以自定义页面形式工作。

这是我的意思的示例代码：

 <?php/** * Template Name: Contact fields */ ?> 

  <?php while ( have_posts() ) : the_post(); ?>

      <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

        <div id="form-start">
             <form action="" method="post">

                <div class="item">
                    <p>text</p>
                    <p><label for="field_1">Answer<span></span> <br><input type="text" name="field_1" value=""></label></p>
                </div>
                <div class="item">
                    <p>text</p>
                    <p><label for="field_2">Answer<span></span> <br><input type="text" name="field_2" value=""></label></p>
                </div>
                <div class="item">
                    <p>text</p>
                    <p><label for="field_3">Answer<span></span> <br><input type="text" name="field_3" value=""></label></p>
                </div>

                <div class="last-item">
                    <p>INFORMATION</p>
                    <p><label for="field_4">Name<span></span> <br><input type="text" name="field_4" value=""></label></p>
                    <p><label for="field_5">email<span></span> <br><input type="text" name="field_5" value=""></label></p>
                    <p><label for="field_6">adress<span></span> <br><input type="text" name="field_6" value=""></label></p>
                    <p><input type="submit"></p>
                </div>

            </form>
        </div>


        </div><!-- .entry-content -->

      </article><!-- #post -->

  <?php endwhile; // end of the loop. ?>

</div><!-- #content --></div><!-- #primary --> <?php get_footer(); ?>

谢谢，

Answer 1

CF7 的编辑器仅用于联系表单本身的 html，而不用于整个页面。

所以在 CF7 的编辑器中创建表单。如果您在创建时遇到问题，请先阅读文档：http://contactform7.com/docs/

要显示您的表单，您可以做 2 件事：

1. 将您的简码粘贴到 wordpress 编辑器中。
2. Create a custom template in wordpress 或从当前主题编辑现有模板。只需执行以下操作：<?php do_shortcode(['your-shortcode-here']) ?> 在您想要的位置。