• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

WordPress主题制作中自定义头部的相关PHP函数解析_php技巧

php 搞代码 3年前 (2022-01-26) 30次浏览 已收录 0个评论

header_image()
header_image() 函数是 WordPress 自定顶部图像的标准接口函数,该函数可以自动判断后台设置,并返回字符串形式的用户自定义顶部图像地址。本文主要涉及该函数的详解及使用。

【Display header image path.】 即,显示顶部图像地址。
使用

</p><p>"%20width=""%20height=""%20alt=""%20/><br /></p><p>

函数声明源代码
function%20header_textcolor()%20{%20echo%20get_header_textcolor();}function%20get_header_image()%20{%20$url%20=%20get_theme_mod(%20'header_image',%20get_theme_support(%20'custom-header',%20'default-image'%20)%20);%20%20if%20(%20'remove-header'%20==%20$url%20)%20return%20false;%20%20if%20(%20is_random_header_image()%20)%20$url%20=%20get_random_header_image();%20%20if%20(%20is_ssl()%20)%20$url%20=%20str_replace(%20'http://',%20'https://',%20$url%20);%20else%20$url%20=%20str_replace(%20'https://',%20'http://',%20$url%20);%20%20return%20esc_url_raw(%20$url%20);}

get_custom_header%20自定义顶部
get_custom_header%20函数是%20WordPress%203.4%20送给我们的新礼物,该函数的出现是为了更好的集成和封装顶部的使用,本文主要对%20get_custom_header%20这个函数进行详解、以及如何在%20WordPress%203.4%20版本的主题中集成顶部功能。

请注意,根据本文折腾你的主题时,请确保你的%20WordPress%20已经升级到%203.4版本。

get_custom_header%20意义详解
自定义顶部目前大部分主题主要用到的还只是两个功能%201.自定义顶部图像%202.自定义顶部样式
具体的效果你可以看一下%20默认主题%20twenty%20eleven%20,或者我的另一个博客%20悠悠我心
本函数是%20WP%203.4%20版本后才出现的一个内置函数,主要用于将用户设置的顶部的各项参数以对象(object)的形式返回。
单单说这么句屁话,也许你还不明白,想要明白的话,请往下看。
请注意本函数与get_header()有着本质的区别。

函数使用实例
下面的例子来自于%20默认主题%20twenty%20eleven%20中%20header.php%20文件
PHP%20代码:

//判断是否存在该函数,以便兼容老版本if%20(%20function_exists(%20'get_custom_header'%20)%20)%20{//get_custom_header()->width%20调用带向%20width%20属性$header_image_width%20=%20get_custom_header()->width;//get_custom_header()->height%20调用带向%20height%20属性$header_image_height%20=%20get_custom_header()->height;}%20else%20{//兼容老版本的代码$header_image_width%20=%20HEADER_IMAGE_WIDTH;$header_image_height%20=%20HEADER_IMAGE_HEIGHT;}

综合使用详解
以下主要援引官方文档解释%20自定义顶部

//打开主题自定义顶部支持add_theme_support(%20'custom-header'%20);%20$headarg%20=%20array(//将设置打包成数组%20'default-image'%20%20%20%20%20=>%20'',%20'random-default'%20%20%20%20%20=>%20false,%20'width'%20%20%20%20%20%20%20%20%20=>%200,%20'height'%20%20%20%20%20%20%20%20%20=>%200,%20'flex-height'%20%20%20%20%20%20=>%20false,%20'flex-width'%20%20%20%20%20%20%20=>%20false,%20'default-text-color'%20%20%20=>%20'',%20'header-text'%20%20%20%20%20%20=>%20true,%20'uploads'%20%20%20%20%20%20%20%20=>%20true,%20'wp-head-callback'%20%20%20%20=>%20'',%20'admin-head-callback'%20%20=>%20'',%20'admin-preview-callback'%20=>%20'',);//将数组中的设置添加到自定义顶部上add_theme_support(%20'custom-header',%20$headarg%20);

自定义顶部图像

//打开主题自定义顶部支持add_theme_support(%20'custom-header'%20);%20$headarg%20=%20array(//将设置打包成数组%20'default-image'%20%20%20%20%20=>%20'',%20'random-default'%20%20%20%20%20=>%20false,%20'width'%20%20%20%20%20%20%20%20%20=>%200,%20'height'%20%20%20%20%20%20%20%20%20=>%200,%20'flex-height'%20%20%20%20%20%20=>%20false,%20'flex-width'%20%20%20%20%20%20%20=>%20false,%20'default-text-color'%20%20%20=>%20'',%20'header-text'%20%20%20%20%20%20=>%20true,%20'uploads'%20%20%20%20%20%20%20%20=>%20true,%20'wp-head-callback'%20%20%20%20=>%20'',%20'admin-head-callback'%20%20=>%20'',%20'admin-preview-callback'%20=>%20'',);//将数组中的设置添加到自定义顶部上add_theme_support(%20'custom-header',%20$headarg%20);

自适应顶部图像设置

$args%20=%20array(%20'flex-width'%20%20=>%20true,//自适应高度%20'width'%20%20%20%20%20=>%20980,%20'flex-width'%20%20=>%20true,//自本文来源gaodaimacom搞#^代%!码&网*
搞代gaodaima码

适应宽度%20'height'%20%20%20%20=>%20200,%20'default-image'%20=>%20get_template_directory_uri()%20.%20'/images/header.jpg',);add_theme_support( 'custom-header', $args );

自定义顶部图像的调用

"   height="height; ?>"   width="width; ?>"   alt="" />

搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:WordPress主题制作中自定义头部的相关PHP函数解析_php技巧

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址