Skip to content

Latest commit

 

History

6 Commits

Folders and files

NameName
Last commit message
Last commit date
 
 
 
 
 
 
 
 
 
 

Repository files navigation

AeroCore 自定义文章 AJAX 列表组件 articlelist

组件说明

基于 AeroCore 内置文章列表改造,支持顶部分类 Tab、AJAX 加载更多、移动端标签横向滚动单行不换行、卡片 hover 动画。

环境依赖

仅适用于 AeroCore 系列主题,依赖主题内置类: \AeroCore\WordPress\AeroCore\OptionsConfigTheme 非 AeroCore 主题无法正常使用。

部署步骤

仓库仅包含独立组件包与配套补丁,不含完整 AeroCore 主题源码,组件依赖主题内置核心类才能运行。

  1. articlelist 文件夹上传至子主题目录 packages/
  2. 修改子主题 fun.php,在文件末尾追加完整 AJAX 回调函数(文档内 fun.php 完整代码)
  3. 清空主题缓存、浏览器缓存,后台编辑器即可搜索「主文章列表 - Ajax」组件使用

特性

  1. 顶部多分类切换 Tab,URL 携带 cat_id 参数分页
  2. AJAX 无刷新加载更多文章,带加载状态提示
  3. PC 端标签自动换行;移动端分类 + 标签同行横向滑动、隐藏滚动条
  4. 卡片 hover 上浮 + 缩略图放大动画
  5. 深浅主题自动适配分类图标颜色(currentColor)
  6. 统一 DOM 结构:首页渲染 / AJAX 追加 HTML 完全一致,样式无错位

配套修改文件说明

组件包内仅包含 index.php / render.php / style.css; AJAX 后端回调逻辑无法放入组件文件夹(会时序冲突报类不存在),需要手动将仓库内 fun-patch.txt 中的完整函数复制粘贴到子主题 fun.php 文件底部。

About

基于 AeroCore 内置文章列表改造,支持顶部分类 Tab、AJAX 加载更多、移动端标签横向滚动单行不换行、卡片 hover 动画

Resources

Stars

0 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages