通过广告管理或碎片添加幻灯片，结合html与js插件如slick实现轮播效果，注意路径、备份与响应式适配。
在使用 PHPCMS 建站时，添加幻灯片（轮播图）常用于首页展示重点内容。下面介绍如何添加幻灯片并设置切换效果。
一、添加幻灯片的方法
PHPCMS 本身不直接提供可视化幻灯片管理模块，通常通过以下方式实现：
- 通过后台“碎片管理”添加代码块：进入 PHPCMS 后台 → 模块管理 → 碎片管理 → 添加一个新碎片（如命名为“首页幻灯”），选择“HTML代码”类型，在内容区域写入幻灯片的 HTML+CSS+JS 代码。
- 修改模板文件：找到网站模板目录下的首页模板（如 index.html），在需要显示幻灯的位置插入幻灯代码。保存后更新缓存即可生效。
- 使用广告位模块（推荐）：如果系统启用了广告模块，可进入“广告管理” → 添加一个图片轮播类型的广告位，上传多张图片并设置链接，然后在模板中调用该广告位 ID 显示幻灯。
二、设置幻灯片切换效果
切换效果依赖前端 JS 插件，常见做法如下：
- 引入 jQuery 和轮播插件：确保页面已加载 jQuery，再引入如 Slick、Swiper 或原生 JS 轮播脚本。
- 编写结构代码：在模板或碎片中添加类似以下结构：
<div class="slider"> <div>@@##@@</div> <div>@@##@@</div> <div>@@##@@</div> </div>
- 初始化轮播脚本：加入 JS 初始化代码，例如使用 Slick：
<script>
$(document).ready(function(){
$('.slider').slick({
autoplay: true,
autoplaySpeed: 3000,
arrows: true,
dots: true
});
});
</script>
这样就能实现自动播放、左右箭头切换和底部圆点导航。
立即学习“PHP免费学习笔记（深入）”；
三、注意事项
- 修改模板前建议备份原始文件。
- 静态资源（JS/CSS）路径要正确，避免加载失败。
- 若使用广告模块，注意广告位尺寸与设计图匹配。
- 移动端适配需检查轮播是否响应式显示。
