在GeneratePress主题中创建新的标题元素，请转到外观 > 元素，然后单击“添加新元素”。从元素下拉列表中，选择“标题”。

如果您想使用下面的背景图片选项，则需要内容。

内容框接受任何 HTML（标题、段落等）、简码（滑块、联系表格等）或模板标签。

如果您只想使用背景图片而不添加任何内容，只需添加一些 HTML 注释：

<!--This is a comment.-->

页面英雄

元素类

将自定义类添加到标题元素。

容器

容器选项是应用页面英雄背景图像或颜色的对象。

Full ：页面 hero 将跨越屏幕的整个宽度。

包含：页面英雄将与容器的宽度相同。

内容器

此选项指的是保存页面英雄内容的内部容器。

Full ：内容将跨越屏幕的整个宽度。

包含：内容将与容器的宽度相同。

水平对齐

选择页面英雄内容的水平对齐方式。

全屏

此选项将强制页面英雄占据页面的整个视口。
注意：需要在站点标题选项卡中选择合并。

填充

向页面英雄内容添加填充。

页面英雄的高度由顶部和底部填充确定。

使用切换为桌面和移动设备设置不同的填充。

背景图片

为页面英雄内容添加背景图片。

特色图片– 使用页面或帖子中添加的特色图片作为背景图片。您还可以选择后备图像以在单个页面或帖子中未添加特色图像时显示。

自定义图像– 上传此特定页面英雄的自定义图像。

背景图像位置

设置背景图像的位置。
注意：需要选择特色图片或自定义图片。

视差

启用此选项将对背景图像应用视差效果（滚动时移动）。
注意：需要选择特色图片或自定义图片。

禁用特色图片

禁用具有此页面英雄的帖子上的特色图片。
注意：需要选择特色图片或自定义图片。

背景叠加

使用背景颜色作为背景覆盖。
注意：需要选择特色图片或自定义图片。

颜色

设置页面英雄内容的背景、颜色和链接颜色。

网站标题

与内容合并

将您的网站标题放在其下方内容的顶部。

偏移站点标题高度

添加到页面 hero 的顶部填充以防止重叠。

无偏移：

使用 100px（标题高度）偏移：

标题背景

应用特定的标题背景颜色以配合此页面英雄。这将替换定制器中设置的标题背景颜色。

网站标志

应用一个特定的标志来配合这个页面英雄。如果启用了与内容合并选项，这将特别有用。
注意：需要在站点徽标中上传现有徽标。

导航标志

应用一个特定的导航标志来配合这个页面英雄。如果启用了与内容合并选项，这将特别有用。
注意：需要在Navigation Logo中上传现有徽标。

导航位置

为此页面英雄使用特定的导航位置。这将替换定制器中设置的全局导航位置。

导航颜色

为此页面英雄应用特定的导航颜色。这将替换定制器中设置的导航颜色。

粘性导航颜色仍将继承全局
定制器中的导航颜色设置。

显示规则

为了让您的元素显示在您网站的任何位置，您必须在“显示规则”选项卡中设置某些条件。

这些设置允许您在整个站点中显示您的元素。您可以选择特定页面、帖子、类别等。您甚至可以告诉元素在整个站点中显示。

您还可以使用相同的条件排除该元素。例如，您可以告诉您的元素在整个站点中显示，不包括“关于”页面。

位置（必需）– 选择此元素应显示的时间。

排除（可选） – 选择何时不应显示此元素。

用户（可选） – 特定用户角色的显示元素。

内部注释

此选项卡是一个可选选项卡。这里的内容不会出现在前端。它用于帮助您记住添加此元素的原因。

网页设计中，标题、段落和文本格式是构成页面内容的基石。它们不仅有助于传达信息，还能通过组织和强调内容来提升用户体验。本文将详细介绍这些元素的使用方法，并提供实际例子。

标题（Headings）

标题是用来定义网页中不同部分的标题。在HTML中，标题标签从<h1>到<h6>，其中<h1>表示最高的层级，通常用于主标题，而<h6>表示最低的层级。为了保证良好的SEO实践和无障碍访问，应保证标题层级的逻辑顺序。

使用实例：

<h1>欢迎来到我的博客</h1>
<h2>最新文章</h2>
<h3>Web开发的未来趋势</h3>
<h4>前言</h4>
<h4>主要内容</h4>
<h4>结论</h4>
<h3>如何提高JavaScript技能</h3>

在这个例子中，<h1>用于最主要的标题，<h2>用于区分页面中的主要部分，<h3>用于文章标题，<h4>用于文章内部的小节。

段落（Paragraphs）

段落是文本的基本单元，用于组织和展示连续的文本内容。在HTML中，<p>标签用于定义段落。合理的段落分割有助于读者更好地理解和吸收信息。

使用实例：

<p>在今天的数字时代，网页开发已经成为了一个不断演变的领域。随着新技术的出现，开发者需要不断学习和适应。</p>

<p>JavaScript是构建现代网页不可或缺的一部分。为了成为一名更优秀的前端开发者，提高JavaScript技能是非常重要的。</p>

在这个例子中，两个<p>标签分别定义了两个独立的段落，每个段落都是一个完整的思想单元。

文本格式

文本格式用于强调或区分网页中的文本内容。HTML提供了多种标签来改变文本的样式和意义，包括但不限于加粗、斜体、下划线、上标和下标等。

加粗（Bold）

<strong>和<b>标签用于加粗文本，但<strong>通常表示重要性，而<b>仅用于视觉上的加粗。

使用实例：

<p>重要提示：<strong>请不要在任何情况下泄露您的密码。</strong></p>
<p>这是一个<b>加粗</b>的文本示例。</p>

斜体（Italic）

<em>和<i>标签用于斜体文本，<em>表示强调，而<i>仅用于斜体样式。

使用实例：

<p>当我们谈论<em>用户体验</em>时，我们指的是用户与产品交互的整体感受。</p>
<p>这是一个<i>斜体</i>的文本示例。</p>

下划线和删除线

``标签用于下划线文本，而<del>标签用于显示文本已被删除或更改。

使用实例：

<p>请阅读使用条款了解更多信息。</p>
<p>原价<del>99.99美元</del> 现价69.99美元。</p>

上标和下标

<sup>和<sub>标签用于创建上标和下标文本，常用于科学公式和脚注。

使用实例：

<p>水的化学式是H<sub>2</sub>O。</p>
<p>爱因斯坦的质能方程式E=mc<sup>2</sup>。</p>

结论

合理使用标题、段落和文本格式可以极大地提升网页内容的可读性和专业性。通过明确的层级结构和强调重要内容，你可以帮助用户快速找到他们需要的信息。记住正确使用这些基本元素，你的网页将更加吸引人且功能强大。

tml标签中H标签又称标题标签。在建网站中会使用到，不到的段落格式需要使用不同的标签。标签可以反映一段文字的大小、颜色、缩写、换行、间距等等内容，根据全文的实际情况灵活应用标签，特别是HTML标题标签将对网站文章的质量起到非常重要的作用。我们围绕着这个标签详细讲一下如何正确使用标题标签。

HTML标题标签的种类：
HTML标题标签总共有6个，分别为：H1,H2,H3,H4,H5,H6。
h1代表最大，它的重要性最高，字体也最大。
h6代表最小，字体最小，重要性也最小。
h1，h2，h3，h4，h5，h6，作为HTML标题标签，显示的文字样式为粗体，与html粗体标签效果一样。

HTML标题标签的重要性：
H1-H6以重要性递减，它可以让页面的层级关系更加清晰。

示例：
<h1>一级标题</h1>
<p>段落</p>
<div>
<h2>二级标题</h2>
<p>...</p>
<div>
<h3>三级标题</h3>
<p>...</p>
<div>
<h4>四级标题</h4>
<p>...</p>
</div>
</div>
</div>

根据文章实际的段落意义正确使用代表不同层级关系的HTML标题标签，浏览器才能通过HTML解析出与本意一致的表达效果。