自定义页眉

自定义页眉(Header)允许站点所有者将自己的“页眉”图像上传到其站点,该图像可以放置在某些页面的顶部。用户可以通过管理面板的“外观”>“页眉”部分中的可视编辑器来自定义和裁剪这些内容。您也可以在页眉下方或上方放置文本。为了支持流畅的布局和响应式设计,这些页眉也可以是灵活的。可以在主题中使用get_custom_header()调用页眉,但是必须首先使用 add_theme_support()将页眉添加到您的functions.php文件中。自定义页眉是可选的。

要设置带有文本的基本、灵活、自定义页眉,您应包含以下代码:

使用

什么是自定义页眉?

在主题中启用自定义页眉后,用户可以使用WordPress主题自定义程序更改其页眉图像。这为用户提供了对其网站外观的更多控制和灵活性。

为主题添加自定义页眉支持

要在主题中启用自定义页眉,请在您的主题的 functions.php 文件添加以下内容:

灵活页眉标题

如果数组中不包含flex-height或flex-width,则height和width将为固定大小。如果包括flex-height和flex-width,则将高度和宽度用作建议的尺寸。

页眉文本

默认情况下,用户可以选择是否在图像上显示页眉文本。没有选项可以将页眉文本强制显示在用户网站上,但是如果要完全删除页眉文本,可以在参数中将'header-text'设置为'false'。这将删除页眉文本和用于切换页眉的选项。

示例

设置自定义页眉图片

用户首次安装主题时,您可以包括一个默认页眉,该页眉将在他们选择自己的页眉之前被选择。这使用户可以更快地设置您的主题并使用您的默认图像,直到他们准备上传自己的图片为止。

设置默认的页眉图片宽度980px和高度60px:

不要忘记调用register_default_headers()注册默认图像。在此示例中,sunset.jpg是默认图像,并且flower.jpg是Customizer中的替代选择。

在管理屏幕中,单击外观>页眉以在Customizer中显示“页眉图像”菜单。请注意,在add_theme_support()中指定的宽度和高度将显示为建议的大小,并flower.jpg显示为可选选项。

使用灵活页眉

默认情况下,用户将必须裁剪其上传的所有图像以适合您指定的宽度和高度。但是,您可以通过将'flex-width'和'flex-height'指定为true,让用户上传任何高度和宽度的图像。用户上传新图片时,这将允许用户跳过裁剪步骤。

设置灵活的页眉:

将header.php文件更新为:

显示自定义页眉

要显示自定义页眉,使用函数get_header_image()检索页眉图像。get_custom_header()获取自定义页眉数据。

例如,下面显示了如何使用自定义页眉图像显示主题中的页眉。下面的代码添加到header.php文件。

向后兼容

WordPress 3.4及更高版本支持自定义页眉。如果您希望主题支持早于3.4的WordPress网站,则可以使用以下代码代替add_theme_support( 'custom-header');

参考函数

这篇文章对您有用吗?

php页眉,自定义页眉相关推荐

  1. html设置excel打开新窗口,怎么在excel的大页面上设置第几页第几页的

    excel总是显示很大字"第几页第几页"怎么去掉 打开excel表格,可以在页面显示中看到有浅灰色的"第1页"."第3页"字样. 点击页面上 ...

  2. jodconverter水印java,OpenOffice实现Office转Pdf(支持自定义添加水印、页眉、页脚)

    java OpenOffice officetopdf 最近项目需要实现下载Office文档时自动转成PDF文档,以下代码支持2003及2007版的Word,PPT,Excel转换,并支持自定义添加水 ...

  3. [html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚?

    [html] 打印页面时怎样自定义打印页眉页脚或者去掉眉页脚? <style type="text/css" media="print"> @pag ...

  4. Python使用Reportlab处理PDF数据 - 自定义页眉和页脚

    有许多文档和报告要求您在首页或每页上都有页眉. 例如,如果您要为律师或法官生成报告,那么几乎可以肯定,所有页面上都需要合伙人信息. 在大多数医疗机构或医院中生成报告时也是如此. 他们的固定器必须以某种 ...

  5. js 页面打印,兼容单个打印和分页批量打印,自定义页眉和简单页脚

    场景: 最近在公司做开发,有个需求需要页面打印功能,作为前端半桶水都不到,只会改页面的我,一脸懵逼,公司里也没人系统的做过,按照惯例,本着有事找度娘的心态(我一直认为我们现在遇到的70%-80%的问题 ...

  6. Latex之自定义页眉页脚

    定义页眉页脚要用到 \pagestyle{empty} 其中latex内置了四种: empty 没有页眉和页脚 plain 没有页眉,页脚中部放置页码. headings 没有页脚,页眉包含章节的标题 ...

  7. web端生成pdf,前端生成pdf导出并自定义页眉页脚

    web前端生成pdf文档 描述 解决办法 技术栈 逻辑 直接上代码,后边再唠叨,注释写的还算清晰吧 用到的方法 模拟数据 最终版截图扔这儿一个 开始唠叨 需求 梳理 决定 缺点 描述 前端导出pdf文 ...

  8. vi新建一个shell脚本_如何在Vim中为Shell脚本创建自定义页眉模板

    在本文中,我们将向您展示一个简单的方法来为Vim编辑器中所有新创建的bash脚本配置一个自定义标题. 这意味着每次使用vi / vim编辑器打开一个新的.sh文件时,自定义标题将自动添加到文件中. 如 ...

  9. 【办公-excel】同一个Excel文件中同步自定义页眉页脚

    一.问题描述 excel表格在打印设置里如何让自定义页眉永久保留 如何保存自定义的页眉页脚呢? 如何保存自定义的页眉页脚到默认的下拉框 Excel 页眉页脚的下拉菜单如果添加和删除? 比如现在下拉菜单 ...

最新文章

  1. react 从使用 看定义
  2. 《防患未然:实施情报先导的信息安全方法与实践》——3.3 攻击剖析
  3. C# CAD对象 构造时应把它的父对象也加进它的属性里
  4. 前端小纠结--集成gitflow和standard-version使用
  5. 【数据挖掘笔记八】分类:基本概念
  6. 与其他Javascript类库冲突解决方案
  7. ~~约数个数(附模板题)
  8. 中国基座污水泵市场趋势报告、技术动态创新及市场预测
  9. thinkphp路由配置 php7.0,Thinkphp url路由配置
  10. java xml编译_IDEA将Maven项目中指定文件夹下的xml等文件编译进classes的方法
  11. 【POJ1804】Brainman 【求逆序数】
  12. ESP8266 简单研究 ESP8285 研究
  13. lcx端口转发及远程终端问题
  14. Round 2—算法的复杂度
  15. Oracle项目管理平台的多层级组织架构设置方法
  16. 最好的都在这里了 2016上半年电影豆瓣口碑排行榜
  17. html中splice向数组添加元素,js中splice()的强大(删除,插入或替换数组的元素)
  18. 扩展ACL ---王贝的学习笔记
  19. 配置高档游戏型计算机,2021年游戏台式电脑配置推荐
  20. 最新无刷电机绕线机提升优化绕线速度

热门文章

  1. 游戏评测HTML5网站模板是一款适合游戏视频 游戏评测 游戏介绍网站模板。
  2. qcustomplot 峰值_QT 本程序可读取Yokogawa 光谱仪多个数据文件(CSV格式)并寻峰 - 下载 - 搜珍网...
  3. 手机连接电脑热点 显示 连接超时,已解决
  4. h5 /web 手机端 实现保存图片 到本地相册 uni-app
  5. Maven中settings文件详解
  6. 快递100快递实时快递查询接口API案例代码
  7. 倒谱基音周期matlab,Matlab基于倒谱和EMD的语音基音周期的提取.doc
  8. 视频画面添加图片,这个方法分享给你
  9. 2022年建筑电工(建筑特殊工种)考试技巧及建筑电工(建筑特殊工种)复审模拟考试
  10. 你知道吗?重逢是为了下次更好的相遇