分享

Auto HighSlide - 真正自动增加 WordPress 的 HighSlide...

 歪SIR 2011-03-06

Auto HighSlide - 真正自动增加 WordPress 的 HighSlide 图片效果插件

插件作者:

Showfom(http:///

插件简介:

图片特效,嗯,只增加了图片特效 HighSlide 的  JS ,看清楚只有图片,而且要求是图片必须以超链接形式到原图,而且不用增加多余的代码,插件会自动为你增加,比如:

<a href="//files./Gtalk_107FF/image.png"><img src="//files./Gtalk_107FF/image_thumb.png"
width="244" height="95"></a>

就那么简单,用 Windows Live Writer 的朋友只要上传一张图片,能自动生成缩略图并且链接到原图,就会有效果;使用 WordPress 后台增加文章的用户可以使用上传图片,然后选择链接到原图,大小设置成中等或者根据自己需要甚至是原图都可,如图:

image

小提示:

1.只要用后台上传过一张图片,那么,以后上传的任何图片都会保留上一次上传的形式,比如,你设置了链接到原图,并且是中等大小,那么,以后上传的所有图片都会这样,简单吧。另外,通过 WordPress 后台上传一个图片,就会自动增加一个 postid ,所以,我一直推荐直接使用 Windows Live Writer 写博客。

2.点击图片放大以后还可以用鼠标左键拖动,不信你试试。

适用版本:

所有 WordPress 版本,在 Firefox 3.0.*IE 6/7/8 正式版 下测试无错误

插件预览:

Showfom

(点击上面这张图片吧,额,这个图片够淫荡吧,和两个美女的 QQ秀 合影……)

安装方法:

1、将解压以后的 Auto HighSlide 目录 (千万别自己改名字) 解压到  {WordPress 根目录}/wp-content/plugins/

2、登录你的 WordPress 后台, 到 Plugins 页面激活插件 Auto HighSlide

一些问题:

1、本插件和 Add HighSlide 相同么?

当然不一样了, Add HighSlide 只是增加了图片的代码,然后配合 HighSlide4WP 插件使用,而 Auto HighSlide 精简了 HighSlide4WP 的代码,比如评论增加表情等,并且整合了 Add HighSlide 的代码,所以推荐使用。

2、本插件可以和 Add  HighSlide 、 HighSlide4WP 之类的其他 HighSlide 插件一起使用吗?

你可以同时喝两杯水吗?当然不可以了,不过同时泡两个马子我不反对。

3、本插件可以自己修改吗?

改吧,没问题哈哈哈,我自己就是参考别人的功能,我也不是很懂 php 的,否则就增加个判断功能咯~

4、为什么我的博客没有效果?

首先,确保你的主题的 header.php 文件包含了 <?php wp_head(); ?> , 其次,确保你的图片是有超级链接形式链接到原图,参考插件简介。

5、为什么博主你有篇文章提到可以删除 <?php wp_head();?> 而这个插件却必须使用?

我不喜欢刷牙,但是我能强迫大家都不刷牙吗?据我观察,一些不合格的主题没有 <?php wp_footer();?> ,所以我就只能加到 <?php wp_head(); ?> 了,而且这段代码直接参考 mg12 制作的 HighSlide4WP ,很简单的,假如你不想加在头部,可以直接在主题目录的 footer.php 增加如下代码:

<link rel="stylesheet" href="http://你的博客地址/wp-content/plugins/auto-highslide/highslide/highslide.css" type="text/css" />
<script type="text/javascript" src="http://你的博客地址/wp-content/plugins/auto-highslide/highslide/highslide-with-html.packed.js"></script>
<script type="text/javascript">
hs.graphicsDir = "http://你的博客地址/wp-content/plugins/auto-highslide/highslide/graphics/";
hs.outlineType = "rounded-white";
hs.outlineWhileAnimating = true;
hs.showCredits = false;
</script>

然后把 <?php wp_head(); ?> 删除吧,或者直接修改插件,把

/* Add HighSlide */function highslide_head() { 
  print('<link rel="stylesheet" href="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide.css"
 type="text/css" /><script type="text/javascript" src="'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/highslide-with-html.packed.js">
</script>
<script type="text/javascript">    hs.graphicsDir = "'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/graphics/";  
 hs.outlineType = "rounded-white";    hs.outlineWhileAnimating = true;    hs.showCredits = false;</script>    ');}add_action('wp_head', 'highslide_head');

这段删除

高级用户可以把最后的

add_action('wp_head', 'highslide_head');

修改为

add_action('wp_footer', 'highslide_head');

那么,jscss 就会加到 <?php wp_footer();?> 里去了,嗯,你可以乱修改,但是得尊重原作者的版权。

5、为什么我觉得博主的介绍那么啰嗦?

淫荡的人生,需要解释吗?

English:

== Description ==

1.This plugin automatically add HighSlide Image Effect in your blog and You don't Need To Change Anything!

2.You don't need to install HighSlide4WP if you only want to use the images effect of HighSlide.

3.If you install HighSlide4WP, just uninstall it.

4.If you want to use other effect of HighSlide , please use HighSlide4WP with Add Highslide.

== Installation ==

1. Upload `auto-highslide` folder to the `/wp-content/plugins/` directory

2. Activate the plugin through the 'Plugins' menu in WordPress

感谢名单 Thanks:

HighSlide.Com Mg12

====================最重要的========================

插件下载:

点我下载 | Download

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多