我有一个PHP表单，我想适应WordPress。我经历了一个创建小部件和表单的插件。表单操作转到我创建的名为<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="leftdiv" style="float:left;display:inline-block;height:100px;font-family:Helvetica;font-size:14px;width:300px;border:1px solid red;" contenteditable>
<div>
first text
</div>
<div>
second text
</div>
...
<div>
other texts
</div>
</div>
<div id="rightdiv" style="margin-left:1em;display:inline-block;float:left;width:300px;height:100px;font-family:Helvetica;font-size:14px;border:1px solid red;" contenteditable>
<div>
first text
</div>
<div>
second text
</div>
...
<div>
other texts
</div>
</div>的文件中，但是当我以下面的形式提交时，我收到404错误。
这些文件都位于我的listrak-newsletter-api.php目录中。
独自站在WordPress之外，这很有效。但是自从将其迁移到WordPress后，它变得非常复杂。我曾经有一个简单的HTML页面，其表单具有/wp-content/plugins/listrak-newsletter-api的表单操作，并且效果很好。但是把它带入WordPress似乎让它变得比它应该更难。
现在，我想将它保留为小部件，因为我能够将小部件放在WordPress主题的侧边栏上我想要的位置。它出现的地方以及当我激活它时它是如何出现的很棒。功能只需要工作。
此文件为listrak-newsletter-api.php：
/wp-content/plugins/listrak-newsletter-api/plugin.php此文件为<?php
/**
* Plugin Name: Listrak Newsletter API
* Description: Newsletter integration with Listrak.
* Version: 1.0
*/
// Register and load the widget
function wpb_load_widget()
{
register_widget('wpb_widget');
}
add_action('widgets_init', 'wpb_load_widget');
// Creating the widget
class wpb_widget extends WP_Widget
{
function __construct()
{
parent::__construct(
// Base ID of your widget
'wpb_widget',
// Widget name will appear in UI
__('WPBeginner Widget', 'wpb_widget_domain'),
// Widget description
array(
'description' => __('Sample widget based on WPBeginner Tutorial', 'wpb_widget_domain')
));
}
// Creating widget front-end
public function widget($args, $instance)
{
$title = apply_filters('widget_title', $instance['title']);
// before and after widget arguments are defined by themes
echo $args['before_widget'];
// This is where you run the code and display the output
echo '<div class="block-title"><span>EMAIL NEWSLETTER</span></div>';
echo '<form action="/wp-content/plugins/listrak-newsletter-api.php" method="post">';
echo ' <div class="tnp-field tnp-field-email"><label>Email</label>';
echo ' <input class="email" name="email" required="" type="email"></div>';
echo ' <div class="tnp-field tnp-field-button"><input class="tnp-submit" value="Subscribe now!" type="submit"></div>';
echo '</form>';
echo $args['after_widget'];
}
// Widget Backend
public function form($instance)
{
if (isset($instance['title'])) {
$title = $instance['title'];
} else {
$title = __('New title', 'wpb_widget_domain');
}
// Widget admin form
?>
<p>
<label for="<?php
echo $this->get_field_id('title');
?>"><?php
_e('Title:');
?></label>
<input class="widefat" id="<?php
echo $this->get_field_id('title');
?>" name="<?php
echo $this->get_field_name('title');
?>" type="text" value="<?php
echo esc_attr($title);
?>" />
</p>
<?php
}
// Updating widget replacing old instances with new
public function update($new_instance, $old_instance)
{
$instance = array();
$instance['title'] = (!empty($new_instance['title'])) ? strip_tags($new_instance['title']) : '';
return $instance;
}
} // Class wpb_widget ends here
?>
：
/wp-content/plugins/listrak-newsletter-api/listrak-newsletter-api.php答案 0 :(得分：1)
我不知道你想要保留旧表格的程度，因为如果它是你需要的联系表格，联系表格7或忍者形式的插件可以轻松完成。
尽管如此，如果你想保留你的表单和php逻辑，首先要考虑这种形式是如何工作的：
以下三种情况需要您创建一个子主题，以便在更新主题后不会扫描您的更改。
案例1）提交后，您将在其他页面中结束。
您为将负责处理表单的页面创建一个新模板，然后创建一个新页面并为其分配刚刚创建的模板。
这个模板将让php获取发布的值并存储它们或通过电子邮件发送它们，并将一些输出设置为OK或ERROR。
在页面中，您可以自定义内容部分或执行模板中的所有操作。
2）提交后，请保持同一页面（重新加载）。
在这里，您需要复制主题提供的模板，该模板用于将表单放入子主题的页面，并进行更改以添加表单的处理。
3）保持同一页面并使用ajax处理子目录。
在这里，你必须设置一个wp_ajax_ *处理程序来获取最有可能使用jQuery发送的数据，并在处理程序中处理数据。最后显示从处理程序传递给ajax调用的一些ok或错误消息。
要使其中任何一个工作，您还必须使用wp_enqueue_scripts和wp_enqueue_styles来提供实现所需的css和javascript。