You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何在WordPress仪表盘显示Jet Engine自定义内容类型(CCT)小部件

实现方法

Jet Engine 创建的CCT本质就是WordPress自定义文章类型,你只需要在回调函数里查询对应CCT的提交数据渲染出来就行,完整可用的代码如下:

// Widget Contact Form
add_action( 'wp_dashboard_setup', 'custom_widget_contact_form' );
function custom_widget_contact_form() {
    if ( current_user_can ( 'manage_options' ) ) {
        wp_add_dashboard_widget ( 
            'custom_contact_form_widget', 
            '表单提交记录', 
            'custom_dashboard_contact_form'
        );
    }
}
if ( ! function_exists ( 'custom_dashboard_contact_form' ) ) {
    function custom_dashboard_contact_form() {
        // 这里替换成你自己的Contact form CCT的slug,去Jet Engine的CCT设置里可以查到
        $cct_slug = 'contact-form';
        // 查询最近10条提交记录,可自行调整数量
        $args = array(
            'post_type' => $cct_slug,
            'post_status' => 'publish',
            'posts_per_page' => 10,
            'orderby' => 'date',
            'order' => 'DESC'
        );
        $submissions = new WP_Query( $args );
        if ( $submissions->have_posts() ) {
            echo '<table style="width:100%;border-collapse:collapse;">';
            echo '<thead><tr style="border-bottom:1px solid #ccd0d4;">';
            echo '<th style="text-align:left;padding:8px 0;">标题</th>';
            echo '<th style="text-align:left;padding:8px 0;">提交时间</th>';
            echo '<th style="text-align:left;padding:8px 0;">操作</th>';
            echo '</tr></thead>';
            echo '<tbody>';
            while ( $submissions->have_posts() ) {
                $submissions->the_post();
                echo '<tr style="border-bottom:1px solid #f0f0f1;">';
                echo '<td style="padding:8px 0;">' . get_the_title() . '</td>';
                echo '<td style="padding:8px 0;">' . get_the_date('Y-m-d H:i') . '</td>';
                echo '<td style="padding:8px 0;"><a href="' . get_edit_post_link() . '">查看/编辑</a></td>';
                echo '</tr>';
            }
            echo '</tbody></table>';
            // 加个查看全部的跳转按钮
            echo '<p style="margin-top:12px;"><a href="' . admin_url( 'edit.php?post_type=' . $cct_slug ) . '" class="button">查看全部提交记录</a></p>';
            wp_reset_postdata();
        } else {
            echo '<p>暂无提交记录</p>';
        }
    }
}

注意事项

  • 代码中的$cct_slug的值需要替换为你自己创建的Contact form CCT的实际slug,可在Jet Engine → 内容类型 对应条目的设置中找到
  • 如果你需要展示更多提交字段(比如用户填写的手机号、留言内容等),可以使用get_post_meta( get_the_ID(), '字段名', true )获取对应字段值,字段名可在CCT的自定义字段设置中查看
  • 代码可直接添加到当前使用主题的functions.php文件中,也可以放在自定义代码片段插件里运行

内容的提问来源于stack exchange,提问作者Maramal

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.09.28 12:06:03