有朋自远方来,不亦乐乎。
[笔记]WordPress主题为图片添加暗箱特效效果
发布于 2年前 ( 2016-04-02 ) 阅读: 1,400 次 评论: 4 条 百度已收录 隐藏边栏

其中在制作主题中,集成功能的时候,遇到不少问题的,但是做不到能够一一记录下来。我觉得这作用挺大的,所以想记录一下。

作为笔记,为WordPress主题集成特效效果,网上有例子,一抓一大把。其中知更鸟,Wopus都有,不知作者是谁,很多年前的了。

其实也没什么说的,因为在知更鸟的文章里已经说明了,只不过我添加了以后出现js错误,是因为暗箱js里面运用的api已经被废除了。当然,要使用旧版本的Jquery也是可以的,要1.9以前的。但强迫症存在,没办法,我用了最新的Jquery版本。

报错提醒:Cannot read property ‘msie’ of undefined;

报错原因:$.browser的api已在Jquery1.9版本后移除了。

解决方法:在该$.browser代码之前添加以下代码

jQuery.browser={};(function(){jQuery.browser.msie=false; jQuery.browser.version=0;if(navigator.userAgent.match(/MSIE ([0-9]+)./)){ jQuery.browser.msie=true;jQuery.browser.version=RegExp.$1;}})();

这方法也都是网上的,这里只不过是借鉴下,并且做个笔记,以防以后出现同样的问题。

参考帖子:

暗箱方法-知更鸟:http://zmingcx.com/wordpress-themes-lightbox.html

解决方法-blchen空间:http://blchen.com/jquery-can-not-read-property-msie-of-the-undefined-error-solution/

以下文件提供的是我修改好的,可以直接拿来使用。使用方法,参考知更鸟的帖子。

至于集成效果如何,没得,因为我集成的主题目前还在本地。以后记住的话,会放出。。o(∩_∩)o  记住再说~

其他功能

//图片自动增加超链接到文章,并添加标题和ALT属性
function auto_post_link($content) {
    global $post;
    $content = preg_replace('/<\s*img\s+[^>]*?src\s*=\s*(\'|\")(.*?)\\1[^>]*?\/?\s*>/i', "<a href=\"$2\" class=\"pirobox_gall\" title=\"".$post->post_title."\" ><img src=\"$2\" alt=\"".$post->post_title."\" /></a>", $content);
    return $content;
}
add_filter ('the_content', 'auto_post_link',0);

注明:使用以上方法链接到原图,会导致图片原有的多余属性失效,就是对齐功能。

还没找到方法咋搞,找到了会更新。

如果您有办法解决的,给我留个言哦,谢谢。

如有使用问题,可在文章下方留言。

目前评论:4   其中:访客  2   博主  2

发表评论

有人回复时邮件通知我

请稍候,正在加载新评论...
  1. 网扑蜘 ( 2016.04.08 17:26:03 ) 重庆市 电信 | Windows 7 | Chrome 45.0.2454.101 #1

    感觉这个方法更简单

    • 晓庄 ( 2016.04.08 18:19:48 ) 广东省深圳市福田区 电信 | Windows 8.1 | Chrome 49.0.2623.110

      @网扑蜘 嗯,这个不是很难,集成的条目也清楚。

  2. 网扑蜘 ( 2016.04.29 19:26:50 ) 重庆市 电信 | Windows 10 | Chrome 45.0.2454.101 #2

    无法留言区留言,五一到来,祝节日快乐!

    • 晓庄 ( 2016.04.29 19:41:45 ) 广东省深圳市 电信 | Windows 8.1 | Chrome 50.0.2661.94

      @网扑蜘 谢谢,同五一快乐哦。
      恩恩,最近在更换新主题,页面使用模板会有问题,没来得及调。