## 什么是自定义Logo?
使用自定义Logo可以让网站所有者上传他们网站的图片,这些图片可以放在他们网站的顶部。 它可以从您的管理面板中的外观>标题上传。 应该使用add_theme_support()将自定义徽标支持首先添加到您的主题中,然后the_custom_logo在主题中调用。 自定义Logo是可选的,但如果主题作者在其主题中包含Logo,则应使用此功能。
## 向您的主题添加自定义Logo支持
要在主题中使用自定义徽标,请将以下内容添加到您的functions.php文件中:
```
add_theme_support( 'custom-logo' );
```
启用自定义Logo支持时,可以使用数组将参数传递给add_theme_support()函数来配置五个参数:
```
function themename_custom_logo_setup() {
$defaults = array(
'height' => 100,
'width' => 400,
'flex-height' => true,
'flex-width' => true,
'header-text' => array( 'site-title', 'site-description' ),
);
add_theme_support( 'custom-logo', $defaults );
}
add_action( 'after_setup_theme', 'themename_custom_logo_setup' );
```
使用after_setup_theme钩子,以便在主题加载后注册自定义Logo支持。
- height 预期Logo高度(以像素为单位) 自定义Logo还可以使用内置的图像大小,如缩略图,或使用add_image_size()注册自定义大小。
- width 预期Logo宽度(以像素为单位) 自定义Logo还可以使用内置的图像大小,如缩略图,或使用add_image_size()注册自定义大小。
- flex-height 是否允许灵活的高度。
- flex-width 是否允许灵活的宽度。
- header-text 要隐藏的元素的类。 它可以在这里传递一个类名称数组,用于构成标题文本的所有元素,可以由Logo代替。
## 在主题中显示自定义Logo
可以使用the_custom_logo()函数在主题中显示自定义徽标。 但是建议将代码包装在一个function_exists()调用中,以保持与旧版本WordPress的向后兼容性,如下所示:
```
if ( function_exists( 'the_custom_logo' ) ) {
the_custom_logo();
}
```
通常,Logo会添加到主题的header.php文件中,但它也可以在其他地方。
如果要获取当前的标识URL(或使用自己的标记)而不是默认标记,则可以使用以下代码:
```
$custom_logo_id = get_theme_mod( 'custom_logo' );
$logo = wp_get_attachment_image_src( $custom_logo_id , 'full' );
if ( has_custom_logo() ) {
echo '<img src="'. esc_url( $logo[0] ) .'">';
} else {
echo '<h1>'. esc_attr( get_bloginfo( 'name' ) ) .'</h1>';
}
```
## 自定义Logo模板标签
要管理在前端显示自定义Logo,可以使用以下三个模板标签:
- get_custom_logo() - 返回自定义Logo的标记。
- the_custom_logo() - 显示自定义Logo的标记。
- has_custom_logo() - 返回一个布尔值true/false,是否设置了自定义徽标。
- 简介
- 主题开发
- WordPress许可证
- 什么是主题
- 开发环境
- 主题开发示例
- 主题基础
- 模板文件
- 主样式表(style.css)
- 文章类型
- 规划主题文件
- 模板层级
- 模板标签
- 循环
- 主题函数
- 连接主题文件和目录
- 使用CSS和JavaScript
- 条件标签
- 类别,标签和自定义分类
- 模板文件
- 内容模板文件
- 页面模板文件
- 附件模板文件
- 自定义内容类型
- 部分和其他模板文件
- 评论模板
- 分类模板
- 404页面
- 主题功能
- 核心支持的功能
- 管理菜单
- 自定义Headers
- 自定义Logo
- 文章格式
- 置顶文章
- Sidebars
- Widgets
- 导航菜单
- 分页
- 媒体
- Audio
- Images
- Galleries
- Video
- 精选图片和缩略图
- 国际化
- 本地化
- 辅助功能
- 主题选项 – 自定义API
- 定制对象
- 改进用户体验的工具
- 定制JavaScript API
- JavaScript / Underscore.js渲染的自定义控件
- 高级用法
- 主题安全
- 数据消毒/逃避
- 数据验证
- 使用随机数
- 常见漏洞
- 高级主题
- 子主题
- UI最佳实践
- JavaScript最佳做法
- 主题单元测试
- 验证你的主题
- Plugin API Hooks
- 发布你的主题
- 所需的主题文件
- 测试
- 主题评论指南
- 写文档
- 提交你的主题到WordPress.org
- 参考文献
- 模板标签列表
- 条件标签列表
- 编码标准
- HTML编码标准
- CSS编码标准
- JavaScript编码标准
- PHP编码标准
- 插件开发
- 插件开发简介
- 什么是插件
- 插件基础
- 头部要求
- 包括软件许可证
- 启用 / 停用 Hooks
- 卸载方法
- 最佳做法
- 插件安全
- 检查用户功能
- 数据验证
- 保护输入
- 保护输出
- 随机数
- Hooks
- Actions
- Filters
- 自定义Hooks
- 高级主题
- 管理菜单
- 顶级菜单
- 子菜单
- 短代码
- 基本短码
- 封闭短码
- 带参数的短代码
- TinyMCE增强型短码
- 设置
- 设置API
- 使用设置API
- 选项API
- 自定义设置页面
- 元数据
- 管理帖子元数据
- 自定义元数据
- 渲染元数据
- 自定义文章类型
- 注册自定义文章类型
- 使用自定义文章类型
- 分类
- 使用自定义分类
- 在WP 4.2+中使用“split术语”
- 用户
- 创建和管理用户
- 使用用户元数据
- 角色和功能
- HTTP API
- JavaScript
- jQuery
- Ajax
- 服务器端PHP和入队
- Heartbeat API
- 概要
- 计划任务
- 了解WP-Cron计划
- 安排WP-Cron 事件
- 将WP-Cron挂接到系统任务计划程序中
- WP-Cron简单测试
- 国际化
- 本地化
- 如何国际化您的插件
- 国际化安全
- WordPress.org
- 详细插件指南
- 规划您的插件
- 如何使用Subversion
- 插件开发者常见问题
- 开发工具
- Debug Bar 和附加组件
- 辅助插件
- REST API手册
- 资源
- 文章
- 文章修订
- 文章类型
- 文章状态
- 类别
- 标签
- 页面
- 评论
- 分类
- 媒体
- 用户
- 设置
- 使用REST API
- 全局参数
- 分页
- 链接和嵌入
- 发现
- 认证
- 经常问的问题
- 骨干JavaScript客户端
- 客户端库
- 扩展REST API
- 添加自定义端点
- 自定义内容类型
- 修改回应
- 模式
- 词汇表
- 路由和端点
- 控制器类