文章列表元素

什么是文章列表元素？

文章列表是 GemPages 编辑器 7 版中的一个新元素。它允许您在一页上列出一个或多个博客文章。 

此元素可帮助您显示适合您的目标受众和转化目标的最佳内容。

现在文章列表元素已更新，您可以在我们的 GemPages Editor v7 中使用它来：

• 降低跳出率： 网站上有更多有价值的内容，您更有可能留住潜在客户更长时间。因此，我们建议您展示与他们有共同见解的相关内容。 
• 增强当前的 SEO 工作： 更新和显示最新文章有助于提高您在 Google 等搜索引擎上的排名。更高的排名也意味着更大的流量。
• 扩大您的品牌知名度： 您的品牌形象应该在多个接触点（包括您的博客文章）上保持一致。博客网站上的长篇内容是讲述品牌故事的最佳方式之一。 

如何将文章列表元素添加到您的页面？

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

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

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

配置“设置”选项卡

在下面 个人设置 选项卡，您可以根据自己的喜好自定义元素的可见性。

文章来源

添加文章列表元素时，您可以选择在页面上显示多篇博客文章，并具体选择哪些文章在页面上可见（选择文章).

如果你不想同时显示多篇博客文章，你可以选择“一个博客”并显示一个博客，然后显示另一个博客。

注意：：您在 Shopify 上的博客文章每 10 分钟同步一次。如果您想立即同步，只需点击 再次同步.

展示

文章列表元素允许您选择显示 1 至 6 篇文章 一行。请记住，一个部分可能包含多个文章列表。每个文章列表可能包含多行。

项目间距

• 柱间隙： 如果此部分分为两列或更多列（来自 2 篇文章），请调整列之间的间隙。
• 行距： 如果此部分分为两行或更多行（来自 4 篇文章），请调整行之间的间隙。

请注意，列间距越大，博客文章的特色图像就会越小。

尺寸

此设置指的是元素大小。这意味着您可以在一个部分中显示文章列表元素，如下所示 全宽 （100％） 默认宽度 （1200 像素），或 自定义宽度 根据您的喜好。

如果将宽度设置为“完整”：

如果将宽度设置为默认值：

此外，请根据您的喜好调整填充，以确保文章列表部分呈现最佳外观。

背景

使用此设置根据您的喜好更改整个部分的背景颜色。

输入颜色代码、从色板中选择或使用颜色选择器。您还可以从 最近的颜色 以及 为您推荐 列表。

形状

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

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

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

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

配置高级选项卡

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

如需了解 GemPages Editor v7 中的更多高级自定义功能，请导航至 GemPages 学院 在那里找到更多有用的提示和视频教程。

常见问题

1. 如何在 GemPages 中更改博客预览图片？

在MyCAD中点击 软件更新 Shopify 管理员 > 食谱 > 特色图片上传您想要的图片，然后返回 GemPages 并点击 再次同步 在文章列表设置中。

2. 我的博客预览图片没有更新。我该怎么办？

检查您是否已在 Shopify 的博客文章设置中保存了图片。然后刷新 GemPages 并点击 再次同步 更新。

3. 我可以为不同的页面设置不同的博客预览图片吗？

不可以。博客预览图片与 Shopify 中的博客文章本身链接。更改预览图片会更新博客文章所在位置的预览。

4. 博客预览图片的最佳尺寸是多少？

我们建议 1200 X 628像素 （横向）JPEG 或 WebP 格式，以实现质量和加载速度的最佳平衡。