如何在WordPress中添加标题?使用 WordPress 定制器或封面块来定制您的标题图像

如何在WordPress中添加标题?使用 WordPress 定制器或封面块来定制您的标题图像

您一定同意我们的观点,没有页眉的网站是不完整的。你知道在 WordPress 中创建页眉有两种不同的选择吗?在本教程中,我们将解释它们的不同之处。

正版标题图片

众所周知,WordPress 的经典页眉用于所有不同的页面。它通常是一个从一边到另一边的宽矩形框。里面有徽标或网站名称、标语和菜单项。您还可以在其中插入一张背景图片,这就是标题图片。标题图片可以吸引访问者的注意力,并创建网站的整体外观和感觉。您可以自行决定是使用低调的标题图片,还是使用能将访问者的注意力集中到网站导航上的主要图片。

WordPress 头部图片
最常用的页眉类型--网站顶部的页眉图片

如何在 WordPress 定制器中编辑页眉

默认情况下,可以通过 WordPress 定制器更改页眉图片。您可以通过 WordPress 管理员和您的网站访问它:

  • 直接从 WP 管理器,只需导航至 外貌 -> 自定义
  • 在前台,如果已登录,点击顶部栏的 "自定义

自定义器包括当前活动主题的所有基本外观设置。因此,如何找到标题图片设置取决于您的活动主题。在 Citadela 主题中,您可以在以下位置添加和编辑页眉图片 定制 -> 外貌 -> 标题背景.

通过自定义添加页眉
通过自定义添加页眉

标题图像设置

无论您选择何种标题图片,都可以根据自己的需要进行配置。使用 "标题图片重复 "可以实现有趣的效果。您可以配置以下选项:

  • 瓷砖
  • 水平瓷砖
  • 垂直瓷砖
  • 无重复(如果您不想重复图像)
启用标题图像重复功能
标题图像的瓷砖效果

WordPress 中的其他设置 - 标题图像大小

编辑标题和调整图像的另一个方法是设置合适的大小。页眉图片大小有以下三个选项:

  • 原创 - 将保持原始图像大小
  • 封面 - 上传的图片将被调整大小,以适应从一边到另一边的尺寸,图片也可以剪裁以适应需要
  • 包含 - 调整页眉图片大小的方式是使整个图片清晰可见
3 种标题图像大小选项
根据标题的尺寸(原始尺寸、封面尺寸和包含尺寸)查看不同标题的外观

您还可以设置图片在页眉中的位置,并设置背景固定。

可用作页眉的封面块

正如我们在本文开头提到的,在 WordPress 编辑器中编辑页眉有几种方法。除了使用自定义编辑器,您还可以使用 WordPress 的核心块之一,即封面块。这有什么区别呢?

使用自定义器创建的经典页眉与整个网站相关,而封面区块则允许您为任何页面或文章添加封面图片,基本上可用作页眉图片。您甚至可以在一个页面或文章中多次使用,并进行不同的设置。

使用封面块的位置

与传统的网站页眉相比,封面块在整个网站中的应用更为广泛。封面块可在内容中添加宽大、全宽的标题图片。您可以用它在视觉上分隔博客文章中的内容。每篇文章都会有自己的标题图片,可以与下面的内容相连。它的一大特点是,你可以在封面块中直接写入文字。文字将显示在图片上方。

将封面图片作为博文标题图片
通过封面块添加标题图片的博文

主页页眉

如果想获得原汁原味的外观,也可以使用封面块来代替网站标题。由于封面块提供了多种对齐方式,你可以将其设置为内容宽度或全宽。全宽标题还可以用作大背景图片。但不要忘记在 Citadela 主题中关闭页面标题。如果您想将封面块用作网站页眉,这一步必不可少。

标题作为全宽背景图像
主页上的全宽标题

如何使用封面块创建页眉

首先,您需要添加封面区块。您可以通过以下方式将其添加到任何页面或帖子中:

点击顶部栏中的 "+"号或内容中任意位置的 "+"号。然后搜索封面区块即可。

点击 "+"添加封面区块
使用 "+"添加封面块

另一种快速方法是在区块名称后使用"/"添加区块。

使用斜线添加封面块
添加斜线并输入封面块,即可在内容区域中添加该块

添加封面区块后,您将获得一个上传图片或视频的空间。您也可以从媒体库中选择图片。选定的图片或视频将用作标题。

标题

使用封面块添加页眉的有趣之处在于,你可以在图片上写上文字标题。该标题也可用作部分的页眉,例如在博客文章中。还可以在其中添加任何 URL。

标题图像中的标题
标题图像中的标题

对齐盖板

封面块可使用块工具栏对齐。它可以在内容区域内向左、向右或居中对齐。它还可以设置为宽幅或全幅。这些选项必须由您用来构建网站的活动主题支持。

盖板对齐
您可以通过多种方式对齐封面块,以实现完美的页眉外观

封面图像设置

封面图片的外观可以在检查器中修改。如果将其设置为固定背景,图片就不会随页面上的其他内容滚动,而是一直保持在原位。

使用焦点选取器,您可以选择在标题中显示图像的哪个部分。您还可以进一步处理图片。例如,您可以设置叠加颜色和背景不透明度。这两项设置都能帮助你对标题进行修饰。如果在博文中使用封面块,使用正确的配色方案和透明度,就能为博文增添所需的氛围。请注意这些设置,因为标题文字需要清晰可见。

设置颜色叠加和不透明度
通过选择适当的颜色叠加,您可以创建醒目的标题

制作视频头

封面块还可用于在网站标题中播放视频。您可以吸引访问者的注意力,或推广产品或服务。有 支持多种视频格式最常用的是 .mp4。

最棒的是,你还可以在视频上写标题、对齐、全宽或设置颜色叠加。封面块的设置对所有媒体类型都是一样的。

您对页眉有什么经验?您是否已经尝试过用封面块来创建页眉?你更喜欢使用 WordPress 自定义器创建经典的网站页眉吗?请在下面的评论中告诉我们。