你的位置: 首页>> wordpress学习 >> Wordpress插件Imagevue

Wordpress插件Imagevue

Wordpress插件Imagevue 

前段时间在HiLiuYun上添加了Imagevue相册程序,但是总想让Imagevue和HiLiuYun的风格统一,正好这几天有时间,就把Imagevue集成到WordPress中,可以点击gallery查看。
把Imagevue集成到Wordpress中其实很简单,和把大象放到冰箱里差不多,新建Wordpress页面,把Imagevue的代码加到页面里,最后保存,就可以了,下面详细说一下具体步骤。
1. 新建Wordpress页面
对于使用Wordpress的用户来说,新建页面应该大家后会,如果对页面没啥太多有求,在后台直接新建页面就可以,但是如果你对页面的要求比较高,想做的更个性点,那么就要新建个模板。
复制你所使用的主题文件夹下的single.php,重命名为gallery.php,打开gallery.php,在最上面添加如下代码,如果已有下面代码,就把template Name改成文件的名称,比如这里就是gallery。
<?php
/*
Template Name: gallery
*/
?>
然后进入Wordpress的后台,新建页面,这里在右侧的模板那里就可以选择gallery了。
 
打开gallery.php,去除不用的多余php代码,或者添加想要使用的代码,适当调整css代码。
2. 插入Imagevue相册代码
首先需要先安装Imagevue,这里用复制更为贴切,只需要把Imagevue文件夹复制到你的服务器上就可以,它不需要数据库支持,只要支持PHP和GD库就行。可以正常打开Imagevue的首页,说明安装成功。
在Imagevue的文件夹里有个embedDemo.html文件,用DW打开它,复制如下代码:
<div id=”imagevue”>
    <div id=”na”>
        <h1>Oops! – This page requires javascript -</h1><br />
        Please enable javascript in your browser and reload page.<br />
        &raquo; <a href=”?p=gallery”>flash gallery</a><br /><br />
        Optionally, you can view the HTML gallery page instead:<br />
        &raquo; <a href=”?p=html”>HTML gallery</a><br /><br />
        Imagevue flash photo gallery and slideshow:<br />
        &raquo; <h1><a href=”http://anonym.to/?http://www.imagevuex.com” title=”Flash photo gallery and slideshow”>www.imagevuex.com</a></h1>
    </div>
</div>
<script type=”text/javascript”>
//<![CDATA[
    swfobject.embedSWF("imagevue/imagevue2.swf", "imagevue", "100%", "100%", "8.0.0", "imagevue/expressInstall.swf", null, {allowScriptAccess: 'always', allowFullScreen: true, bgcolor: '#000000'}, {id: 'imagevue', name: 'imagevue'});
// ]]>
</script>
把复制过来的代码添加到刚才新建的gallery.php中的相应位置,可以在代码的最外层增加个DIV来控制相册的显示位置及大小等。在上面的代码中“swfobject.embedSWF(“imagevue/imagevue2.swf”,”位置,要改变下imagevue2.swf的相对地址,这样Imagevue的显示就正常了。在embedDemo.html的<head>代码里有两个JS,但是我只是使用了上面的代码,没有添加JS,使用正常,不知到那两个JS的具体作用。
显示都正常之后,就是慢慢调整模板了

  • 暂无相关日志

4 Responses to " Wordpress插件Imagevue "

  1. wukong71 说:

    你好,看了你的空间感觉你好厉害哦!
    你的imagevue相册可以支持中文字符的分类和备注,我一直弄不好,所以想请教一下你是怎么样实现的?能否发一份完整的程序到我的邮箱?
    万分感激!

    [回复]

    lzh 回复:

    您好,这篇文章中有讲到这个程序的安装使用和下载地址
    http://www.liaozuhui.com/archives/139

    下载地址在文章中,不在末尾,文章中有说明下载,因为这是很早写的教程了,所以没有注意到下载不方便,以后的文章都是在末尾下载的。感谢您的关注,谢谢

    [回复]

  2. wukong71 说:

    请您尽快回复我,ok?
    我的QQ:13713303.

    [回复]

  3. Yusky 说:

    博主, 这个你折腾成功了? 折腾很久一直木有折腾成功

    [回复]

留个脚印

Copyright © 2010 wordpress教程 All rights reserved.
Designed by Modified by wordpress. Powered by WordPress.