非插件实现WordPress首页幻灯片

    如果你想让你的WordPress站点有CMS的风格,首页幻灯片肯定是必须的。实现WordPress首页幻灯片的插件有很多,比如D13Slideshow就很好用。但幻灯片往往是嵌入到主题中的,因此非插件可能会比较合适。

    这篇文章介绍的方法是将Orbit幻灯片插件整合到WordPress主题中,Orbit是一款基于jquery的轻巧型幻灯片展示工具。本次介绍的方法仅仅是幻灯片,并不能实现自动从WordPress中获取图片,想要添加或修改这个幻灯片的内容,你只能手动修改代码。

    这个幻灯片的效果预览请到Orbit官网:

http://www.zurb.com/playground/jquery_image_slider_plugin

第一步:下载所需文件

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

    下载地址:

orbit-for-wordpress.zip

(23)

    下载完毕后请把这些文件上传到主题根目录下,比如

/wp-content/themes/inove/

第二步:添加代码

    一般幻灯片只需要在首页显示,因此我们只需要修改主题的index.php文件(有些主题首页模板可能不是index.php)。

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

daima-111128.bmp

代码说明:

    1.以上代码中的

广告合作
QQ群号:707632017

温馨提示:

1、本网站发布的内容(图片、视频和文字)以原创、转载和分享网络内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。邮箱:2942802716#qq.com(#改为@)。

2、本站原创内容未经允许不得转裁,转载请注明出处“站长百科”和原文地址。

热门教程

  • Z-Blog教程
    Z-Blog教程
    ZBlog教程分享ZBlog安装教程、ZBlog建站教程和ZBlog使用教程等相关教程,包括如何创建...
  • WordPress教程
    WordPress教程
    WordPress教程提供了关于WordPress的基础知识和技巧,包括安装、设置、发布内容、选择主...
  • CSS教程
    CSS教程
    CSS教程提供了关于如何使用CSS来设计和美化网页的基础知识和技巧,包括选择器、样式规则、盒模型、布...
  • 宝塔面板教程
    宝塔面板教程
    宝塔面板教程是一个致力于向用户传授宝塔面板的使用技巧和知识的学习资源,旨在帮助用户快速上手和充分利用...
  • PHP教程
    PHP教程
    PHP教程提供了关于PHP语法、变量、函数、流程控制等概念的详细指导,同时介绍了常见的Web开发技术...

3个月免费VPS

亚马逊云科技