行业新闻

    非插件实现wordpress首页幻灯片WordPress主页幻灯片的非插件实现

    2022-06-01    来源:www.8001717.cn

    如果您希望您的网站具有 CMS 风格wordpress网站建设,那么主页幻灯片绝对是必须的。实现首页幻灯片的插件有很多,比如非常好用。但幻灯片往往嵌入到主题中,因此非插件可能更适合。

    本文介绍的方法是将 Orbit 插件(一个基于 Orbit 的轻量级幻灯片工具)集成到主题中。本次介绍的方法只是幻灯片,并不能自动从中获取图片。如果要添加或修改此幻灯片的内容,只能手动修改代码。

    本次幻灯片效果预览请访问Orbit官网:

    第一步:下载所需文件

    我们需要3个文件和一个图片包,这三个文件包括Orbit的js文件和CSS,一个是-1.5.1.min,如果你的主题已经调用了,那么你可能不需要它。最后是一组带有幻灯片图标的图片。

    下载地址:orbit-for-.zip(23)

    下载后请将这些文件上传到主题根目录非插件实现wordpress首页幻灯片,如/wp-//inove/

    第 2 步:添加代码

    一般幻灯片只需要在首页展示,所以我们只需要修改主题的index.php文件即可(部分主题首页模板可能不是index.php)。

    打开 index.php 文件后,在需要添加幻灯片的地方添加如下代码:

    /orbit-1.2.3.css”>

    代码说明:

    1.在上面的代码中

    这句话后面的图片就是要显示的图片。这里假设有3张图片的url分别为1.jpg、2.jpg、3.jpg。请根据需要修改,添加图片只需要换行

    标签会做。您还可以包含超链接,例如。

    2.第一行代码是加载库。如果它已经加载到您的主题中,那么您可以删除第一行。

    3.所有要显示的图像最好是相同的大小。

    第三步:修改幻灯片样式

    此时幻灯片应该可以成功运行了,您现在需要修改它的大小和其他样式。打开第一步上传的文件中的orbit-1.2.3.css非插件实现wordpress首页幻灯片,其中第二行和第三行是幻灯片的高度和宽度。如果你了解 CSSwordpress网站制作,可以在这个文件中修改其他样式。

    你完成了!

    文章来自互联网,侵权请联系删除,文章阐述观点来自文章出处,并不代表本站观点。 www.8001717.cn



X