文章标题元素

关于文章标题元素

此 文章标题元素 专门用于 文章列表元素。它允许您以多种样式和交互选项呈现博客文章的标题。

无论您想显示完整的标题、将其截断为特定行数，还是使用适当的 HTML 标签增强 SEO，此元素都提供了所有必要的设置。

如何添加 文章标题元素 到您的頁面？

第三步： 访问 GemPages 仪表板 > 前往，然后点击目标页面来找到编辑器。

第三步： 在左侧边栏中搜索 文章标题元素 并将其拖放到页面上的首选位置。

第三步： 单击该元素以打开其设置以进行进一步自定义。

配置文章标题元素设置选项卡

此 文章标题元素 提供多种定制选项，以满足您的设计和功能需求：

文章来源

点击框来配置文章列表元素中的文章来源。

文字样式

按您的方式配置按钮文本，包括：

• 样式：选择标题
• 字体：选择与您的品牌标识相匹配的字体样式。
• 尺寸：调整字体大小，使标题突出。
• 颜色：选择与您的设计相匹配的颜色。
• 对齐： 将文本对齐方式调整为左对齐、居中对齐、右对齐或两端对齐。

点击 显示更多 展开完整设置 文字样式 部分：

• 字体粗细：控制文本的粗细。
• 线高：调整行距以提高可读性。
• 字母间距：通过改变字母之间的间距来创建更现代或更紧凑的外观。
• 改造：将文本转换为大写、小写或将每个单词的首字母大写。
• 阴影：添加文本阴影以增加标题的深度。

影响

Hover：当用户将鼠标悬停在标题上时更改文本的颜色，以获得动态和交互效果。

链接

默认情况下，在 链接 部分中，点击后操作设置为“去文章”。您可以将其更改为“滚动到”并根据需要插入目标部分。 

显示选项

控制文章标题的显示量。

• 是：将标题限制为特定行数。这对于保持长标题的布局整洁非常有用。
• 没有：显示完整标题，不做任何截断。

SEO

HTML标签：通过为标题选择适当的 HTML 标签来优化您页面的 SEO。

• H1-H6：使用语义标题结构来提高搜索引擎排名。
• DIV：出于非语义目的，标题不需要作为标题进行索引。

配置文章日期元素的“高级”选项卡

如需更多高级自定义，请导航至“高级”选项卡并按照 本文.