幻灯片wordpress 幻灯片切换效果怎么设置

如何让wordpress博客页面中展示幻灯片

1、注册统计代码：免费统计代码统计代码百度、cnzz等cnzz例

10余年的新绛网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整新绛建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。创新互联从事“新绛网站设计”,“新绛网站推广”以来，每个客户项目都认真落实执行。

2、统计站点添加自网站：

找添加站点实填写自站点信息

3、获取代码：

保存自网站获取统计代码

4、登陆wordpress台：

找 外观 主题 编辑选项

5、编辑找footer 文件

6、刚才复制统计代码放footer文件 ...间 保存OK

wordpress怎么添加幻灯片

wordpress添加幻灯片：

第一步：下载所需文件

我们需要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文件后，在需要添加幻灯片的地方加上以下代码：

link rel="stylesheet" href="?php bloginfo('template_url'); ?/orbit-1.2.3.css"

script type="text/javascript" src="?php bloginfo('template_url'); ?/jquery-1.5.1.min.js"/script

script type="text/javascript" src="?php bloginfo('template_url'); ?/jquery.orbit-1.2.3.min.js"/script

script type="text/javascript"

$(window).load(function() {

$('#featured').orbit();

});

/script

div id="featured"

img src="/1.jpg" /

img src="/2.jpg" /

img src="/3.jpg" /

/div

代码说明：

1.以上代码中的div id="featured"这句之后的便是要展示的图片，这里假设是url分别为1.jpg、2.jpg、3.jpg的3张图片，请根据需要修改，增加图片只需要另起一行再加个标签即可。你也可以加入超链接，比如a href="#"img src="1.jpg"/a。

2.第一行代码是加载jquery库，如果你的主题中已经加载了jquery，那么你可以将第一行删除。

3.所需要展示的图片最好是尺寸全都一致的。

第三步：修改幻灯片样式

此时幻灯片应该已经成功运行了，你现在需要修改它的大小及其他样式。打开第一步中上传的文件中的orbit-1.2.3.css，其中第二行和第三行就是幻灯片的高度和宽度，如果你懂得CSS，可以在这个文件中修改其他样式。

wordpress怎样加入幻灯片

首先，咱们要准备素材，青岛SEO推荐：站长之家：进入搜索幻灯片即可，解压下载到桌面。这样你会得到一个images文件夹，css文件夹，js文件夹和index.html的静态页面。

第二步：用DW合并代码

1.复制幻灯片里面的images文件里面的图片到你网站模板的images文件夹里面

2.复制幻灯片css文件夹里面的代码到你网站模板的css文件夹最下面

3.复制幻灯片js文件夹到你网站模板里面，如果你的网站模板已经有js文件夹，那就打开js文件夹，放入里面

4.用DW打开幻灯片里面的index.html静态页面，把js代码复制粘贴到自己网站模板的herder.php文件夹里面，放在/head标签的前面即可。

一般js代码的形式是这样的：script src=”js/jquery-1.4.2.min.js” type=text/javascript/script

script src=”js/zzsc.js” type=text/javascript/script

修改相对路径为WP绝对路径，例如：script src=”?php bloginfo(‘template_directory’); ?/js/jquery-1.4.2.min.js” type=text/javascript/script

script src=”?php bloginfo(‘template_directory’); ?/js/zzsc.js” type=text/javascript/script

5.在index.html里面定位幻灯片所在的DIV,然后复制粘贴到你网站模板想放置幻灯片的位置，大部分模板放在头部herder.php文件夹里，还有一部分是放在index.php文件夹里面。

6.修改幻灯片模板的大小，直至满意的尺寸。

7.替换图片，把想要的图片，换成跟幻灯片里面的图片一样的名字，就可以替换了。

幻灯片的制作很简单吧，青岛SEO博客以后会陆续分享网站制作以及网站SEO出现的问题和知识，请大家多多关注！！

网站题目：幻灯片wordpress 幻灯片切换效果怎么设置
分享网址：http://6mz.cn/article/dojdeos.html