如果您想让您的网站具有 CMS 的风格,首页幻灯片绝对是必须的。有很多插件可以实现首页幻灯片,非常好用。但幻灯片往往嵌入到主题中,因此非插件可能更适合。
本文介绍的方法是将Orbit幻灯片插件这个基于 的轻量级幻灯片工具集成到主题中。本次介绍的方法只是幻灯片,无法自动获取图片。如果要添加或修改此幻灯片的内容,只能手动修改代码。
此幻灯片效果预览请前往Orbit官网:
第 1 步:下载所需文件
我们需要3个文件和一个图片包,这三个文件包括Orbit的js文件和CSS,一个是-1.5.1.min,如果你的主题有调用的话,那么你可能不需要它。最后是一组带有幻灯片图标的图片。
下载地址:orbit-for-.zip(23)
下载后请将这些文件上传到主题根目录wordpress建站,如/wp-//inove/
第 2 步:添加代码
一般的幻灯片只需要在首页展示,所以我们只需要修改主题的index.php文件(部分主题首页模板可能没有索引.php)。
打开index.php文件后,在需要添加幻灯片的地方添加如下代码:
/orbit-1.2. 3.css”>
代码说明:
1.在上面的代码中
这句话后面就是要显示的图片,这里假设url是1.jpg , 2.jpg, 3.jpg 3张图片,请根据需要修改添加图片只需要换行再添加一个
标签就足够了。您还可以包含超链接,例如。
2. 第一行代码是加载库非插件实现wordpress首页幻灯片,如果你的主题中已经加载了,那么你可以删除第一行。
3.所有需要显示的图片大小都应该一样。
第三步:修改幻灯片样式
幻灯片现在应该可以成功运行了wordpress网站制作,您现在需要修改它的大小和其他样式。打开第一步上传的文件中的orbit-1.2.3.css,其中第二行和第三行是幻灯片的高度和宽度。如果你懂 CSS非插件实现wordpress首页幻灯片,可以在这个文件中修改其他样式。
你已经完成了!
这篇文章对您有帮助吗?有 0 人表示这篇文章有帮助。
导演2012-03-28T17:16:41+08:00发表于:2012-03-28||
文章来自互联网,侵权请联系删除,文章阐述观点来自文章出处,并不代表本站观点。
www.8001717.cn