建站教程

建站教程

Products

当前位置:首页 > 建站教程 >

wordpress小程序主题资源,wordpress小程序开发技巧(图文教程)(WordPress文章添加自定义字段面板教程)

GG网络技术分享 2025-03-18 16:13 0


wordpress小程序主题资源,wordpress小程序开发技巧(图文教程)

wordpress小程序,WordPress多端开源小程序,是免费简洁的开源小程序。wordpress小程序可以完成开源文章资源实时同步、视频在线播放、海报生成、分享朋友圈。并且能够通过搜索关键词文章,wordpress小程序的文章点赞/收藏/评论,wordpress小程序没有太复杂的功能,除了简洁还是简洁,除了清新还是清新,重要的是,加载性能好,适用性强。


wordpress小程序搭建的必要条件,一个备案的域名和已经搭建好了的WordPress网站。没有域名和网站的可以参考小编之前说的域名和搭建网站,要注意的是网站必须要备案。wordpress小程序需要网站全站开启ssl访问,开源在宝塔面板或者LNMP一键包都可以很简单的给网站添加ssl,服务器环境安装wordpress小程序需要php版本最低5.6,推荐php7.2,新手可以使用宝塔面板一键安装。


wordpress小程序提供小程序名称,小程序描述,小程序版本号设置以及用户分组,可以创建三个用户组。wordpress小程序提供文章格式设置,文章格式包括:日志(aside), 相册(gallery), 链接(link), 图像(image), 引用(quote), 状态(status), 视频(video), 音频(audio), 聊天(chat)。wordpress小程序的默认缩略图设置,即文章没有图像时,小程序调用设置的默认缩略图作为缩略图。


wordpress小程序可以收到评论回复消息通知,支持用户回复某个评论时,推送消息通知给该条评论的用户,如果开启了评论审核,则通过审核时才发送通知。话题发表时,通过审核发布话题,推送服务消息通知话题创建者。wordpress小程序的滑动图文自定义设置功能,默认采用置顶文章前 5 篇展示。如果开启自定义滑动图文选项,则写文章时,提供选项是否加入滑动图文显示。


wordpress小程序默认文章列表是否输出文章内容选项,默认为输出文章内容,为自定义用户管理列表和自定义评论管理列表功能,展示热门阅读文章/热门点赞文章/热门收藏文章/热门评论文章/随机文章功能,以及对应的列表内容是否显示功能。wordpress小程序可以是否显示文章所有图像地址,可用于文章列表显示多张文章内容插入的图像(仅获取前 9 张图)。wordpress小程序并且可以是否屏蔽古腾堡编辑器选择,包括不常用或不需要使用的 WP REST API 字段。wordpress小程序通过自定义文章类型,创建话题/问答文章类型,类似小论坛功能,提供是否开启小程序话题讨论选择。


wordpress小程序可以是否开启小程序话题发表选择,默认关闭小程序话题发表入口。加入了是否开启文章输出上一篇及下一篇选择,wordpress小程序可以视频地址解析,提供是否开启小程序视频/音频内容选择,采用自定义字段填写视频地址。扩展是否开启清理分类描述 HTML 标签,图片重命名功能开启,清理后台菜单开启选择。提供展示功能扩展,支持官方小程序广告组件(即流量主),小程序跳转,内页广告跳转,网站地址跳转,复制口令内容。


wordpress小程序并且还增加了插件中心,提供小程序辅助插件下载,后台设置导航菜单,可实现随时替换导航内容以及排序。wordpress小程序增加社区互动关注功能,同时还增加积分功能,支持阅读/评论/发表/签到积分功能及积分设置。

WordPress文章添加自定义字段面板教程

今天群里一个朋友找我求助,问wp自学笔记WordPress文章编辑那里如何添加自定义字段面板,这个其实有点复杂,不过还是可以添加的。

只需要给文章类型添加Meta Box,通俗点理解就是自定义字段表单。

下面以添加产品价格为例进行说明。

自定义Meta Box需要用到add_meta_box函数:

add_meta_box( $id, $title, $callback, $post_type, $context,$priority, $callback_args );

参数说明

  • $id:字段id,唯一
  • $title:标题名称
  • $callback:回调函数
  • $post_type:文章类型
  • $context:显示位置
  • $priority:优先级

注册一个 Meta Box 示例

add_action( \\\'add_meta_boxes\\\', \\\'product_director\\\' );function product_director() {    add_meta_box(        \\\'product_director\\\',        \\\'产品价格\\\',        \\\'product_director_meta_box\\\',        \\\'product\\\',        \\\'side\\\',        \\\'low\\\'    );}

创建回调函数

product_director_meta_box

配置参数里面指定了回调函数product_director_meta_box,需要在这个函数里面创建表单:

function product_director_meta_box($post) {    // 创建临时隐藏表单,为了安全    wp_nonce_field( \\\'product_director_meta_box\\\', \\\'product_director_meta_box_nonce\\\' );    // 获取之前存储的值    $value = get_post_meta( $post->ID, \\\'_product_director\\\', true );?>    <label for=\\\"product_director\\\"></label>    <input type=\\\"text\\\" id=\\\"product_director\\\" name=\\\"product_director\\\" value=\\\"<?php echo esc_attr( $value ); ?>\\\" placeholder=\\\"输入产品价格\\\"><?php}

提示:添加上面代码后,新建文章时,在右则就可以看到一个产品价格的输入框。

这时候表单还不能用,因为提交文章之后并没有保存这个 MetaBox 的内容,下面是验证保存内容的代码:

add_action( \\\'save_post\\\', \\\'product_director_save_meta_box\\\' );function product_director_save_meta_box($post_id){    // 安全检查    // 检查是否发送了一次性隐藏表单内容(判断是否为第三者模拟提交)    if ( ! isset( $_POST[\\\'product_director_meta_box_nonce\\\'] ) ) {        return;    }    // 判断隐藏表单的值与之前是否相同    if ( ! wp_verify_nonce( $_POST[\\\'product_director_meta_box_nonce\\\'], \\\'product_director_meta_box\\\' ) ) {        return;    }    // 判断该用户是否有权限    if ( ! current_user_can( \\\'edit_post\\\', $post_id ) ) {        return;    }     // 判断 Meta Box 是否为空    if ( ! isset( $_POST[\\\'product_director\\\'] ) ) {        return;    }     $product_director = sanitize_text_field( $_POST[\\\'product_director\\\'] );    update_post_meta( $post_id, \\\'_product_director\\\', $product_director );

把上面的代码按顺序添加到主题的functions.php文件,至此,Meta Box注册完成,就可以开始添加参数了:

调用代码

<?php if(get_post_meta($post->ID,\\\'_product_director\\\',true)){echo get_post_meta($post->ID,\\\'_product_director\\\',true);}?>

扩展应用

把Meta Box添加把后台所有产品列表字段中显示,通过manage_$post_type_posts_custom_column实现,代码如下:

add_action(\\\"manage_posts_custom_column\\\",  \\\"product_custom_columns\\\");add_filter(\\\"manage_edit-product_columns\\\", \\\"product_edit_columns\\\");function product_custom_columns($column){    global $post;    switch ($column) {        case \\\"product_director\\\":            echo get_post_meta( $post->ID, \\\'_product_director\\\', true );            break;    }}function product_edit_columns($columns){    $columns[\\\'product_director\\\'] = \\\'产品价格\\\';    return $columns;}

在主题functions.php文件中接着上面的代码添加,效果如下:

完整代码

add_action( \\\'add_meta_boxes\\\', \\\'product_director\\\' );function product_director() {    add_meta_box(        \\\'product_director\\\',        \\\'产品价格\\\',        \\\'product_director_meta_box\\\',        \\\'product\\\',        \\\'side\\\',        \\\'low\\\'    );}function product_director_meta_box($post) {    // 创建临时隐藏表单,为了安全    wp_nonce_field( \\\'product_director_meta_box\\\', \\\'product_director_meta_box_nonce\\\' );    // 获取之前存储的值    $value = get_post_meta( $post->ID, \\\'_product_director\\\', true );?>    <label for=\\\"product_director\\\"></label>    <input type=\\\"text\\\" id=\\\"product_director\\\" name=\\\"product_director\\\" value=\\\"<?php echo esc_attr( $value ); ?>\\\" placeholder=\\\"输入产品价格\\\"><?php}add_action( \\\'save_post\\\', \\\'product_director_save_meta_box\\\' );function product_director_save_meta_box($post_id){    if ( ! isset( $_POST[\\\'product_director_meta_box_nonce\\\'] ) ) {        return;    }    if ( ! wp_verify_nonce( $_POST[\\\'product_director_meta_box_nonce\\\'], \\\'product_director_meta_box\\\' ) ) {        return;    }    if ( ! current_user_can( \\\'edit_post\\\', $post_id ) ) {        return;    }    if ( ! isset( $_POST[\\\'product_director\\\'] ) ) {        return;    }    $product_director = sanitize_text_field( $_POST[\\\'product_director\\\'] );    update_post_meta( $post_id, \\\'_product_director\\\', $product_director );}add_action(\\\"manage_posts_custom_column\\\",  \\\"product_custom_columns\\\");add_filter(\\\"manage_edit-product_columns\\\", \\\"product_edit_columns\\\");function product_custom_columns($column){    global $post;    switch ($column) {        case \\\"product_director\\\":            echo get_post_meta( $post->ID, \\\'_product_director\\\', true );            break;    }}function product_edit_columns($columns){    $columns[\\\'product_director\\\'] = \\\'产品价格\\\';    return $columns;}

标签: 小程序

提交需求或反馈

Demand feedback