iXiNX Club主要为自用型文档社区,同时也开放共用文档,欢迎爱好者加入并共享内容,翻译文档
iXiNX Club开放性测试进行中,欢迎体验反馈,如有任何问题均可联系管理员
LV2
Big Grid Flex设置
您可以从总共10个Big Grid Flex元素中进行选择,以创建独特的布局并展示您突出显示的文章。

您还可以选择缩略图的确切大小、列布局、显示的文章数量等等。

所有可用的Big Grid Flex元素都有5个设置选项卡(常规、过滤器、布局、样式和 CSS),因此您可以根据需要高度自定义它们。

一、常规Big Grid Flex设置

Big Grid Flex元素具有一组预制样式,您可以在General选项卡下进行选择,以便快速设置所选的Big Grid Flex,而无需深入设置。
常规选项卡
常规选项卡
preamde.png (56.19 KiB) 查看 590 次
它提供了一个面板来设置整体字体、文本对齐方式和网格样式。

例如,在本节中,Big Grid Flex 1还提供了网格高度和列数选项,供您选择要连续显示的首选文章数。

但是,为了更深入地了解可用的设置,每个部分都显示在下面。
区域选项
区域选项
general-1.png (38.39 KiB) 查看 590 次
Content-Length – 您可以为大网格上使用的每个模块选择标题长度。

Offset posts – 从网格上显示的文章的偏移量开始计数。如果你有一个块在这个块之前显示五篇文章,你可以让这个块从第6篇文章开始(使用偏移量 5)。这意味着您可以让 Big Grid 跳过一定数量的文章以避免重复。

Extra class – 在输入字段中为网格添加特定或唯一的类。反过来,这允许您向网格添加其他自定义项。

二、Filter选项卡

使用此选项卡对文章进行排序。您可以使用单篇文章ID、类别、标签、作者、文章类型和各种自定义排序顺序选项深入过滤文章。

Post ID filter – 可以使用文章ID将特定文章过滤到您的块中。您可以通过访问仪表盘 > 文章部分,将鼠标悬停在文章标题并查看浏览器左下角区域显示的链接来获取文章ID。使用URL提取ID。要从大网格中排除文章,请在每个ID前面添加一个“-”符号。

Category filter – 从包含所有现有类别的下拉菜单中选择块的类别。

Multiple categories filter – 此选项允许您按多个类别过滤文章。该过程类似于Post ID过滤器上使用的过程。添加以逗号分隔的类别 ID(例如:13、23、18)。如果要排除类别,只需在每个ID前面添加一个“-”符号即可。如果要显示某个类别中的文章并移除其子类别中包含的文章,请先添加父类别ID(例如时尚类别:341),然后将子类别 ID(例如每日子类别 ID:342)放在前面带有“-”符号,如图中所示。如果您决定使用Multiple categories filter,则将忽略标准类别过滤器。

Filter by tag slug – 按标签过滤网格文章,并输入以逗号分隔的标签段尾(例如:tag1、tag2、tag3)。

Multiple authors filter – 这允许您按作者过滤文章。输入以逗号分隔的作者 ID(例如:13、23、18)。

Post type – 如果要显示自定义文章类型,请使用此过滤器。添加用于创建CPT的插件提供的文章类型的名称,如果是自定义的,则由用户提供。用法:文章、页面、事件 – 编写1种或多种以逗号分隔的文章类型。

排序顺序

此选项允许您对网格内的文章进行排序。这些选项中的大多数都是不言自明的,但有一些选项有要求:

标准排序选项:

Latest posts – 显示从最新到最旧的文章。
Oldest posts – 与上一个排序选项相反。
Alphabetical A > Z – 您的文章按名称的字母顺序排序。
Random posts – 此排序选项在每次加载页面时随机显示文章。每次刷新页面时,文章都是不同的。请注意:不要将随机文章排序选项与分页一起使用,因为这可能会导致重复的文章。
Random posts from the last 7 days – 此字段根据过去 7 天内发布的文章显示随机文章。
筛选选项卡
筛选选项卡
filter-1.png (37.11 KiB) 查看 588 次
具有额外要求的排序选项:

Popular (all time) – 此排序选项要求帖子视图处于活动状态。如果禁用视图,则此选项不起作用。
Popular (last 7 days) – 您必须从Theme Panel > Block Settings > 7 Days Post Sorting中启用 7 天文章排序。
Popular (jetpack + stats module required) – 不适用于其他设置/分页,需要安装 Jetpack – 统计模块。
Featured – 它显示包含的精选类别中的文章,该类别可通过主题获得。如果删除此类别并想要恢复它,请创建一个别名为Featured的新类别。
Random posts today – 要求文章浏览量处于活动状态。
Highest rated – 它需要评论文章,要了解如何设置评论,请查看以下指南。
Most commented – 您需要在文章上发表评论才能处于活动状态。启用/禁用Theme Panel > Post Settings > Post and Custom Post Types中的评论。

三、Layout选项卡
布局选项卡是您为内容创建布局的部分。Big Grid Flex布局可以由 1 个或多个模块组成。您可以在本节中找到特定Big Grid Flex元素的设置,还可以找到特定Big Grid Flex上使用的每个模块的设置。

单个Big Grid Flex元素或多或少具有以下选项,具体取决于所选的块类型。为了使本指南尽可能简短,我们只提及最重要的选项,因为有很多自定义选项可供选择。

整体布局

Big Grid Flex 1是个例外,因为它在本节中提供了2个关于网格布局的额外控件,您可以在其中选择每行1到5篇文章和以百分比表示的容器宽度部分。

整体布局允许您选择模块之间的间隙、元信息的对齐方式、类别标签位置以及打开或关闭缩放效果的选项。

每个模块设置

为每个模块设置不同的选项,特别是针对您的网格。通过图像大小,您可以控制为内容显示的缩略图。Big Grid Flex元素使用4种缩略图大小,即:小、默认、大或完整。

选择图像大小后,您还可以使用其垂直对齐方式、图像宽度和高度(以百分比表示)。在本节的控件中,我们可以提及元信息宽度、边距和填充、文章标题空间和填充、类别标签间距和填充、显示或隐藏类别标签的选项、文章作者和发布日期。

每个模块都有单独的部分,可让您更好地控制网格的每个元素。
布局选项卡
布局选项卡
layout-1.png (58.72 KiB) 查看 587 次
四、Style选项卡

样式选项卡是关于设计的。更改新创建的网格元素的字体和颜色。

模块字体

顶部允许您更改字体大小、字体系列、行高、字体粗细、字母间距和文本转换。更改模块标题、类别标签、元信息,特别是字体的移动版本。

颜色

颜色设置允许您更改每个布局部分的单个颜色。您可以更改常规或单个叠加颜色、元信息颜色、评论统计信息颜色,以及添加“lightsky”悬停效果。
样式选项卡
样式选项卡
style-1.png (55.23 KiB) 查看 586 次
五、CSS选项卡

此部分允许您更改整个网格元素的 CSS。它包括一个框模型,您可以在其中控制网格的边距、填充和边框。

其他设置包括边框设置(颜色、样式、半径和宽度)、阴影(阴影大小、颜色、偏移量)、块整体背景颜色或图像(以及它们的位置和不透明度)。

颜色叠加功能会在块的顶部添加渐变。选择多种颜色以添加所有新的创意渐变,将您的网格样式提升到一个新的水平。

显示选项允许您显示或隐藏特定块。如果要使用顶部设备选项卡隐藏特定设备的特定块,这将非常有用。
各设备选项
各设备选项
tagdiv-composer-devices.jpg (2.18 KiB) 查看 586 次

信息