WordPress 如何为媒体添加自定义字段

WordPress 中,我们可以很轻松的使用插件或者写代码为文章或页面添加自定义字段。可能是因为使用的场景不多,支持为媒体添加自定义字段的插件和教程确很少。

在这篇文章中,我们一起来看一下怎么为 WordPress 媒体添加自定义字段。实现代码其实很简单,也完全没必要用插件来实现。最终实现的效果如下图所见。

WordPress 如何为媒体添加自定义字段

首先,为媒体添加自定义字段表单

在下面的代码中,我们使用 attachment_fields_to_edit Hook 为媒体添加了一个 video_url 表单。

add_filter('attachment_fields_to_edit', 'add_video_url_field_to_media_uploader', 10, 2);
 
function add_video_url_field_to_media_uploader($form_fields, $post)
    {
        $form_fields[ 'video_url' ] = [
            'label' => __('Video URL', 'woocommerce'),
            'input' => 'text',
            'value' => get_post_meta($post->ID, '_video_url', true),
            'helps' => __('Enter the URL of the product video if this image represents a video.', 'woocommerce'),
        ];
 
        return $form_fields;
    }

保存数据到媒体字段中

然后,我们使用 attachment_fields_to_save Hook,在保存媒体数据的时候,顺便把前端提交过来的自定义字段的值保存在媒体自定义字段中即可。

add_filter('attachment_fields_to_save', 'save_video_url_field_to_media_uploader', 10, 2);
 
function save_video_url_field_to_media_uploader($post, $attachment)
    {
        if (isset($attachment[ 'video_url' ])) {
            update_post_meta($post[ 'ID' ], '_video_url', esc_url_raw($attachment[ 'video_url' ]));
        }
 
        return $post;
    }

如此,我们就实现了为 WordPress 媒体添加自定义字段的功能。需要注意的是,上面代码中的$post,不是指的每一篇文章,而是保存着媒体数据的「媒体自定义文章类型」。

添加保存了自定义字段之后,具体怎么使用,我们根据业务需求去调用这个媒体字段,然后做判断和显示即可。除了媒体自定义字段,本站之前的文章 以编程方式获取附件 Alt 文本、标题、描述和名称 中,还介绍了怎么获取媒体的其他数据,有需要的朋友可以参考。

(0)
去看你博客的头像去看你博客管理组
上一篇 2024-07-05 下午3:41
下一篇 2024-09-30 下午6:06

相关文章

  • 利用短代码给WordPress文章内创建图文内链

    文章的内部链在搜索引擎优化链接建设中一直非常重要,良好的内部链结构对搜索引擎优化非常有利。当您在当前文章页面的站点中调用其他文章或页面时,主动向页面添加内部链可以大大提高抓取蜘蛛的数量和深度,并增加收录的数量。 内部链接的常见形式是带有结构的文本链接。然而,为了增强用户体验,我们可以丰富内部链接页面或文章。经常在网上阅读文章时,你可能经常会发现文章中插入了缩…

  • WordPress怎么做多条件选择

    我们使用WordPress建站时,也可自己制作这样的多条件选择功能。通过结合分类目录与TAG标签,可以实现多条件选择功能。

  • 给知更鸟主题首页加上日期和问候语

    简单几行代码给知更鸟主题首页加上日期和问候语,具体修改位置请根据自己主题进行调整。

  • WordPress如何自定义网页鼠标样式

    在浏览别人的博客中我们有时会发现别人的博客网页内鼠标指针非常的漂亮,那么我们要如何去修改自己网页内鼠标的样式呢?其实非常的简单,下面我将介绍两种方法来实现鼠标样式的修改。 方法一:通过CSS修改网页鼠标样式 通过百度搜索你喜欢的鼠标指针,这里需要保存两款鼠标指针样式(一个是鼠标普通状态下的样子,还有一个鼠标放在链接上时的样子),将文件传入你的网站目录中!将下…

  • wordpress知更鸟主题首页阅读全文按钮美化

    今天折腾了一下知更鸟主题首页的阅读全文按钮,其实也就是改了一下按钮CSS样式,本站首页的“阅读全文”按钮就是美化后的效果,再放一张图片给你们看看吧: 当鼠标滑到文章区块时,按钮高光就像拉帘一样拉开。代码需要修改原主题内的按钮属性和值,所以你们在修改的时候切记要备份!备份!备份!(重要的事情说三遍) 1.打开主题中的style.css文件后搜索.entry-m…

  • wordpress知更鸟主题添加显示访客UA信息

    在写这篇文章之前,我先申明一下,这篇文章的最终版权属于张戈博客所有,我只是在他的代码基础上做了一些修改。 贴上张戈博客关于这篇技术文章的原帖:http://zhangge.net/4960.html 在看这篇文章之前我有必要的提醒一下各位,本篇文章的所有代码全部是基于begin主题所修改的,如果不是这个主题请不要对号入座,可以适当的进行一些修改之后再用! 1…

    2019-03-19
kiqi