Keyboard shortcuts

Press or to navigate between chapters

Press S or / to search in the book

Press ? to show this help

Press Esc to hide this help

文章

动态文章元素使用说明(单篇文章页面)

动态文章元素用于在单篇文章页面展示其他文章(如特定分类的文章),支持统一布局设计与批量展示,提升内容关联性与浏览体验。以下是具体操作说明:

动态文章元素的添加

  1. 在单篇文章页面底部创建一个新区块;
  2. 进入元素面板,找到“文章元素”,按住并拖动至该区块内;
  3. 元素添加后会自动填充网站文章库中已有的文章内容。

基础布局设置

  • 列数与行数:在左侧设置中可配置显示的列数和行数(示例:设为4列2行),控制文章的展示数量与布局密度。
  • 间距设置:通过间距参数可在文章之间添加内边距,优化整体排版的留白效果。
  • 摘要高度注意事项:若文章包含摘要,需确保系统文章列表中所有摘要长度一致,以保证各文章显示高度统一。

筛选与排序设置

  • 文章筛选
    • 利用文章旁的筛选器选择文章来源;
    • 通过“包含”或“排除”分类功能筛选特定范围的文章。
  • 排序配置
    • 可设置偏移量(调整起始展示位置);
    • 支持按ID、标题或日期排序,可选择升序或降序。
  • 导航设置
    • 若有标签来源,可添加标签用于快速筛选;
    • 支持在底部设置分页,便于浏览更多文章。

常规与列设置

  • 常规设置:包括内边距、外边距调整(优化与周边元素间距),以及效果设置(如动画效果)。
  • 列属性设置:选中文章内的列,可进行以下配置:
    • 添加背景图片、设置不透明度;
    • 为列添加链接(支持跳转);
    • 调整列的高度及内容分布方式。

内容构建特点

  • 动态元素复用:设置文章内显示的内容时,需使用“单篇动态元素”下的动态元素进行构建。
  • 统一布局特性:对任意一列的更改(如删除摘要、调整样式)会同步影响所有列,因此只需设计好一列,即可确保所有列遵循相同的布局设计,简化批量设置流程。

总结

动态文章元素是单篇文章页面中关联展示其他文章的高效工具,通过列数行数设置、筛选排序功能,可精准控制展示内容;其“一列设计、多列同步”的特性大幅简化了布局统一工作。合理使用该元素能增强内容关联性,引导用户浏览更多相关文章,操作时建议先规划好列布局与筛选规则,再通过动态元素构建内容,提升设置效率。