苹果CMS模板截图
1首页截图
2视频封面列表页截图
3视频详情页截图
4视频播放页截图
5新闻封面列表页截图
6新闻内容页截图
7手机端截图
简介
模板采用深色导航栏搭配白色圆角内容卡片,主色调#00A0E9,视觉层次清晰。页面基于HTML5语义标签构建,使用原生CSS搭配JavaScript与jQuery实现交互,不依赖重型第三方UI框架,减少页面资源体积。
使用CSS变量管理全局主题色,更换主色仅调整变量,不用大面积修改代码;支持自定义TDK与OG标签,内置面包屑导航与合理标题层级。
影片以网格卡片展示,悬浮显示播放按钮与评分;资讯模块采用三列卡片布局并附带摘要。首页设置Banner轮播,支持自动轮播、指示器与手动切换。
视频详情页展示海报、标签、影片资料、评分与播放地址;播放页使用16:9播放器,支持Tab切换多条播放线路与分集列表。文章详情页附带相关推荐。
多条件筛选面板,支持类型、地区、年份、语言、首字母筛选,资源支持切换排序方式;分类支持标签快速切换。移动端使用汉堡菜单,附带返回顶部与友情链接区域。
全屏幕自适应,PC、平板、手机访问自动重排页面;代码兼容苹果CMS V10标签体系,上传部署即可启用。
文件分为公共头部、底部、分页、SEO元数据、资源引入文件;首页承载轮播和资源列表。视频模块包含详情、播放、搜索、分类、筛选页面;资讯模块配套文章详情、搜索、分类、筛选页面。
教程
将模板文件夹上传至苹果CMS template目录。
登录后台,进入系统、网站参数配置的基本设置。
模板下拉项选中该模板,移动端模板同步选择同款。
保存设置,刷新前台预览页面。
清理全站缓存,确保功能正常加载。
使用提示
{$maccms.path}标签自动识别站点根目录,无需手动修改路径。LOGO直接在后台基本设置上传替换;主题色修改调整CSS变量即可。
