您现在的位置是:首页 > cms教程 > WordPress教程WordPress教程
WordPress添加Meta Box的方法教程
符彬政2025-03-28WordPress教程已有人查阅
导读需要使用到add meta boxes Action,该Action允许我们为任何文章类型注册Meta Box,在该Action中,我们需要使用add_meta_box()方法来添加Meta Box的相关信息。代码如下
需要使用到add meta boxes Action,该Action允许我们为任何文章类型注册Meta Box,在该Action中,我们需要使用add_meta_box()方法来添加Meta Box的相关信息。代码如下
接下来看看是如何渲染的
之后,当文章被保存时,需要将推荐指数也保存起来
至此,我们就完成了对推荐指数自定义字段的改装,可以很方便的选择文章的推荐指数。
等等。。。
细心的朋友可能发现了,在应用了上面三段代码后,的确可以实现功能。但是,在默认的自定义栏目区域下,是可以看到,有一个名为“rating”的栏目,这就是我们刚刚选择的推荐指数。如果想让他不在自定义栏目下,显示,可以将上述代码中的$rating_key改为以下划线开头,这样,WordPress就不会显示出来了。注意有两个地方要改。
function add_rating_meta_box($post_type, $post) {
// 需要哪些post type添加推荐指数 Meta Box
$types = array( 'post', 'page' );
foreach ( $types as $type ) {
add_meta_box(
'rating_meta_box_id', // Meta Box在前台页面中的id,可通过JS获取到该Meta Box
'推荐指数', // 显示的标题
'render_rating_meta_box', // 回调方法,用于输出Meta Box的HTML代码
$type, // 在哪个post type页面添加
'side', // 在哪显示该Meta Box
'default' // 优先级
);
}
}
add_action( 'add_meta_boxes', 'add_rating_meta_box' );
这里我们在$types数组中定义了Post和Page都需要推荐指数这个自定义字段,然后告诉WordPress使用“render_rating_meta_box”方法来渲染Meta Box,位置在侧边栏(side)。因为内容不多,所以侧边栏足够,若内容较多,可以将“side”改为“advanced”,这样就会在主内容区域渲染Meta Box。接下来看看是如何渲染的
function render_rating_meta_box( $post ) {
// 添加 nonce 项用于后续的安全检查
wp_nonce_field( 'rating_nonce_action', 'rating_nonce_name' );
// 获取推荐指数的值
$rating_key = 'rating';
$rating_value = get_post_meta( $post->ID, $rating_key, true );
$rating_value = (int)$rating_value;
$html = '<select name="rating_field">';
for ($i = 0; $i <= 10; $i++) {
$selected = '';
if ($i == $rating_value) {
$selected = 'selected="selected"';
}
$html .= sprintf('<option value="%s" %s>%s星</option>', $i, $selected, $i/2);
}
$html .= '</select>';
echo $html;
}
这里先使用wp_nonce_field()添加了一个nonce field,用来做安全检查,然后,读取推荐指数的值,循环1~10来输出可供选择的值,如果和推荐指数相同,则默认选上。通过下拉框,既可以解决输入不方便和无法验证的问题。记住这里下拉框的name属性的值(rating_field),将通过它在下面的代码中获取选择的值。之后,当文章被保存时,需要将推荐指数也保存起来
function save_rating_post_data( $post_id ) {
// 检查nonce是否设置
if (!isset($_POST['rating_nonce_name'])) {
return $post_id;
}
$nonce = $_POST['rating_nonce_name'];
// 验证nonce是否正确
if (!wp_verify_nonce( $nonce, 'rating_nonce_action')) {
return $post_id;
}
// 如果是系统自动保存,则不操作
if ( defined( 'DOING_AUTOSAVE' ) && DOING_AUTOSAVE ) {
return $post_id;
}
// 检查用户权限
if ($_POST['post_type'] == 'post') {
if (!current_user_can('edit_post', $post_id )) {
return $post_id;
}
}
$rating_key = 'rating';
// 获取数据
$rating_value = $_POST['rating_field'];
// 更新数据
update_post_meta( $post_id, $rating_key, $rating_value );
}
add_action( 'save_post', 'save_rating_post_data' );
这里做了一系列检查,包括对刚刚设置的nonce检查,用户权限的检查,排除自动保存的情况。然后使用update_post_meta()方法将数据存入数据库。至此,我们就完成了对推荐指数自定义字段的改装,可以很方便的选择文章的推荐指数。
等等。。。
细心的朋友可能发现了,在应用了上面三段代码后,的确可以实现功能。但是,在默认的自定义栏目区域下,是可以看到,有一个名为“rating”的栏目,这就是我们刚刚选择的推荐指数。如果想让他不在自定义栏目下,显示,可以将上述代码中的$rating_key改为以下划线开头,这样,WordPress就不会显示出来了。注意有两个地方要改。
// 原来的代码
$rating_key = 'rating';
// 改后的代码
$rating_key = '_rating';
本文标签:
很赞哦! ()
相关教程
图文教程
wordpress设置ssl证书的方法
WordPress是目前比较流行的网站系统,由于其简单易用,即使不懂得编程技术,也可以自助建站,这样既节省了成本又节约了时间。
亚马逊云搭建wordPress博客的步骤方法
AWS (Amazon Web Service)是亚马逊提供的云服务。它是当今强大的云平台之一。近几年获得成功的多家网站,比如Pinterest, Foursquare, Airbnb, Spotify,都架设于该平台。AWS即
WordPress显示备案号的方法
备案时,需要显示备案号,而wordpress默认模板本身不带这个信息,为了更快速应付备案,解决方案如下:根据wp-config.php的提示选择菜单->设置->常规-编辑备案号信息
wordpress优缺点分析
最近比较忙,老板安排这个项目安排那个项目还是之前没接触过得东西,今天写一点关于现在手上的项目搭建软件,wordpress以下简称WP。说到WP可能很多新朋友和我一样以前都没有结
相关源码
-
(自适应响应式)英文外贸汽车零配件五金机械网站模板为汽车零部件制造商与五金机械出口企业打造的响应式网站模板,内置多语言切换功能,支持产品参数表、OEM能力展示等外贸场景需求。通过结构化数据展示帮助海外买家快速理解产品规格。查看源码 -
自适应容器设备机械行业通用pbootcms网站模板本模板是一款基于PbootCMS开源内核深度开发,为容器制造、容器设备、压力容器及相关行业量身打造的高品质响应式企业网站模板。查看源码 -
pbootcms网站模板响应式全屏旅游景区网站源码本模板为风景民宿、旅游景区等企业设计,基于PbootCMS内核开发,具备响应式布局与专业SEO优化功能,助力企业低成本高效获客。以下是核心特点:查看源码 -
(PC+WAP)蓝色弹簧针厂家探针充电连接器设备网站源码下载基于PbootCMS开发的响应式模板,为弹簧针、探针连接器等电子元器件企业设计。模板采用工业蓝主色调,突出产品技术特性,支持多维度展示连接器产品的规格参数与应用场景,帮助制造企业建立专业线上展示平台。查看源码 -
(自适应)营销型健身器材产品设备类pbootcms模板网站为健身器材企业打造的营销型网站模板,基于PbootCMS开源内核开发。采用HTML5响应式架构,PC与移动端数据实时同步,适配多终端展示场景。查看源码 -
(自适应)橙色家政服务清洁保洁服务pbootcms网站模板源码下载模板核心价值:基于PbootCMS内核开发的家政服务类网站模板,通过模块化设计展现服务项目、团队风采、服务案例等核心板块,突出时效预约、服务标准化展示等家政行业特性。查看源码
| 分享笔记 (共有 篇笔记) |

