wordpres如何在首页加自定义模块代码

最新推荐文章于 2025-10-05 10:05:09 发布

原创最新推荐文章于 2025-10-05 10:05:09 发布 · 401 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#wordpress

1、先确定主题文件路径
2、示例一个自定义代码加到wordpress首页中
3、找到主题路径 wp-content\themes\twentytwentyfive\patterns ，下创建一个custom-test

<?php
/**
 * Title: custom-test
 * Slug: twentytwentyfive/custom-test
 * Description: Hidden heading for the home page and index template.
 * Inserter: no
 *
 * @package WordPress
 * @subpackage Twenty_Twenty_Five
 * @since Twenty Twenty-Five 1.0
 */

?>
//这个位置可以写一些PHP函数代码调用。
<div class="">test</div>

//表单数据发送
  $.ajax({
    // url:'https://quotes.furnaceprices.ca/forms/save_response',  //原始
    url: '/wp-content/themes/twentytwentyfive/api/form-handler.php',
    dataType:'json',
    data:values,
    type:'POST',

4、调用代码，找到首页路径 \wp-content\themes\twentytwentyfive\templates\home.html

<!-- wp:template-part {"slug":"header"} /-->




<!-- wp:group {"tagName":"main","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"}}},"layout":{"type":"constrained"}} -->
<main class="wp-block-group" style="margin-top:var(--wp--preset--spacing--60)">

//刚刚新建的PHP文件，进行引用 ，   wp:template-part  跟 wp:pattern  是有区别的，特别注意。内容区域就用 wp:pattern
//  wp:template-part  需要到 主题下得 function 进行注册模板
<!-- wp:pattern {"slug":"twentytwentyfive/custom-test"} /-->



	<!-- wp:pattern {"slug":"twentytwentyfive/hidden-blog-heading"} /-->
	<!-- wp:pattern {"slug":"twentytwentyfive/template-query-loop"} /-->
</main>
<!-- /wp:group -->

<!-- wp:template-part {"slug":"footer"} /-->

5、如果要自定义接收数据， \wp-content\themes\twentytwentyfive\api \form.php ，在主题下创建一个API文件夹，再创建一个PHP文件接收数据

<?php
// WordPress 加载环境，确保能用 WP 的数据库方法
// 使用绝对路径
// require_once(DIR_PATH . '/wp-load.php'); //本地失败

// 使用绝对路径
require_once('D:/php/phpstudy_pro/WWW/wordpress-test/wp-load.php');

// 确认请求方法
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    global $wpdb;

    // 获取并格式化数据
    $data = [
        'qa1' => isset($_POST['qa1']) ? sanitize_text_field($_POST['qa1']) : '1',
        'qa2' => isset($_POST['qa2']) ? sanitize_text_field($_POST['qa2']) : '2',
        'email' => isset($_POST['email']) ? sanitize_email($_POST['email']) : '12323@qq.com',
        'name' => isset($_POST['name']) ? sanitize_text_field($_POST['name']) : 'test'
    ];

    // 数据表名（带前缀）
    $table_name = 'custom-form';

    // 插入数据
    $insert = $wpdb->insert(
        $table_name,
        $data,
        [
            '%s', // qa1 字段文本
            '%s', // qa2 字段文本
            '%s', // email 字段文本
            '%s'  // name 字段文本
        ]
    );

    // 返回结果
    if ($insert) {
        echo json_encode(['status' => 'success', 'message' => 'Data inserted successfully']);
    } else {
        echo json_encode(['status' => 'error', 'message' => 'Failed to insert data']);
    }
} else {
    echo json_encode(['status' => 'error', 'message' => 'Invalid request']);
}
?>