Oxygen Builder页面构建器Repeater元素

Oxygen Builder页面构建器Repeater元素

Oxygen Builder页面构建器Repeater元素

  Oxygen Builder页面构建器的优点是它不需要任何主题,安装Oxygen Builder插件后,无论如何,WordPress主题将被禁用。无论您是否具备编码技能,Oxygen Builder都是WordPress建站的绝佳工具。

Oxygen Builder页面构建器Repeater元素

  凭借其设计和代码视图,它可以让您尽可能多地(或尽可能少地)控制网站的外观和行为。本文,晓得博客为你介绍如何使用Oxygen Builder页面构建器Repeater元素。

  推荐:Oxygen Builder页面构建器菜单设置

QUERY查询

  Repeater元素允许使用 post查询 或 ACF中继器作为数据源在Oxygen中直观地构建循环。从”+Add”->”Helpers”->“Repeater“将中继器添加到您的页面。该查询选择Repeater元素将显示哪些帖子。

Oxygen-Builder-Repeater元素query

  如果在页面上(而不是存档中)使用Repeater元素,则需要单击Repeater元素,将查询设置为自定义,然后选择适当的帖子类型。如果在存档模板中使用Repeater元素,那么可能需要使用默认查询,以便WordPress可以根据浏览器中的URL自动返回正确的帖子。

Default默认

  默认查询是由WordPress根据您访问的URL生成的。访问您的博客文章存档的URL将使WordPress生成一个查询,该查询将返回您的博客文章。这都是由WordPress CMS自动完成的,可以通过选择自定义或手动覆盖默认查询。

Repeater元素query类型
Custom自定义
  • Post Type帖子类型——选择查询返回的帖子类型,或从帖子帖子类型中手动指定帖子ID
  • Filtering过滤——排除与指定作者或分类法不匹配的帖子
  • Order排序——帖子显示的顺序-按字母顺序、按日期等。
  • Count数量——要返回的帖子数
Manual手动的

  要完全控制查询返回的帖子,您可以手动指定WP_Query参数。

  推荐:如何向客户隐藏Oxygen Builder许可证

使用ACF Repeater

  如果您的帖子类型使用ACF转发器,请选择“ACF转发器”框,该框将显示可用的ACF字段组。

LAYOUT布局

  选择“ 垂直堆叠子元素 ”用于垂直布局,选择“ 水平堆叠子元素 ”以使重复字段位于同一行。

Repeater元素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链接样式
Repeater元素pagination布局
  • 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以构建您的布局。这些元素将针对您的查询返回的每个帖子重复。

使用REPEATER元素

  要创建3列布局,请单击” +Add “->” Basics “->” Columns “将Columns元素添加到您的Repeater div并设置所需的列数。通过单击列div之一添加帖子标题并通过单击”+Add”->”Basics”->”Heading“添加Heading元素。双击标题并选择”Insert Data”->”Post”->”Title“。这将为转发器中的每一行动态插入帖子标题。您可以对其他元素(例如图像和内容)重复此过程以构建您的转发器。

总结

  以上是晓得博客为你介绍的Oxygen Builder页面构建器Repeater元素的全部内容,希望对你的WordPress外贸建站有所帮助,如有问题,欢迎留言探讨。

  推荐:Oxygen Builder页面构建器教程


晓得博客,版权所有丨如未注明,均为原创
晓得博客 » Oxygen Builder页面构建器Repeater元素

转载请保留链接:https://www.pythonthree.com/oxygen-builder-repeater/

滚动至顶部