WordPress 文章按照自定义字段排序
像素鱼丸
11-18
256

在 WordPress 中,如果你想通过代码在文章编辑页添加一个自定义字段 list_order,并在使用 WP_Query 调用文章列表时根据这个字段的值进行排序,可以按照以下步骤操作:


✅ 步骤一:在文章编辑页添加自定义字段(list_order)

你可以使用 add_meta_box() 函数在文章编辑页面中添加一个自定义字段。


// 在 functions.php 或自定义插件中添加
function add_list_order_meta_box() {
    add_meta_box(
        'list_order_meta_box', // ID
        'List Order',          // 标题
        'render_list_order_field', // 回调函数
        'post',                // 后端类型('post', 'page' 等)
        'normal',              // 位置
        'default'              // 优先级
    );
}
add_action('add_meta_boxes', 'add_list_order_meta_box');
function render_list_order_field($post) {
    $value = get_post_meta($post->ID, 'list_order', true);
    wp_nonce_field('list_order_nonce', 'list_order_nonce');
    echo '<label for="list_order">Order:</label>';
    echo '<input type="number" id="list_order" name="list_order" value="' . esc_attr($value) . '" />';
}
function save_list_order_field($post_id) {
    if (!isset($_POST['list_order_nonce']) || !wp_verify_nonce($_POST['list_order_nonce'], 'list_order_nonce')) {
        return;
    }
    if (defined('DOING_AUTOSAVE') && DOING_AUTOSAVE) {
        return;
    }
    if (!current_user_can('edit_post', $post_id)) {
        return;
    }
    if (isset($_POST['list_order'])) {
        update_post_meta($post_id, 'list_order', sanitize_text_field($_POST['list_order']));
    }
}
add_action('save_post', 'save_list_order_field');

✅ 步骤二:使用 WP_Query 按 list_order 排序

在查询文章时,使用 meta_keyorderby 参数来按自定义字段排序。


$args = array(
    'post_type' => 'post', // 可以是 post、page 或其他自定义文章类型
    'posts_per_page' => -1,
    'orderby' => 'meta_value_num', // 使用数字排序
    'meta_key' => 'list_order',
    'order' => 'ASC', // 或 'DESC'
);
$query = new WP_Query($args);
if ($query->have_posts()) {
    while ($query->have_posts()) {
        $query->the_post();
        the_title('<h2>', '</h2>');
        echo '<p>List Order: ' . get_post_meta(get_the_ID(), 'list_order', true) . '</p>';
    }
} else {
    echo 'No posts found.';
}
wp_reset_postdata();

? 注意事项

  • meta_value_num 用于对数值型字段排序(如 list_order)。
  • 如果字段是字符串,使用 meta_value
  • 确保字段已保存,否则可能为空或不参与排序。
  • 如果你使用的是自定义文章类型,请将 'post_type' => 'post' 改为对应的文章类型名称。

✅ 示例:按 list_order 升序排列所有文章


$args = array(
    'post_type' => 'post',
    'posts_per_page' => -1,
    'orderby' => 'meta_value_num',
    'meta_key' => 'list_order',
    'order' => 'ASC'
);
$query = new WP_Query($args);
if ($query->have_posts()) {
    while ($query->have_posts()) {
        $query->the_post();
        echo '<div>' . get_the_title() . ' | Order: ' . get_post_meta(get_the_ID(), 'list_order', true) . '</div>';
    }
}
wp_reset_postdata();

如果你有更多需求,比如支持多个自定义字段排序、分页、筛选等,也可以继续扩展这个逻辑。需要的话我可以帮你进一步实现。

收藏
打赏
WordPress 中 Site Editor(站点编辑器) 和 Customizer(自定义器)的区别
上一篇
HTML元素中 title和alt 属性的区别
下一篇

发表评论

注册不是必须的

像素鱼丸
160 文章
2 评论
4 喜欢
最新文章

VooShop 商城主题

主题简介 Vooshop 是一个简单精美的 WordPress 主题,支持自适应、暗黑模式、多语言等功能,可以用于企业、团体、自由职业者或更广泛的主页。 Vooshop:回归 WooCommerce 的纯粹与极速 零冗余代码,零多余功能。一个完全依赖 WooCommerce 原生能力的轻量级主题。 Vooshop 不做 WooCommerce 做不到的事,我们只负责让它跑得更快。 市面上的主题总试 […]

XZhan 主题

主题简介 XZhan 主题(中文名称:小站主题)是一款 WordPress 企业主题,支持自适应、暗黑模式等功能,可快速构建高质量的企业网站。   主题特色 支持白天与暗黑模式 自适应设计,兼容多种主流浏览器 自定义主色调 LOGO扫光动画 自定义SMTP支持 内置SEO功能 文章支持点赞、分享和海报生成 丰富的小工具 侧边栏粘性滚动 简介的主题设置面板 主题设置可导入和备份 多级子菜单 […]

StarFish 配置框架

一个轻量级的 WordPress 选项框架插件,通过配置化的方式,快速为 WordPress 主题或插件生成后台设置页面。 ✨ 特性 🎯 配置驱动 UI:只需定义数组配置,自动生成完整的表单界面 📱 多页面架构:支持多个独立的设置页面 🎨 丰富的字段类型:包含 15+ 种常用字段类型 🔗 字段依赖系统:实现字段间的联动效果 ✅ 数据验证与清理:自动进行安全清理,防止 XSS 攻击 🚀 零依赖:使用 […]

什么是幽灵按钮

“幽灵按钮”(Ghost Button)是一种常见的网页与移动应用 UI 设计模式,指背景透明(或半透明)、仅通过边框(border)和文字(text)定义的按钮,视觉上“若隐若现”,仿佛“幽灵”一般——因此得名。 核心特征: 无填充色(transparent background) 背景完全透明(或与父容器同色),不遮挡背后内容。 清晰的边框(通常 1–2px 实线) 如 border: 2px […]
生成中...
扫描二维码
扫描二维码
确认购买

您确定要购买此资源吗?

微信扫码支付

请使用微信扫描二维码完成支付

订单号:

等待支付...