[WordPress教程] WordPress Theme wp_customize 的使用 -静鱼客栈

2021-09-29 0 678

wp_customize是WordPress外观自定义的功能开发,需要学习wp_customize的使用,能方便的主题使用者的使用下面就直接贴代码吧,方便以后使用!


//自定义logo
function puma_customize_register( $wp_customize ) {
    $wp_customize->add_section('header_logo',array(
        'title'     => '博主头像',
        'priority'  => 50
    ) );
    $wp_customize->add_setting( 'header_logo_image', array(
        'default'   => '',
        "transport" => "postMessage",
        'type'      => 'option'
    ) );
    $wp_customize->add_control( new WP_Customize_Image_Control( $wp_customize, 'header_logo_image', array(
         'label'     => '博主头像',
         'section'   => 'header_logo'
    ) ) );
}
add_action( 'customize_register', 'puma_customize_register' );
//自定义博主描述
function ms_customize_register( $wp_customize ) {
    $wp_customize->add_section('header_bzms',array(
        'title'     => '博主描述',
        'priority'  => 50
    ) );
    $wp_customize->add_setting( 'header_bzms', array(
        'default'   => '',
        "transport" => "postMessage",
        'type'      => 'option'
    ) );
    $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'header_bzms', array(
         'label'     => '逼格首页的描述文字',
         'section'   => 'header_bzms'
    ) ) );
}
add_action( 'customize_register', 'ms_customize_register' );
//自定义地址
function dz_customize_register( $wp_customize ) {
    $wp_customize->add_section('header_dzzb',array(
        'title'     => '地址坐标',
        'priority'  => 50
    ) );
    $wp_customize->add_setting( 'header_dzzb', array(
        'default'   => '',
        "transport" => "postMessage",
        'type'      => 'option'
    ) );
    $wp_customize->add_control( new WP_Customize_Control( $wp_customize, 'header_dzzb', array(
         'label'     => '逼格首页的地址坐标',
         'section'   => 'header_dzzb'
    ) ) );
}
add_action( 'customize_register', 'dz_customize_register' );

//调用就简单了,直接
<?php echo get_option('header_bzms'); ?>

下面对wp_customize做个延伸科普:
WordPress默认的Section

title_tagline – Site Title & Tagline (网站标题和描述)
colors – Colors(颜色)
header_image – Header Image (顶部图片)
background_image – Background Image (背景图片)
nav – Navigation (导航菜单)
static_front_page – Static Front Page (静态首页)

Controller Class

WP_Customize_Control() – 创建一个允许用户输入纯文本的控制器,也是下面要介绍的class的parent class
WP_Customize_Color_Control() – 创建一个允许用户从色轮中选择颜色的颜色选择器
WP_Customize_Upload_Control() – 创建允许用户上传媒体文件的控制器
WP_Customize_Image_Control() – 创建上传图片或从媒体库中选择图片的控制器
WP_Customize_Background_Image_Control() – 创建背景图片选择器
WP_Customize_Header_Image_Control() – 创建顶部背景图片选择器

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝/QQ扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!305582964@qq.com
2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有U点奖励和额外收入!

静鱼客栈 学习中心 [WordPress教程] WordPress Theme wp_customize 的使用 -静鱼客栈 https://www.52jyu.cn/9540.html

静鱼客栈的帅逼站长~

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP贵宾介绍。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器没有下载完整造成的,可以重新进行下载即可~
查看详情

相关文章

发表评论
暂无评论
静鱼客栈-站长

为您解决烦忧 - 专业服务 看到消息会进行回复