文章阅读更多元素

关于文章阅读更多元素

文章阅读更多元素旨在 文章列表元素.

通过在文章预览下方添加按钮或链接，它为访问者提供了一种清晰且用户友好的方式导航到完整的文章。

如何向您的页面添加文章阅读更多元素？

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

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

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

配置“设置”选项卡

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

样式

为您的文章阅读更多元素选择您喜欢的布局：带或不带填充方括号（仅限文本）。

文章来源

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

尺寸

• 在下面 尺寸 部分，修改元素的宽度、高度和填充，以确保它适合您的页面设计。 

如果宽度 = 适合内容（自动）：

如果宽度 = 全宽 (100%)：

• 调整 填充 如果您愿意的话，可以手动获得更好的可见性。

背景

• 更改 背景颜色 根据您的偏好，使用此设置来选择整个部分。

尝试输入颜色代码、从色板中选择或使用颜色选择器。此外，您还可以从 最近的颜色 金益辉 为您推荐 列表以节省时间和精力。

• 如果你更喜欢一个 图片背景，点击旁边的框 图片 可以选择上传新图像或从库中导入以将其设置为背景图像。

形状

形状设置适用于包含文章列表元素的整个部分。

• 边境：您可以更改文章列表部分的边框颜色、粗细和描边。

• 角落：截面角可以是方形、圆角方形或圆形。

• 阴影：您可以为文章列表部分添加阴影，并调整阴影显示（大小、颜色、模糊度和距离）。

图标

确保已将其切换为“开启”以打开其设置：

• 图标： 从 GemPages 的可用图标列表中选择，或者您可以上传自己的图标（仅限 .SVG 文件）。
• 位置： 选择按钮中图标的位置：左侧还是右侧。
• 差距： 调整文本和图标之间的间距以获得更好的可见性。

文本

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

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

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

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

影响

悬停状态： 定义当用户将鼠标悬停在元素上时元素如何变化。 

自定义悬停效果的选项，包括

• 背景： 对按钮应用不同的背景以获得更好的强调。
• 文本： 鼠标悬停时更改文本颜色。
• 形状： 自定义边框大小、样式和角半径以实现悬停效果。

对齐

调整标题的对齐方式以提高可读性。您可以选择左对齐、居中对齐或右对齐。

通过自定义文章阅读更多元素，您可以增强导航并改善用户体验，使访问者更轻松地探索您的内容。

配置高级选项卡 

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