注册metabox
直接在主题或插件的function.js
文件中使用 add_meta_box 方法即可。
::: warning
编辑主题或插件的 function.js 文件后,需要重启nvPress服务才可以生效
:::
例如在“文章”中新建一个选项式的metabox:
add_meta_box({
post_types: ['article'],
meta_box_slug: "box-select-sample",
content: {
title: '选项式metabox示例',
defaultExpanded: true,
items: [{
label: "选择文章要显示的样式", type: "Select", meta_key: "article_style",
config: {
options: [
{label:"样式1", value:1},
{label:"样式1", value:2},
]
}
}]
}
})
在上面的例子中:添加了一个名叫“box-select-sample”的metabox,这个名称是唯一不能与其他重复的。
在metabox中,添加了一个Select编辑模块,有两个选项(Select以及选项的设置详见naive-ui)。并且将选择的结果(1/2)存储在了文章的article_style元数据中。
一个metabox不止可以添加一个编辑模块,就如同content.items是Array一样,还可以继续添加别的数据。例如在上面的例子中继续添加一个文本编辑器:
add_meta_box({
post_types: ['article'],
meta_box_slug: "box-select-sample",
content: {
title: '选项式metabox示例',
defaultExpanded: true,
items: [{
label: "选择文章要显示的样式", type: "Select", meta_key: "article_style",
config: {
options: [
{label:"样式1", value:1},
{label:"样式1", value:2},
]
}
},{
label: "这是一个文本编辑器", type: "Input", meta_key: "sample_input",
}]
}
})
具体能用哪些编辑模块,以及编辑模块的配置,详见 naive-ui