首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在自定义贴子类型的自定义metabox的WordPress中添加滤镜?

在自定义贴子类型的自定义metabox的WordPress中添加滤镜,可以通过以下步骤实现:

  1. 首先,在你的主题或插件的functions.php文件中添加以下代码,用于注册自定义贴子类型和metabox:
代码语言:php
复制
// 注册自定义贴子类型
function custom_post_type() {
    $args = array(
        'public' => true,
        'label'  => 'Custom Post Type',
        // 添加其他参数
    );
    register_post_type( 'custom_post', $args );
}
add_action( 'init', 'custom_post_type' );

// 添加metabox
function custom_metabox() {
    add_meta_box( 'custom_metabox', 'Custom Metabox', 'custom_metabox_callback', 'custom_post', 'normal', 'high' );
}
add_action( 'add_meta_boxes', 'custom_metabox' );

// metabox回调函数
function custom_metabox_callback( $post ) {
    // 添加metabox内容
}
  1. 在metabox回调函数中,可以添加滤镜字段。例如,你可以添加一个选择框字段来选择滤镜类型:
代码语言:php
复制
function custom_metabox_callback( $post ) {
    $selected_filter = get_post_meta( $post->ID, 'selected_filter', true );
    ?>
    <label for="selected_filter">选择滤镜:</label>
    <select name="selected_filter" id="selected_filter">
        <option value="filter1" <?php selected( $selected_filter, 'filter1' ); ?>>滤镜1</option>
        <option value="filter2" <?php selected( $selected_filter, 'filter2' ); ?>>滤镜2</option>
        <option value="filter3" <?php selected( $selected_filter, 'filter3' ); ?>>滤镜3</option>
    </select>
    <?php
}
  1. 保存滤镜字段的值。在保存贴子时,将滤镜字段的值保存到数据库中:
代码语言:php
复制
function save_custom_metabox( $post_id ) {
    if ( isset( $_POST['selected_filter'] ) ) {
        update_post_meta( $post_id, 'selected_filter', sanitize_text_field( $_POST['selected_filter'] ) );
    }
}
add_action( 'save_post', 'save_custom_metabox' );
  1. 最后,你可以在模板文件中使用滤镜字段的值来应用相应的滤镜效果。根据滤镜字段的值,可以使用不同的函数或类来实现滤镜效果。

这样,你就可以在自定义贴子类型的自定义metabox的WordPress中添加滤镜了。

注意:以上代码仅为示例,你需要根据实际需求进行修改和完善。另外,腾讯云相关产品和产品介绍链接地址请参考腾讯云官方文档或官方网站。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

何在keras添加自己优化器(adam等)

\Anaconda3\envs\tensorflow-gpu\Lib\site-packages\tensorflow\python\keras 3、找到keras目录下optimizers.py文件并添加自己优化器...找到optimizers.pyadam等优化器类并在后面添加自己优化器类 以本文来说,我在第718行添加如下代码 @tf_export('keras.optimizers.adamsss') class...super(Adamsss, self).get_config() return dict(list(base_config.items()) + list(config.items())) 然后修改之后优化器调用类添加我自己优化器...# 传入优化器名称: 默认参数将被采用 model.compile(loss=’mean_squared_error’, optimizer=’sgd’) 以上这篇如何在keras添加自己优化器...(adam等)就是小编分享给大家全部内容了,希望能给大家一个参考。

44.9K30

何在 wordpress 网站添加搜索框

前端刷题(面经大全)网站:点击跳转到网站 博主前些天发现了一个巨牛巨好用刷题网站,忍不住分享一下给大家,点击跳转到网站 如果你主题不提供在你 WordPress 网站包含搜索框功能,请按照以下步骤了解如何做到这一点...转到添加新插件部分并搜索 Ivory Search (by Ivory Search)。 单击立即安装,然后激活它们。 一个新象牙搜索选项卡出现在左侧仪表板上。...同样,你还可以探索 Customize、AJAX 和 Options 部分来自定义搜索栏。...当你在 Ivory Search 表单工作时,将鼠标悬停到 Settings 选项(在 Ivory Search 下仪表板左侧面板上),以设置搜索框位置。这可以在页眉或页脚或水平菜单等。...菜单搜索部分可用选项是特定于主题。 在“Settings”部分,你可以设置搜索框外观。

3.7K31

wordpress自定义类型文章新增自定义字段方法-文曦博客

wordpress强大之处在于有很强自定义性,使得插件、主题开发变得及其便利。就拿我们今天要说自定义文章添加自定义字段来说,就很便捷。         ...比如我们要录入一个客户信息到wordpress,那么需要字段可不仅仅是什么标题、内容、摘要这么简单了,我们可能需要录入客户性别、姓名、电话、邮件等等。...又比如产品,需要额外产品价格、产品大小等属性,那么就需要给文章类型添加Meta Box,通俗点理解就是自定义字段表单,下面我们以添加产品价格为例进行说明。         ...',//回调函数         'product',//所添加文章类型         'side',         'low'     );} 2、创建回调函数product_director_meta_box...> 5、把Meta Box添加把后台所有产品列表字段显示,通过manage_$post_type_posts_custom_column实现。

90630

史上最详细WordPress自定义文章类型指南(1)

对于 WordPress 普通用户来说,最方便就是在主题文件夹functions.php 写代码进行各种自定义,执行各种 WordPress 函数,当然也可以在这里注册新文章类型。...会在管理工具条添加一个新建该文章类型文章链接 'show_in_admin_bar' => true, // bool (默认为 'show_in_menu'...这是因为在WordPress启用了URL规则重写(rewrite)功能,会自动把和Post相关动态URL改写为伪静态URL,这也会影响到自定义Post Type。...WordPress还会自动再加回来。 不管用哪种方式,再次打开刚才文章链接就不会404了。可以愉快自定义文章类型下面发布文章了。...但是如果你想对其进一步自定义的话,WordPress并没有在后台提供自定义文章类型固定链接设置,上文提到Settings中找到Permalink Settings这种设置方式只对自带Post有效,

4.2K20

自定义属性包装类型添加类 @Published 能力

,但适用于 NSUbiquitousKeyValueStore ),来展示如何为其他自定义属性包装类型添加可访问包裹其类实例属性或方法能力。...本文中为其他属性包装类型添加类似 @Published 能力是指 —— 无需显式设置,属性包装类型便可访问包裹其类实例属性或方法。...在有关 Property Wrappers 文档,对于如何在属性包装类型引用包裹其类实例是有特别提及 —— Referencing the enclosing 'self' in a wrapper...propertyWrapper 来自定义属性包装类型。...与 掌握 Result builders[6] 一文中介绍 @resultBuilder 类似,编译器在最终编译前,首先会对用户自定义属性包装类型代码进行转译。

3.2K20

riscv gcc添加自定义csr支持

riscv gcc添加自定义csr支持 1.概述 2.不改变编译工具链实现CSR添加 3.在编译器中集成CSR名称 4.编译开发riscv gcc相关 5.小结 1.概述 由于RISCV模块化指令集定义...从当前看来,除了标准CSR外,很多都实现了自己CSR指令扩展。如何自定义CSR并且让编译器能够识别,本文将进行一定分析,同时从riscv gcc开发角度出发,来分析编译器开发流程。...由于编号为0x307CSR没有标准定义,所以会直接会体现在汇编函数。...为了简化这种操作,可以将CSR名称添加到gcc。这里借用玄铁C906上扩展指令进行实验。 如果不想改变gcc,那么实现上直接可以通过内联汇编。...同时将MXSTATUS地址添加进去。

1.7K20

在Vue给通过this.$refs引用自定义控件添加类型声明

0x00 hello world 最近在一个新项目中,尝试了vue2+typescript组合,又又又碰到一个问题:定义了一个自定义控件Foo.vue,在控件定义一个方法Bar(),使用自定义控件时候...,添加ref='foo'并且希望通过使用this....$refs.foo.Bar()调用方法,当然是可以成功调用,但是在TypeScript,他会报错。...0x03 总结 总结下来就是: 在JavaScript,一个东西(函数?类型?)...类型有两种,一种是他本来类型,一种是实例化之后实例类型,这两个类型有可能是不一样; Vue类型和Vue实例化类型不是同一个类型,Vue类型是VueConstructor类型,实例化后类型

2.8K00

一文说透WordPress自定义文章类型

因为从本质上讲,它们都是WordPress业务数据库里同一个数据表wp_posts 数据,数据结构都是一样,不同Post Type之间区别就是在post_type这个字段。见下图: ?...不管哪种类型内容,基本在WordPress中都是可以实现。 只要遇到了一些信息你觉得可能用默认文章或者页面的形式不好展现,那么可能你就需要用到自定义文章类型了。...比如你有了一个自定义类型是电影,这时候用文章分类可能就不适用了,需要添加自定义分类法,比如奇幻、恐怖、爱情、动作等等。 为什么要使用自定义文章类型?...在WordPress可以针对自定义文章类型使用专门页面展示显示形式,自由设置不同于默认文章显示样式,以便突出显示这类内容,聚焦优质内容。 更好过滤结果。...WordPress自身并没有在后台提供一种可视化界面来创建自定义文章类型,但是有很多插件也可以实现可视化创建。

1.8K00

WordPress 技巧:如何修改自定义日志类型固定链接

如果你使用过 WordPress 自定义日志类型(Custom Post Type)的话,一定发现自定义类型日志固定链接(Permalink)是不受制于后台 > 设置 > 固定链接为 Post 置顶链接格式...,强制设置为 /custom_post_type/post_name/,如果我们要把自定义日志类型固定链接修改为 /custom_post_type/post_name/ ,如何设置呢?...假设你已经创建了一个 book 自定义日志类型,将其固定链接设置为:/book/post_id/,在当前主题 functions.php 文件添加如下代码: add_filter('post_type_link...post_type=book&p=$matches[1]', 'top' ); } 添加好之后,这个固定链接是不会立刻生效,需要到 后台 > 设置 > 固定链接 点击下保存按钮,刷新 WordPress... Rewrite 缓存。

64430

WordPress添加自定义评论表情包方法(附三套表情包下载)

如果你知道的话,WordPress默认评论表情是非常丑陋。难听点,如果一个不错主题调用WordPress默认表情包,那么这就成了这个主题败笔。...Jeff 看过许多WordPress中文主题一些自定义评论表情,总共也就不过这几套,而且调用代码几乎都是一样。...调用方法: 一、挑选 在三款主题包中选择你喜欢一款,将所在文件夹重名为smilies ,然后放到你目前使用主题images文件夹(应该都有这个吧?)...> 相应位置在这里是很难指明啦,具体主题不同位置不同,看个人认知能力啦~ 三、自定义表情路径 将下面的代码加入主题functions.php文件(具体怎么加你懂啦) //自定义表情路径 function...图文无关,纯属娱乐 本来也想在DeveWork.com目前使用主题上添加这个功能,不过22个gif小图片增加了太多了http请求数,对于这款标榜轻量级主题不合适。

1.8K100

友盟分享添加自定义分享按钮

之前项目的分享用到是友盟第三方分享,但分享只有分享到几个平台功能,:分享到微信、QQ、新浪微博,并没有复制分享链接这样自定义功能。...我又看了友盟开发文档,说实话本人并没有找到我想要,后来还是通过百度,看其他人博客才知道如何添加自定义分享按钮(当然这肯定也在友盟文档,但文档内容太多,我没找到,也懒得找,不如在百度中有针对性地找...下面是一些核心代码: // 一下方法是在分享列表添加一个自定义按钮 UMSocialSnsPlatform *snsPlatform = [[UMSocialSnsPlatform alloc..."; NSLog(@"点击复制链接按钮...");         [SVProgressHUD showSuccessWithStatus:@"复制链接成功"];     }; // 添加自定义平台...UMShareToSina,UMShareToSms,UMShareToWechatSession, UMShareToWechatTimeline,@"CustomPlatform"]]; // 注意:在监听自定义按钮点击事件执行自定义按钮点击操作

1.7K40

何在Integer类型ArrayList同时添加String、Character、Boolean等类型数据?

先来看看面试官描述: “如何在Integer类型ArrayList同时添加String、Character、Boolean等类型数据呢?” 看到这里,你是不是想到下面的代码?...在程序,通常不会自定义该类异常,而是直接使用系统提供异常类。 看完了Java异常体系,我们知道上面代码出现异常为编译时异常,是必须要处理,否则无法通过编译阶段,更不要谈运行了。...>... parameterTypes) Method methodName:表示被获取方法名字parameterTypes:表示被获取方法参数Class类型 String.class 表示获取指定一个本类方法...3、调用getMethod()方法获取指定Method。 4、调用invoke()方法将不同数据类型数据添加到list集合。...Test.addObjectToList(list, o); //向list添加Boolean类型数据 Boolean boolean1=true;

2K20

在 Visual Studio Code 添加自定义代码片段

无论是那个编辑器,如果能够添加一些自定义代码片段,能够大大提升代码输入效率。 本文介绍如何在 Visual Studio Code 添加自定义代码片段。...在前面那个比较复杂博客代码片段,{1:在此处添加标题} 就是一个占位符,而 {0:在此处编辑 blog.walterlv.com 博客摘要} 就是光标的最终停留点。...当前文档完全路径 -CLIPBOARD - 剪贴板内容 -CURRENT_YEAR - 年 -CURRENT_YEAR_SHORT - 两位数字显示年 -CURRENT_MONTH - 月,...- 星期英文名称, Monday -CURRENT_DAY_NAME_SHORT - 星期英文缩写, Mon -CURRENT_HOUR - 24 小时制时 -CURRENT_MINUTE...这个时间我之前也在输入法调过:常用输入法快速输入自定义格式时间和日期(搜狗/QQ/微软拼音)。

74530

何在CentOS自定义Nginx服务器名称

介绍 本教程可帮助您自定义主机上服务器名称。通常,出于安全考虑,各公司会修改服务器名称。自定义nginx服务器名称需要修改源代码。...查找服务器版本 curl -I http://example.com/ HTTP/1.1 200 OK Server: nginx/1.5.6 # <-- this is the version of...char ngx_http_server_full_string[] = "Server: the-ocean" CRLF; 使用新选项重新编译Nginx 您需要按照本指南查看配置选项或从命令行历史记录搜索...make make install 停止在配置显示服务器版本 vi +19 /etc/nginx/nginx.conf 在http配置文件下添加该行。如果您有https配置文件,也请添加该行。...GMT Connection: keep-alive ETag: "51f18c6e-264" Accept-Ranges: bytes 如果您对Nginx感兴趣,腾讯云实验室提供搭建Nginx静态网站相关教程和

2.2K20

面试官:如何在Integer类型ArrayList同时添加String、Character、Boolean等类型数据?

1、问题描述 “如何在 Integer 类型 ArrayList 同时添加 String、Character、Boolean 等类型数据?” 你是不是想到下面的代码?...在程序,通常不会自定义该类异常,而是直接使用系统提供异常类。 看完了Java异常体系,我们知道上面代码出现异常为编译时异常,是必须要处理,否则无法通过编译阶段,更不要谈运行了。...>... parameterTypes) Method methodName:表示被获取方法名字parameterTypes:表示被获取方法参数Class类型 String.class 表示获取指定一个本类方法...调用 getMethod() 方法获取指定 Method。 调用 invoke() 方法将不同数据类型数据添加到 list 集合。...Test.addObjectToList(list, o); //向list添加Boolean类型数据 Boolean boolean1=true;

1.8K20
领券