苹果CMS模板截图
1首页
2视频封面列表页
3视频详情页
4视频播放页
5新闻封面列表页
6新闻内容页
7手机端
简介
模板以细边框与分割线作为主要视觉元素,去除多余装饰,页面层次依靠线条进行区分。顶部集成LOGO、搜索框与通栏导航,一级和二级分类并排展示,页面代码采用header、nav、main、article等HTML5语义标签构建。
采用CSS变量管理全局主题色,修改主色调无需大范围改动代码;剔除评论、收藏、榜单等附加模块,只保留内容展示核心功能,减轻页面负载。
响应式适配320px至1280px屏幕,视频封面列表在PC端可展示5至6列,移动端自动减少至2列或3列;文章列表同样随屏幕尺寸动态调整展示列数。
首页放置Banner轮播推荐区域;筛选面板支持类型、地区、年份、语言、首字母组合筛选,资源支持按发布时间或人气排序。
视频详情页展示海报与影片资料,播放线路使用标签页切换;播放页采用16:9播放器,支持多条播放地址。文章详情页附带相关文章推荐。
独立区分视频搜索和文章搜索;内置面包屑导航、统一分页组件、友情链接区域以及返回顶部按钮。
使用HTML5、CSS3、Grid与Flex布局,交互逻辑由原生JS实现,不依赖额外第三方框架,兼容苹果CMS V10模板引擎。
文件分为公共头部、底部、分页、SEO配置、资源引入文件;首页承载轮播与分类内容。视频模块包含详情、播放、搜索、分类、筛选页面;资讯模块配套文章详情、搜索、分类、筛选页面。
教程
部署方式一:FTP上传
将整套模板文件夹上传到程序template目录。
登录后台,打开系统、网站参数设置的基本设置页面。
在当前模板下拉项选中模板名称,保存设置完成切换。
部署方式二:后台压缩包上传
将模板打包为zip或tar.gz压缩包。
进入后台系统,打开模板管理,使用上传模板功能。
上传后执行安装,再到基本设置启用模板。
使用提醒
模板仅可运行在苹果CMS V10,旧版本无法适配。站点LOGO可直接替换images目录图片;导航分类ID修改在head.html,首页调用分类ID在index.html内调整。
