模板整体介绍
这款线条风格模板专门针对苹果CMS V10系统开发,主打极简线条视觉设计,以细边框、分割线作为核心设计元素,页面观感干净利落。整体适配影视资源站、资讯内容站等多种建站场景,风格简约耐看,实用性突出。
模板核心特点
线条风格设计:采用1px边框与分割线构建页面样式,整体布局简约干净,视觉效果清爽大方。
全导航展示:页面顶部整合LOGO与搜索框,下方采用单行导航布局,一级分类与二级分类连贯展示,查找内容更直观。
响应式布局:全面适配电脑、平板、手机等设备,兼容320px至1280px区间所有屏幕尺寸,多终端浏览体验统一。
HTML5语义化结构:规范使用header、nav、main、article、section、footer等标准标签,页面架构标准严谨。
SEO优化布局:搭配合理的标题层级、面包屑导航,同时支持meta标签自动配置,对搜索引擎收录十分友好。
CSS变量配置:搭载全局CSS变量体系,站长可一键修改主题配色,快速完成整体风格调整。
轻量化精简设计:舍弃评分、评论、收藏、排行榜等非必要功能,保留核心模块,页面运行更轻快。
模板完整功能
首页配备Banner轮播模块,可作为热门内容推荐位使用;采用一级加二级一体式分类导航,分类展示清晰。
视频封面列表支持多列自适应展示,PC端6列、5列,移动端自动切换为3列、2列布局;文章封面列表同样做了响应式适配,分为4列、3列、2列多种展示形式。
视频详情页整合海报展示、影片基础信息、多标签播放地址切换;播放页采用主流16:9播放器样式,支持多线路播放源切换。
文章内容页拥有标准正文排版,页面底部搭配相关文章推荐板块;内置五维筛选面板,可按照影片类型、地区、年份、语言、首字母进行筛选。
支持按发布时间、播放人气两种规则排序,区分视频搜索与文章搜索两大检索功能;自带标准分页导航、面包屑导航、友情链接以及返回顶部功能。
模板使用技术栈
页面结构基于HTML5搭建,运用CSS3、CSS变量、Grid、Flexbox布局及媒体查询实现样式与响应式效果。交互功能依靠原生JavaScript开发,不依赖任何第三方框架,同时完全兼容苹果CMS V10模板引擎语法。
模板文件模块明细
| 模板文件 | 文件说明 |
| html/public/head.html | 全站通用头部,包含LOGO、搜索框、导航栏 |
| html/public/foot.html | 全站通用尾部,包含版权信息、RSS链接 |
| html/public/paging.html | 全站统一分页组件 |
| html/public/seo.html | 自动配置SEO标题、关键词、描述 |
| html/public/include.html | 统一引入全站CSS、JS公共资源 |
| html/index/index.html | 网站首页,包含轮播图与分类数据展示 |
| html/vod/detail.html | 视频详情页面 |
| html/vod/play.html | 视频播放页面 |
| html/vod/search.html | 视频搜索结果页面 |
| html/vod/type.html | 视频分类封面展示页 |
| html/vod/show.html | 视频分类筛选页面 |
| html/art/detail.html | 文章内容页面 |
| html/art/search.html | 文章搜索结果页面 |
| html/art/type.html | 文章分类封面展示页 |
| html/art/show.html | 文章分类筛选页面 |
模板安装方法
方法一:FTP直接上传
1、将名为muban的模板完整文件夹,上传至苹果CMS程序下的template目录中,参考路径:/www/wwwroot/你的域名/template/muban/
2、登录网站后台,依次进入系统 → 网站参数设置 → 基本设置
3、在当前模板选项中选中muban,保存设置即可完成启用。
方法二:后台压缩包上传安装
1、将模板文件夹打包为zip或tar.gz格式压缩包
2、进入网站后台 → 系统 → 模板管理 → 上传模板
3、上传完成后点击安装,再到基本设置页面切换为该模板即可。
使用注意事项
本模板仅支持苹果CMS V10版本,低版本程序无法正常使用。
如需更换站点LOGO,直接替换images目录内的图片文件即可。
导航分类ID可在head.html文件中 {maccms:type ids="1,2,3,4,5"} 位置根据自身站点分类ID修改。
首页调用的分类ID,在index.html文件中 {maccms:type ids="1,2,3,4"} 处自行调整配置。
资源截图:
1首页
2视频封面列表页
3视频详情页
4视频播放页
5新闻封面列表页
6新闻内容页
7手机端
