Oxygen Builder页面构建器Repeater元素
Oxygen Builder页面构建器的优点是它不需要任何主题,安装Oxygen Builder插件后,无论如何,WordPress主题将被禁用。无论您是否具备编码技能,Oxygen Builder都是WordPress建站的绝佳工具。
凭借其设计和代码视图,它可以让您尽可能多地(或尽可能少地)控制网站的外观和行为。本文,晓得博客为你介绍如何使用Oxygen Builder页面构建器Repeater元素。
QUERY查询
Repeater元素允许使用 post查询 或 ACF中继器作为数据源在Oxygen中直观地构建循环。从”+Add”->”Helpers”->“Repeater“将中继器添加到您的页面。该查询选择Repeater元素将显示哪些帖子。
如果在页面上(而不是存档中)使用Repeater元素,则需要单击Repeater元素,将查询设置为自定义,然后选择适当的帖子类型。如果在存档模板中使用Repeater元素,那么可能需要使用默认查询,以便WordPress可以根据浏览器中的URL自动返回正确的帖子。
Default默认
默认查询是由WordPress根据您访问的URL生成的。访问您的博客文章存档的URL将使WordPress生成一个查询,该查询将返回您的博客文章。这都是由WordPress CMS自动完成的,可以通过选择自定义或手动覆盖默认查询。
Custom自定义
- Post Type帖子类型——选择查询返回的帖子类型,或从帖子帖子类型中手动指定帖子ID
- Filtering过滤——排除与指定作者或分类法不匹配的帖子
- Order排序——帖子显示的顺序-按字母顺序、按日期等。
- Count数量——要返回的帖子数
Manual手动的
要完全控制查询返回的帖子,您可以手动指定WP_Query参数。
使用ACF Repeater
如果您的帖子类型使用ACF转发器,请选择“ACF转发器”框,该框将显示可用的ACF字段组。
LAYOUT布局
选择“ 垂直堆叠子元素 ”用于垂直布局,选择“ 水平堆叠子元素 ”以使重复字段位于同一行。
PAGINATION分页
- Alignment对齐——选择分页的位置
- Gap间隙——定义在用省略号(…)替换间隙之前显示的页数
- Range范围——定义在当前页面之前和之后显示的页面数
- Previous Link Text上一个链接文本——设置要使用的文本而不是“上一个”
- Next Link Text下一个链接文本——设置要使用的文本而不是“下一个”
- Link Hover Transition Duration链接悬停过渡持续时间——设置要用于悬停过渡的秒数
- Font Size字体大小——设置分页字体大小
- Text Color文本颜色——设置活动页面颜色
- Link Color链接颜色——设置链接颜色
- Link Hover Color链接悬停颜色——设置链接悬停颜色
Container Style容器样式
- Size & Spacing大小和间距——设置大小、填充和边距
- Children Layout布局——改变分页的方向
- Borders边框——在分页周围添加边框
- Background背景——控制分页背景
Links Style链接样式
- Link Size & Spacing链接大小和间距——控制链接的大小、填充和边距
- Active Link Size & Spacing活动链接大小和间距——控制活动项目的大小、填充和边距
- Link Background链接背景——为链接添加背景
- Active Link Background活动链接背景——为活动链接添加背景
- Link Borders链接边框——为各个链接添加边框
- Active Link Borders活动链接边框——为活动链接添加边框
推荐:Oxygen Builder页面构建器Pro Menu菜单
Links Hover Style链接悬停样式
- Link Hover Size & Spacing链接悬停大小和间距——控制悬停时链接的大小、填充和边距
- Active Link Hover Size & Spacing活动链接悬停大小和间距——控制悬停时活动项目的大小填充和边距
- Link Hover Background链接悬停背景——为悬停的链接添加背景
- Active Link Hover Background活动链接悬停背景——为悬停时的活动链接添加背景
- Link Hover Borders链接悬停边框——为悬停时的各个链接添加边框
- Active Link Hover Borders活动链接悬停边框——为悬停时的活动链接添加边框
PREVIEW RENDER预览渲染
- Normal Mode普通模式——显示查询获取的构建器中的所有帖子
- Single Mode单一模式——在构建器中显示单个帖子
推荐:Oxygen Builder Header Builder标题生成器
使用REPEATER元素
Repeater包含一个div元素,可以设置样式以创建水平和垂直布局。您可以将元素添加到中继器div以构建您的布局。这些元素将针对您的查询返回的每个帖子重复。
要创建3列布局,请单击” +Add “->” Basics “->” Columns “将Columns元素添加到您的Repeater div并设置所需的列数。通过单击列div之一添加帖子标题并通过单击”+Add”->”Basics”->”Heading“添加Heading元素。双击标题并选择”Insert Data”->”Post”->”Title“。这将为转发器中的每一行动态插入帖子标题。您可以对其他元素(例如图像和内容)重复此过程以构建您的转发器。
总结
以上是晓得博客为你介绍的Oxygen Builder页面构建器Repeater元素的全部内容,希望对你的WordPress外贸建站有所帮助,如有问题,欢迎留言探讨。
Claude、Netflix、Midjourney、ChatGPT Plus、PS、Disney、Youtube、Office 365、多邻国Plus账号购买,ChatGPT API购买,优惠码XDBK,用户购买的时候输入优惠码可以打95折