WordPress网站文章页中添加幻灯片功能的使用教程（带演示）

共

演示效果请看上图轮播

上一篇在WordPress网站使用教程之友情链接使用 中有提到，到此处已经是在讲解WordPress网站的前端的各项的设置和使用教程了，本文将主要简要的说明了WordPress前端文章页的轮播图样式显示方式的设置和使用。

此轮播功能使用教程如下：

1.后台编辑文章时，切换到【文本】编辑模式，把鼠标定位在在文章适当位置后，点击一下编辑工具栏的【图片相册】后即可添加以下短代码：

【img】连续插入 N 张图片【/img】

2.然后把“连续插入 N 张图片”删除并按正常添加图片方法，点击【添加媒体】按钮，

可以选择：媒体库、上传图片、从 URL 插入方式添加图片（建议 2 张图片以上使用这个图片相册）

至此，刷新前端对应文章页，可以查看文章内部的图片轮播效果了。具体效果图可以参考本文头部图片轮播。

轮播功能使用注意点：
1.幻灯片图片宽约750PX,高约580PX。
幻灯片中图片是自己上传的，大小不一肯定不协调，需要高度一致，宽度一致。
2.上传多张图片时，多张图片之间不能有空格和回行（只需要连续添加即可）。
否则幻灯片就会有BUG，就是轮播图中间会多一个空的轮播。

当然，这是只本网站主题已经开发好了这个功能的情况下，以上只是使用教程。
如果要开发的话，文章页添加的幻灯片功能涉及到四个文件，分别是 functions.php、style.css、JS 文件夹里面的 script.js 和 slides.js。再此明月SEO就不在详述。

本文讲解了文章页的轮播图设置使用，下一篇我们将讲解：

WordPress网站侧边栏添加幻灯片功能教程（纯代码版）

我们可以发现，一个网站，首页有轮播图，文章页也可以轮播图，侧边栏也可以有轮播图。整个网站是不是比较个性，功能比较完善了？点击上面链接，继续学习。学习不要亚于任何人的努力。