文本块元素

在页面上添加文本块元素

此 文本块 是 GemPages 提供的一个基本元素。它允许您在页面上以长段落或简洁句子的形式显示文本。 

要将元素添加到您的页面，请按照以下说明操作：

第四步： 在里面 GemPages 仪表板，点击您喜欢的页面进入编辑器。

第四步：在编辑器中，只需将 文本块 元素（标记为 段）到页面上您喜欢的位置。 

第四步：在文本块元素中输入所需的文本。

第四步：要自定义 GemPages 中的文本格式，请使用 文本编辑器工具栏 每当您突出显示文本时，它都会出现。它提供各种格式选项来增强内容的视觉吸引力。

点击 文本块 元素，配置选项显示在左侧边栏，包括 个人设置 以及 先进的 标签。

配置设置选项卡

文字样式

此时，您可以微调文本的排版。以下是可用的选项：

• 样式：从预定义选项中选择您想要的样式，其中包括 6 种标题样式和 3 种段落样式。
• 字体：选择您希望在此文本块中使用的字体。如果您想使用未列出的字体，可以参考提供的指导 如何在 Editor v7 中添加自定义字体.
• 尺寸：通过指定像素值来调整字体大小。GemPages 支持响应式设计，这意味着您可以单独调整字体大小。 台式机、平板电脑和移动设备只需使用 GemPages 编辑器顶部的图标切换到要编辑的设备视图即可。您在该特定视图中所做的任何字体大小更改都将仅适用于该设备。
• 颜色：根据您的喜好修改文本的颜色。

点击 显示更多 按钮显示更多自定义选项。 

• 字体粗细： 从提供的下拉菜单中选择所需的字体粗细，从“细”到“黑色”。
• 线高： 通过指定百分比值（100%、120%、130%、150% 或 180%）或输入精确数字来调整文本的高度。
• 字母间距： 通过输入像素值来修改字母之间的间距。
• 转变： 采用下列方式之一转换文本：
  • 未应用任何变换。
  • 大写（AA）：将所有文本转换为大写。
  • 大写（Aa）：将每个单词的首字母大写。
  • 小写（aa）：将所有文本转换为小写。
• 阴影： 您可以调整文本块元素的阴影，为您的页面带来更好的视觉效果。

尺寸

在下面 尺寸 部分，您可以配置文本块的宽度和填充：

宽度： 调整文本块元素在页面上的显示宽度：

• 适合内容：根据内部内容自动调整宽度。
• 充分： 将元素拉伸至容器宽度的 100%，从而使您的内容能够全宽显示。
• 默认：固定为 1200px。

填充： 在文本和文本块容器的边缘之间添加内部间距。 

背景

颜色：设置按钮的背景颜色。

图片：上传或选择背景图片。使用以下方式自定义：

• 扩展：覆盖、包含或自动
• 职务：设置图像对齐方式（居中、左上等）
• 重复新密码：切换重复设置
• 附件：选择滚动或固定
• 搜索引擎优化： 添加 Alt 文本和图像标题以实现可访问性和 SEO
• 预紧：切换预加载以改善最大内容绘制 (LCP)

形状

使用视觉增强功能来设计图像容器，以更好地匹配您的设计：

• 边境：在图像周围添加边框。自定义：
  • 颜色：选择任意十六进制颜色
  • 厚度：设置像素值
  • 描边样式：实线、虚线或点线
• 角落：通过调整边框半径使图像的角变圆。
• 阴影：添加阴影效果，以增加深度或与背景的分离。配置：
  • 类型：外部、内部或居中
  • 方向性：控制阴影角度
  • 颜色, 距离, 模糊和 尺寸

对齐

此参数允许您确定文本在页面上的放置方式。有三个选项可供选择：左对齐、居中和右对齐。

注意：：当宽度设置为 100% 或更大时，水平对齐被禁用。 

配置高级选项卡

要设置元素的外观样式，请导航至 先进的 选项卡并按照 Free Introduction 刊文.

在文本块中使用元字段文本

如果您正在与 基于元字段的内容您可以将 Metafield 代码直接嵌入到 Text Block 元素中。

当您希望文本根据产品、系列或页面数据动态更改时，此功能尤其有用。

要实现这一点，只需将元字段变量或代码粘贴到文本块内容区域即可。文本块会在页面上实时呈现元字段值。

常见问题

如何在 GemPages 中移动文本框？

• 单击并按住文本块元素。
• 将其拖动到新位置。
• 看到蓝色放置指示器后，即可释放元素。