让Auto-highslide不在首页加载

auto-highslide是一个优秀的图片暗箱放大插件,本文介绍Auto HighSlide优化之如何让JS和CSS只在文章和页面加载,以减少不必要的请求. 作者:小蝴蝶

网上有过将Auto HighSlide的JS文件放在footer加载的优化教程,但我首页只输出不带格式的excerpts,所以希望它在首页不要加载,虽然Auto HighSlide只是个轻量级小插件,但毕竟百十来KB的文件,而且还是白白加载,
本来想通过改变add_action挂钩的位置来实现,但看了一下wordpress官方文档add_action的hook列表里没有singular之类只在文章或页面触发的钩子,所以只能通过转移调用来实现,研究了一下解决方法如下:
在auto-highslide.php找到/* 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-gallery.packed.js”></script>
<script type=”text/javascript”>


add_action(‘wp_head’, ‘highslide_head’);

然后把highslide_head函数中的JS和CSS调用转移到single.php与page.php,或者直接到你主题的顶部或底部添加以下代码:

<?php if ( is_singular() ): ?>
	<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-gallery.packed.js"></script>
	<script type="text/javascript">
		hs.graphicsDir = "'.get_bloginfo('wpurl').'/wp-content/plugins/auto-highslide/highslide/graphics/"
		hs.outlineType = "rounded-white";
		hs.dimmingOpacity = 0.8;
		hs.outlineWhileAnimating = true;
		hs.showCredits = false;
		hs.captionEval = "this.thumb.alt";
		hs.numberPosition = "caption";
		hs.align = "center";
		hs.transitions = ["expand", "crossfade"];
		hs.addSlideshow({
			interval: 5000,
			repeat: true,
			useControls: true,
			fixedControls: "fit",
			overlayOptions: {
				opacity: 0.75,
				position: "bottom center",
				hideOnMouseOut: true
			}
		});
	</script>
<?php endif; ?>

完成.

LIKE OR SHARE IT:

admin发表于Code目录下,标签为,转载请保留链接

TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言!

  1. 沙 发 DickWu

    :sui: 我怎么给忘了。。。。

    二月 12, 2013 18:20:51
  2. 板 凳 凤翼天堂

    插件什么的怎么看怎么不爽= =

    二月 12, 2013 20:14:51
  3. 地 板 郑永

    地板?稍后评论

    二月 12, 2013 20:46:02
  4. 地 毯 郑永

    @小蝴蝶 : :guai: 你跑我那里发图片啦?我早就撤了那个效果了,用jQuery ajax ,木木写的。

    二月 12, 2013 22:46:30
  5. 地 面 Android

    请允许我说题外话…
    话说这评论该怎样看..从上往下还是从下网上….
    还有 沙发后面是地板还是什么….
    我晕了(((φ(◎ロ◎;)φ)))

    八月 3, 2013 20:29:41
  6. PingBacks: 1